読者です 読者をやめる 読者になる 読者になる

undefined

bokuweb.me

【保存版】2014年に見つけたイケてるSublimeTextテーマ29選+おまけ

SublimeText

こんにちは。 みなさんSublimeTextを使っていますか?atom.ioに移行している人も少なくないかと思いますが、自分はまだまだSublimeTextを使っています。(ライセンス買っちゃったってのもありますが・・。)そんな中2014年に見つけたテーマを紹介しますので参考にしてください。

テーマのインストール方法

まずはテーマのインストール方法

  1. ctrl + shift + p または cmd + shift + pでコマンドパレットを開く
  2. Package Control: Install Packageを起動
  3. テーマ名で検索
  4. インストール
  5. Preferences -> Settings – Userにてthemeを指定
{
    "theme": "<テーマ名>.sublime-theme"
}

Brogrammer

https://sublime.wbond.net/packages/Theme%20-%20Brogrammer

f:id:bokuweb:20141225214120p:plain

設定例

{
    "theme": "Brogrammer.sublime-theme",
    "color_scheme": "Packages/Theme - Brogrammer/brogrammer.tmTheme"
}

itg.flat Dark

https://sublime.wbond.net/packages/Theme%20-%20itg.flat

f:id:bokuweb:20141225214247p:plain

設定例

{
    "theme": "itg.flat.dark.sublime-theme",
    "color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme"
}

itg.flat Light

https://sublime.wbond.net/packages/Theme%20-%20itg.flat

f:id:bokuweb:20141225214302p:plain

設定例

{
    "theme": "itg.flat.light.sublime-theme",
    "color_scheme": "Packages/Theme - itg.flat/itg.light.tmTheme"
}

Spacegray

https://sublime.wbond.net/packages/Theme%20-%20Spacegray

f:id:bokuweb:20141225214324p:plain

設定例

{
    "theme": "Spacegray.sublime-theme",
    "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"
}

Spacegray Light

https://sublime.wbond.net/packages/Theme%20-%20Spacegray

f:id:bokuweb:20141225214346p:plain

設定例

{
    "theme": "Spacegray Light.sublime-theme",
    "color_scheme": "Packages/Theme - Spacegray/base16-ocean.light.tmTheme"
}

Spacegray Eighties

https://sublime.wbond.net/packages/Theme%20-%20Spacegray

f:id:bokuweb:20141225214407p:plain

設定例

{
  "theme": "Spacegray Eighties.sublime-theme",
  "color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme"
}

Numix

https://sublime.wbond.net/packages/Numix%20Theme

f:id:bokuweb:20141225214434p:plain

設定例

{
    "theme": "Numix.sublime-theme"
}

Numix Dark

https://sublime.wbond.net/packages/Numix%20Theme

f:id:bokuweb:20141225214454p:plain

設定例

{
    "theme": "Numix Dark.sublime-theme"
}

Tech49

https://sublime.wbond.net/packages/Theme%20-%20Tech49

f:id:bokuweb:20141225214513p:plain

設定例

{
    "theme": "Tech49.sublime-theme",
    "color_scheme": "Packages/Theme - Tech49/Tech49.tmTheme"
}

Orchis Dark

https://sublime.wbond.net/packages/Theme%20-%20Orchis

f:id:bokuweb:20141225214531p:plain

設定例

{
    "theme": "Orchis Dark.sublime-theme"
}

Orchis Light

https://sublime.wbond.net/packages/Theme%20-%20Orchis

f:id:bokuweb:20141225214546p:plain

設定例

{
    "theme": "Orchis Light.sublime-theme"
}

Orchis Dark Legacy

https://sublime.wbond.net/packages/Theme%20-%20Orchis

f:id:bokuweb:20141225214605p:plain

設定例

{
    "theme": "Orchis Dark Legacy.sublime-theme"
}

Glacier

https://sublime.wbond.net/packages/Theme%20-%20Glacier

f:id:bokuweb:20141225214621p:plain

設定例

{
    "theme": "Glacier.sublime-theme",
    "color_scheme": "Packages/Theme - Glacier/glacier.tmTheme"
}

Soda Light

https://sublime.wbond.net/packages/Theme%20-%20Soda

f:id:bokuweb:20141225214639p:plain

設定例

{
    "theme": "Soda Light 3.sublime-theme
}

Soda Dark

https://sublime.wbond.net/packages/Theme%20-%20Soda

