A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.md 4.7KB

4 years ago
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. title: cobalt2: a theme for Sublime Text
  2. url: http://wesbos.com/cobalt2-theme-sublime-text-2/
  3. hash_url: 2f8d31cf8c019d167ae876d50400a3fb
  4. <p>Update: November 2014 – these theme has received a major UI upgrade for new Sublime Features and editor tweaks.</p>
  5. <p>I love text editor colour schemes. I’ve tried dozens of them over the years but always found myself coming back to trusty old cobalt. I liked this theme quite a but but I didn’t <em>love</em> it. So, over the years I’ve tweaked and tuned cobalt into a theme that I am very happy with. Its easy on the eyes, works well across many languages and takes note of those little UI elements like the caret, searches and bracket matching.</p>
  6. <p>I have had quite a few friends use my theme and they seem to be sticking with it. So, I’ve decided to release it to the masses. To download it, head on over to the <a href="https://github.com/wesbos/cobalt2" target="_blank">github repo.</a> As always, would love to hear any feedback you may have <img src="http://wesbos.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"/></p>
  7. <p>Quick aside: I wrote a <a href="https://sublimetextbook.com" title="Sublime Text Book">book on sublime text</a> which comes along with a video series. If you like my themes and blog posts on Sublime Text, you will love this!</p>
  8. <p><a href="https://sublimetextbook.com/?utm_source=cobalt2&amp;utm_medium=banner&amp;utm_campaign=product"><img src="https://sublimetextbook.com/images/facebook-share2.png"/></a></p>
  9. <p>#cobalt2<br/>
  10. A Sublime Text theme based on our old blue friend cobalt.</p>
  11. <p>A refined colour scheme that is easy on the eyes and takes small UI elements into account. Includes full sublime theme (sidebar, search, tabs, etc…) as well as support for SublimeLinter, git diffing and a growing number of plugins.</p>
  12. <p>See below for examples. <a href="http://wesbos.com/cobalt2-theme-sublime-text-2/">Read more at http://wesbos.com/cobalt2-theme-sublime-text-2/</a></p>
  13. <h2>Installation</h2>
  14. <h3>With Package Control</h3>
  15. <ol>
  16. <li>Open package control <code>tools</code> → <code>Command Palette</code> and type <code>Install Package</code></li>
  17. <li>Search for Cobalt2 and hit enter</li>
  18. <li>Lastly, open <code>Preferences</code> → <code>Settings - User</code>. Add the following two lines:</li>
  19. </ol>
  20. <pre><code>"color_scheme": "Packages/Theme - Cobalt2/cobalt2.tmTheme",
  21. "theme": "Cobalt2.sublime-theme",
  22. </code></pre>
  23. <p>If these are the last two lines of your settings file, make sure to omit the trailing <code>,</code></p>
  24. <h2>Screenshots</h2>
  25. <p><img src="http://wes.io/YIjn/content" alt=""/></p>
  26. <h3>Sidebar Icons</h3>
  27. <p><img src="http://wes.io/YIjh/content" alt=""/></p>
  28. <h3>Dirty Tab and Selected Tab</h3>
  29. <p><img src="http://wes.io/YIZx/content" alt=""/></p>
  30. <h3>Indentation Guides — Guide, Stacked Guide and Active Guide</h3>
  31. <p>Use <code>"indent_guide_options": ["draw_normal", "draw_active"]</code> for this</p>
  32. <h3>GitGutter Support</h3>
  33. <p><img src="http://wes.io/YIu3/content" alt=""/></p>
  34. <h3>Autocomplete</h3>
  35. <p><img src="http://wes.io/YItl/content" alt=""/></p>
  36. <h3>Command Palette</h3>
  37. <p><img src="http://wes.io/YIpV/content" alt=""/></p>
  38. <h3>GoTo Anything</h3>
  39. <p><img src="http://wes.io/YIhm/content" alt=""/></p>
  40. <h3>Tabs, Spaces and Comments</h3>
  41. <p><img src="http://wes.io/YIho/content" alt=""/></p>
  42. <h3>Folding Lines</h3>
  43. <p><img src="http://wes.io/YImN/content" alt=""/></p>
  44. <h3>Searches</h3>
  45. <p><img src="http://wes.io/YIj0/content" alt=""/></p>
  46. <h3>Highlighted Line</h3>
  47. <p><img src="http://wes.io/YIpZ/content" alt=""/></p>
  48. <h3>JavaScript</h3>
  49. <p><img src="http://wes.io/Lwc6/content" alt=""/></p>
  50. <h3>CSS</h3>
  51. <p><img src="http://wes.io/YIqI/content" alt=""/></p>
  52. <h3>PHP</h3>
  53. <p><img src="http://wes.io/YIa5/content" alt=""/></p>
  54. <h3>Ruby</h3>
  55. <p><img src="http://wes.io/YIpO/content" alt=""/></p>
  56. <h3>Python</h3>
  57. <p><img src="http://wes.io/YIuH/content" alt=""/></p>
  58. <h3>Markdown</h3>
  59. <p><img src="http://wes.io/YJMN/content" alt=""/></p>
  60. <h2>Contributing</h2>
  61. <p>While cobalt2 covers all languages, I write mostly JavaScript and CSS so I welcome any additions for other languages.</p>
  62. <h3>Thanks</h3>
  63. <p>Some icons from <a href="https://github.com/buymeasoda/soda-theme/">Soda Theme by Ian Hill</a></p>
  64. <p><a href="https://twitter.com/idpro">Kyle Knight</a> for pushing cobalt2 past the code screen and styling the entire editor.</p>
  65. <p>Seti UI Atom theme for the sidebar icons</p>
  66. <h2>Official Colours</h2>
  67. <p>Yellow: #ffc600<br/>
  68. Blue: #193549<br/>
  69. Dusty Blue 35434d<br/>
  70. Dark Blue: #15232D</p>
  71. <h3>You may also like:</h3>
  72. <p>Cobalt2 Theme for iTerm <a href="https://github.com/wesbos/Cobalt2-iterm">https://github.com/wesbos/Cobalt2-iterm</a></p>
  73. <p><a href="https://SublimeTextBook.com">Sublime Text Power User Book</a></p>