Notepad++ Color Scheme for Sublime Text 2

2 August 2012, Danny Connell

After several years of editing my HTML, PHP, JS, CSS (and every other type of) files with the fantastic Notepad++, I recently switched to (the even more fantastic) Sublime Text 2. I will be writing a detailed article on my reasons for the switch soon. In the meantime, this color scheme might help you take the jump too.

Although there are many things I love about Sublime Text 2, one thing I couldn't get cosy with was the built-in (syntax highlighting) color schemes. I missed the color scheme from Notepad++, so decided to rebuild the theme for Sublime Text 2.

The following images show the same file open in Notepad++ and Sublime Text 2 (with the Notepad++ theme). There are a few subtle differences as you can see, but I'd say it's pretty darn close and you'll barely notice the difference (at least for HTML, JS, CSS editing anyway).

Notepad++

Notepad++

Sublime Text 2 - with Notepad++ Color Sheme

Sublime Text 2 - with Notepad++ Color Sheme

The color scheme is based on this color scheme from jQuery 4u.

This was a good start (thanks Sam!), but had many color differences from the default Notepad++ scheme, which I've (hopefully) fixed!

Installation (for Windows Vista/7):

  • Save the Notepad++ Color Scheme for Sublime Text 2 (.tmTheme file) to the following folder:
    C:Users[your username]AppDataRoamingSublime Text 2PackagesColor Scheme - Default
  • In Sublime, choose from the menu Preferences > Color Scheme > Notepad++
  • To seal the deal, go to Preferences > Settings - User.
  • Add the following lines before the last bracket in the file and save:
    "font_face": "Courier New",
    "highlight_line": true,
    "line_padding_bottom": 1,
    "line_padding_top": 1

Shout up if you find any glaring problems with the color scheme that you want me to fix.

Enjoy!

32 Comments...

  1. Thanks - I just moved from a PC to a Mac and have sorely missed NP++. This will make adapting to a new editor a lot easier. Looking forward to your post on why you switched to ST2 in the first place.

  2. Awesome, thank you!

  3. I've updated this theme to fits N++ PHP and JavaScript color scheme on SublimeText2 - https://gist.github.com/3743237

    Thanks

  4. Thanks. I think Consolas is better for readability (i don't know if it is avaible in Windows)

  5. Awesome! Thank You so much!

  6. Hey Guys,

    Didn't like the black brackets on the HTML tags so I added this, to match the tags in Notepad++. Thought you might want to pop this in the .thTheme file - thanks again for making up this Theme!

    ---


    name
    HTML: Tag Punctuation
    scope
    punctuation.definition.tag
    settings

    fontStyle

    foreground
    #0000FF

  7. Cheers Andrew that's ace, I've added this to the theme file. Just re-download from the link above.

  8. This is perfect!!!!, I needed much!!!!!
    Thanks!!!!

  9. Thank you so much.

  10. thanks!

  11. Thanks for the link mate. I'm glad my Notepad++ came in useful.
    Sam / jQuery4u

  12. THANK YOU VERY, VERY MUCH!!! Its perfect for me.

  13. Thank you, thank you, THANK YOU!

  14. Thanks, I missed Notepad++.

  15. Thank you so much for this!

  16. Great work , thank you for sharing

  17. YouLocalBob 22 January 2013 at 4:27am said:

    Awesome!

  18. Thanks a lot.

  19. Thx for sharing.

    I love it !

  20. John Doe 22 April 2013 at 8:57am said:

    Hey, thanks so much!

  21. Dzoni_45 4 May 2013 at 9:37am said:

    Thanks man !

  22. Mirosalv 25 May 2013 at 11:14pm said:

    Thanks a lot.

  23. Yael K. Miller 2 June 2013 at 5:40pm said:

    Awesome color scheme. Thanks for doing us. I also really appreciate your very clear installation instructions.

  24. Thanks a lot! Missed that notepad++ readability.

  25. awesome.. thanks a lot !

  26. Décio Rocha 5 August 2013 at 12:40am said:

    hello,
    want to thank by template.

    already some time using the sublime text2, but never like your layout.

    You saved me with this template in Notepad + +

    Thank you!

  27. Breno Ribeiro 22 October 2013 at 3:53pm said:

    Thank You!

    If you are on windows, it also helps to add:
    "font_options": ["directwrite"],

    Notepad++ uses the system anti-alias by default.

  28. ElectricPrism 22 January 2014 at 8:44am said:

    Works in Sublime Text 3 as well.

    Best Sublime Theme to Date! I would have switched back, I was extreemly unproductive with the dark themes.

  29. Thanks man! You saved my day! :)

  30. Great, I just switched at work to Mac and had only one regred: Notepad++. Since Sublime also seemed to me the best alternative (was coding with TextWrangler so far) this Theme is the icing on the cake. THANKS! : )

    PS: Does anybody know how to colorfill the lined selection-boxes around similar words.

    And since we look for Notepad++ - is there a way to simulate the selection-highlighting in html-tag. It´s so easy to find the oposite tag that way.

Leave a Reply

Your email address will not be published. Required fields are marked *

* Copy This Password *

* Type Or Paste Password Here *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>