f:id:bokuweb:20141225214655p:plain

設定例

{
    "theme": "Soda Dark 3.sublime-theme"
}

Nexus

https://sublime.wbond.net/packages/Theme%20-%20Nexus

f:id:bokuweb:20141225214713p:plain

設定例

{
    "theme": "Nexus.sublime-theme"
}

Piatto Light

https://sublime.wbond.net/packages/Theme%20-%20Piatto

f:id:bokuweb:20141225214732p:plain

設定例

{
    "theme": "Piatto Light 3.sublime-theme",
    "color_scheme": "Packages/Theme - Piatto/Piatto Light.tmTheme",
    "bold_folder_labels": true
}

Piatto Dark

https://sublime.wbond.net/packages/Theme%20-%20Piatto

f:id:bokuweb:20141225214753p:plain

設定例

{
    "theme": "Piatto Dark 3.sublime-theme",
    "color_scheme": "Packages/Theme - Piatto/Piatto Dark.tmTheme",
    "bold_folder_labels": true
}

Watson

https://sublime.wbond.net/packages/Theme%20-%20Watson

f:id:bokuweb:20141225214807p:plain

設定例

{
    "theme": "Watson.sublime-theme"
}

Coffee

https://sublime.wbond.net/packages/Theme%20-%20Coffee

f:id:bokuweb:20141225214822p:plain

設定例

{
    "theme": "Coffee Dark Roast.sublime-theme",
    "color_scheme": "Packages/Theme - Coffee/Coffee Dark Roast.tmTheme"
}

Moka Dark

https://sublime.wbond.net/packages/Theme%20-%20Moka

f:id:bokuweb:20141225214838p:plain

設定例

{
    "theme": "Moka Dark.sublime-theme"
}

Moka Light

https://sublime.wbond.net/packages/Theme%20-%20Moka

f:id:bokuweb:20141225214854p:plain

設定例

{
    "theme": "Moka Light.sublime-theme"
}

Freesia

https://sublime.wbond.net/packages/Theme%20-%20Freesia

f:id:bokuweb:20141225214914p:plain

設定例

{
    "theme": "Freesia.sublime-theme",
    "color_scheme": "Packages/Theme - Freesia/Triplet.tmTheme"
}

Void

https://sublime.wbond.net/packages/Theme%20-%20Freesia

f:id:bokuweb:20141225214949p:plain

設定例

{
    "theme": "Void.sublime-theme",
    "color_scheme": "Packages/Theme - Freesia/Proxy.tmTheme"
}

Kano

https://sublime.wbond.net/packages/Theme%20-%20Freesia

f:id:bokuweb:20141225215010p:plain

設定例

{
    "theme": "Kano.sublime-theme",
    "color_scheme": "Packages/Theme - Freesia/Proxy.tmTheme"
}

Higuchi

https://sublime.wbond.net/packages/Theme%20-%20Freesia

f:id:bokuweb:20141225215025p:plain

設定例

{
    "theme": "Higuchi.sublime-theme",
    "color_scheme": "Packages/Theme - Freesia/Big Duo.tmTheme"
}

Asphalt

https://sublime.wbond.net/packages/Theme%20-%20Asphalt

f:id:bokuweb:20141225215039p:plain

設定例

{
    "theme": "Asphalt.sublime-theme"
}

El Capitan

https://sublime.wbond.net/packages/Theme%20-%20El%20Capitan

f:id:bokuweb:20141225215056p:plain

設定例

{
    "theme": "El Capitan.sublime-theme"
}

Augmented Reaction

https://sublime.wbond.net/packages/Theme%20-%20Augmented%20Reaction

f:id:bokuweb:20141225215111p:plain

設定例

{
    "theme": "Augmented Reaction.sublime-theme",
    "color_scheme": "Packages/Theme - Augmented Reaction/Augmented Reaction.tmTheme"
}

おまけ

迷いましたが結局ぼくは以下のような設定で使用してます "color_scheme"は[Spacegray]のもので、"theme"は[itg.flat.dark]です

f:id:bokuweb:20141225215137p:plain

{
    "theme": "itg.flat.dark.sublime-theme",
    "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"
}

以上です。 それではよいSublimeTextライフを。

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

  • 作者: 上野正大,杉本淳,前川昌幸,森田壮,こもりまさあき
  • 出版社/メーカー: インプレスジャパン
  • 発売日: 2014/03/20
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログ (3件) を見る