ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Mooon Light Theme

ūüé® Modern Theme for Sublime Text 3

Details

Installs

  • Total 1K
  • Win 606
  • Mac 230
  • Linux 200
Jan 29 Jan 28 Jan 27 Jan 26 Jan 25 Jan 24 Jan 23 Jan 22 Jan 21 Jan 20 Jan 19 Jan 18 Jan 17 Jan 16 Jan 15 Jan 14 Jan 13 Jan 12 Jan 11 Jan 10 Jan 9 Jan 8 Jan 7 Jan 6 Jan 5 Jan 4 Jan 3 Jan 2 Jan 1 Dec 31 Dec 30 Dec 29 Dec 28 Dec 27 Dec 26 Dec 25 Dec 24 Dec 23 Dec 22 Dec 21 Dec 20 Dec 19 Dec 18 Dec 17 Dec 16 Dec 15
Windows 0 3 5 6 3 4 5 6 3 3 3 1 2 4 1 3 2 1 2 0 1 2 2 2 1 2 1 1 2 1 5 2 2 2 3 3 2 3 2 2 0 1 2 1 1 3
Mac 0 0 1 1 2 1 1 0 0 1 1 3 0 0 0 0 1 1 1 1 1 2 1 0 2 0 1 0 0 0 2 1 0 1 0 0 0 1 3 1 1 0 0 1 0 1
Linux 0 1 3 0 3 1 1 1 1 0 0 1 2 1 2 2 0 0 2 0 0 0 0 0 1 2 1 0 0 1 0 0 0 1 1 0 0 2 1 0 5 0 2 2 1 1

Readme

Source
raw.‚Äčgithubusercontent.‚Äčcom

mooon-light

Mooon Light is a simple theme with vibrant colors build to reduce strain on your eyes ūüėÉ.

File Icons

Mooon Light supports customization via A File Icon package. Please install it and restart Sublime for better experience.

Custom UI fonts

If you want to use your favourite font in the user interface of the theme, just follow through these simple steps:

Moon Light Custom Fonts

  1. Pull up command pallete via cmd/ctrl + shift + p.
  2. Type in Browse packages.
  3. Navigate to the /User folder.
  4. Create a file named mooon-light.sublime-theme.
  5. Open that file in Sublime.
  6. Copy and paste following content:
[
     {
       "class": "sidebar_label",
       "font.size": 14,
       "font.face": "Operator Mono Lig"
     },
     {
       "class": "sidebar_heading",
       "font.size": 14,
       "font.face": "Operator Mono Lig"
     },
     {
       "class": "tab_label",
       "font.size": 12,
       "font.face": "Operator Mono Lig"
     },
     {
       "class": "label_control",
       "font.size": 12,
       "font.face": "Operator Mono Lig"
     },
     {
       "class": "quick_panel_label",
       "font.size": 12,
       "font.face": "Operator Mono Lig"
     },
     {
       "class": "quick_panel_path_label",
       "font.size": 12,
       "font.face": "Operator Mono Lig"
     }
   ]
  1. Replace Operator Mono Lig with the font of your choice.
  2. Adjust font size as you want.
  3. Save and enjoy :)

If you want to use the same font as mine!! Checkout my github repo below:

Please only use this font (Operator Mono) for personal use, the font itself is available free for download online as well for personal use but for commercial or sale, it must be purchased

OperatorMonoLig

Screenshots

html


jsx


python

Recommended Settings

If you want your theme to look as close as in the screenshots, copy these in your settings
"ui_native_titlebar":       true, // use native titlebars on macOs
"ui_separator":             true, // separators between panels

Installation

Recommended

You can install Mooon Light via Package Control.

  1. Press cmd/ctrl + shift + p to open the command palette.
  2. Type install package and press enter. Then search for Mooon Light
Manual
  1. Download the latest release, extract and rename the directory to Mooon Light Theme.
  2. Move the directory inside your sublime /Packages directory. (Preferences > Browse packages…)

Activation

Via Command Palette
  1. Press cmd/ctrl + shift + p to open the command palette.
  2. Type select color scheme and press enter. Then search for mooon-light.sublime-color-scheme or mooon-light-highcontrast.sublime-color-scheme (which ever you prefer) and press enter.
  3. Again in command palette Type select theme and press enter. Then search for mooon-light.sublime-theme and press enter.
Via Skins

Skins provides a simple and efficient way to change themes, save your own presets and quickly try out new looks. Activation is as simple as opening up the command palette, running Select Skin and choosing mooon-light from the list.

Via Preferences

Add these lines to your user settings Preferences > Setting - User:

"theme": "mooon-light.sublime-theme",
"color_scheme": "Packages/Mooon Light Theme/mooon-light.sublime-color-scheme",
made with :heart: by @developedby-sam