Hack Your Design!

はじめてのVS Code Extension、Hybrid Next Plusテーマを公開しました

(image)はじめてのVS Code Extension、Hybrid Next Plusテーマを公開しました

はじめてのVS code Extensionとしてybrid Next Plusというテーマを公開してみた。

きっかけ

  • もともとVSCodeのデフォルトのテーマがいまいち好きになれなかった
  • Vimでhybrid、Atomでhybrid nextというテーマを気に入っていたのでそのテーマをVSCodeでも使おうと思った
  • 公開されているvscode-hybrid-nextを使おうと思ったが、少々気に食わない設定があった
  • 同レポジトリにPRしようかと思ったがテーマのあて方がtmTheme形式だったため小回りが効かない感じになってた
  • 自分でテーマを作った hybrid-next-plus

参考テーマ

背景やサイドバーの設定は、Atom One Darkを参考にした。

atom one dark

:point_up: 【図】Atom One Dark(公式READMEより引用)

シンタックスハイライトのカラーは、hybridhybrid next, vscode-hybrid-nextを参考にしつつ一番しっくりくる色のあて方を選択した。

hybrid next

:point_up: 【図】Atom Hybrid Next(公式READMEより引用)

最後に

一応markdown, Ruby, jsonファイルあたりはちゃんと確認にしていい感じにsyntaxハイライトあたっていることを確認していますが、他の拡張子で不完全なところがあるかもなので何かありましたらPRお願いします 🙏

手前味噌にはなるけどなかなかいいテーマに仕上がっていると思いますのでよかったら使ってみてください。

追記

VS Code Extensionの公開手順を書きました。

  • このエントリーをはてなブックマークに追加
comments powered by Disqus