DonationCoder.com Forum

DonationCoder.com Software => Older DC Contests and Challenges => N.A.N.Y. 2018 => Topic started by: Jibz on December 29, 2017, 07:18 AM

Title: NANY 2018 Release: Solarized Minimal for Visual Studio Code
Post by: Jibz on December 29, 2017, 07:18 AM
[ You are not allowed to view attachments ]

Solarized (http://ethanschoonover.com/solarized) is a popular color theme available in many text editors. The palette contains only 16 colors, which are used both in a dark (pleasant at night) and light (easy to read in bright daylight) version. The magic is that the accent colors are chosen so they appear the same in both versions.

[ You are not allowed to view attachments ]

I have been using it for over five years now, and a while back I created my own version (https://github.com/jibsen/solarized_minimal) for Sublime Text. You might wonder why add another version of a theme that is already present by default? Mostly because I feel many versions of Solarized are too complex -- they try to assign colors to everything in every language. So I set out to try to make a minimal version, one that attempts to assign styles primarily to the root groups described in the TextMate documentation (http://manual.macromates.com/en/language_grammars.html) (which is where the file format for color themes used in many editors comes from).

The last year I have been using VS Code (https://code.visualstudio.com/) as my primary text editor, so I created a version of Solarized Minimal for my own use. Now that new year is ominously close (and I haven't finished a NANY project :-[), I cleaned up and packaged the theme.

For now, only the colors of the editing window are changed, while the surrounding areas (tabs, info line, dialogs) are kept in the default UI colors. I've been debating with myself if it looks better to also change them (like the default Solarized theme does), but I feel it becomes a little too much.

You can install it from within VS Code by going to the extension tab and searching for Solarized Minimal. Then select either version using File->Preferences->Color Theme.

Website: https://jibsen.github.io/solarized-minimal/

On GitHub: https://github.com/jibsen/vscode-solarized-minimal
On VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=jibsen.theme-solarized-minimal
Atom.io: https://atom.io/users/jibsen
Title: Re: NANY 2018 Release: Solarized Minimal for Visual Studio Code
Post by: Jibz on December 30, 2017, 11:03 AM
I tried making a version of Solarized Minimal for Atom as well, it should be available from the internal package manager :Thmbsup:.

https://atom.io/themes/solarized-minimal-dark-syntax
https://atom.io/themes/solarized-minimal-light-syntax
Title: Re: NANY 2018 Release: Solarized Minimal for Visual Studio Code
Post by: Deozaan on December 31, 2017, 03:07 AM
Looks nice. :Thmbsup:
Title: Re: NANY 2018 Release: Solarized Minimal for Visual Studio Code
Post by: Jibz on January 03, 2018, 09:56 AM
I've made a simple homepage for the theme with some instruction on how to use it:

https://jibsen.github.io/solarized-minimal/
Title: Re: NANY 2018 Release: Solarized Minimal for Visual Studio Code
Post by: tomos on January 04, 2018, 03:40 PM
I've made a simple homepage for the theme with some instruction on how to use it:

https://jibsen.github.io/solarized-minimal/

site looks great :up:

if I were a coder I would use it (planning to download atom + theme for the rare occasions I try to edit something)
Title: Re: NANY 2018 Release: Solarized Minimal for Visual Studio Code
Post by: Jibz on January 07, 2018, 02:31 PM
Thanks  :-*.

I made a minor update to the VS Code version, adding colors for the overview ruler (bar next to scrollbar), peek view (when you right-click a symbol and peek), and the git markers in the gutter.

Fiddling with the Atom version atm, but the docs are a bit less clear on what you can do.
Title: Re: NANY 2018 Release: Solarized Minimal for Visual Studio Code
Post by: Jibz on January 09, 2018, 01:08 AM
Updated Atom and VS Code themes out, and a more recent screenshot in the original post.