1. はじめに 全国のVSCodeテーマ迷子同志の皆さん、初めまして!今年新卒入社の長江です。 この記事に興味を持っていただいたということは、私と同じくカラーテーマ選定の沼に陥っているのではないでしょうか。気持ちは大変わかります。 ということで今回は、タイトルの通り 「Theme Studio for VS Code」を利用して簡単に、己の欲を満たすテーマを作成 していこうと思います! そして、「あわよくば他人にマイテーマを布教したい!」という人に向けて、 マーケットにマイテーマを配布する方法 を次回紹介できたらなと思います。 2. 今回の方法で作成したテーマの紹介 今回は、新世代ターミナルの「Warp」のデザインを参考にテーマを作ってみました。 完成したテーマはこんな感じです。 作成するテーマのイメージを事前に決めておくと、テーマの作成中に「あーでもない、こーでもない」みたいな雑念が薄れ
![【ここだけ抑えれば簡単綺麗】Theme Studio for VS Codeでかっこいいテーマを作る「25」の設定 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e39500c9633762ea4fdf5b04b150329769aa3fb3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fengineer-festa-ogp-background-074608b13b4bbe67c10ada41e7e2d292.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwJUUzJTgxJTkzJUUzJTgxJTkzJUUzJTgxJUEwJUUzJTgxJTkxJUU2JThBJTkxJUUzJTgxJTg4JUUzJTgyJThDJUUzJTgxJUIwJUU3JUIwJUExJUU1JThEJTk4JUU3JUI2JUJBJUU5JUJBJTk3JUUzJTgwJTkxVGhlbWUlMjBTdHVkaW8lMjBmb3IlMjBWUyUyMENvZGUlRTMlODElQTclRTMlODElOEIlRTMlODElQTMlRTMlODElOTMlRTMlODElODQlRTMlODElODQlRTMlODMlODYlRTMlODMlQkMlRTMlODMlOUUlRTMlODIlOTIlRTQlQkQlOUMlRTMlODIlOEIlRTMlODAlOEMyNSVFMyU4MCU4RCVFMyU4MSVBRSVFOCVBOCVBRCVFNSVBRSU5QSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzRkZGRkZGJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YWE4OGJlMDMxM2JmMTRmZDA3MjFiM2I1MGQwNjBlZjA%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDA4bWl0c3Vib3kmdHh0LWNvbG9yPSUyM0ZGRkZGRiZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTZjYWYzMzUwMmE2ZGFkMGVlN2M5OTEzYTBlM2EzYjE2%26blend-x%3D120%26blend-y%3D445%26blend-mode%3Dnormal%26txt64%3DaW4gS0RESeOCouOCuOODo-OCpOODq-mWi-eZuuOCu-ODs-OCv-ODvOagquW8j-S8muekvg%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523FFFFFF%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D134%26txt-y%3D546%26s%3Dab1e0dcae15457a440fab17a90c8cb80)