Theme - Primer

by karelvuong ALL

⚠️ No longer supported ⚠️ - A UI + syntax theme for @SublimeText inspired by GitHub's UI.

Details

Version 1.1.6
Homepage packagecontrol.io
Issues github.com
Modified 10 years ago
Last Seen 2 months ago
First Seen 10 years ago

Installs

Total 28K
Win 14K
Mac 9K
Linux 5K

	Mar 31	Mar 30	Mar 29	Mar 28	Mar 27	Mar 26	Mar 25	Mar 24	Mar 23	Mar 22	Mar 21	Mar 20	Mar 19	Mar 18	Mar 17	Mar 16	Mar 15	Mar 14	Mar 13	Mar 12	Mar 11	Mar 10	Mar 9	Mar 8	Mar 7	Mar 6	Mar 5	Mar 4	Mar 3	Mar 2	Mar 1	Feb 28	Feb 27	Feb 26	Feb 25	Feb 24	Feb 23	Feb 22	Feb 21	Feb 20	Feb 19	Feb 18	Feb 17	Feb 16	Feb 15
Windows	0	0	0	0	1	0	1	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	1	0	0	1	0	0	0	0	1	1	0	0	0	0	1	0	2	1	0
Mac	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	1	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0

Readme

Source: raw.githubusercontent.com

⚠️ No longer supported ⚠️

Primer

A custom UI and syntax theme for Sublime Text 2/3 that comes in, both, a light and dark variation. Based on GitHub's UI and design guidelines.

Themes

Primer

Default flavor based on GitHub's UI.

screenshot-html screenshot-css screenshot-js

The font used in the screenshots is Monaco.

How to Install

Via Package Control

The easiest way to install is using Sublime Package Control, where Primer is listed as Theme - Primer.

Open Command Palette using menu item Tools -> Command Palette... (⇧⌘P on Mac)
Choose Package Control: Install Package
Find Theme - Primer and hit Enter

Manual

You can also install the theme manually:

Download the .zip
Unzip and rename the folder to Theme - Primer
Copy the folder into Packages directory, which you can find using the menu item Sublime Text -> Preferences -> Browse Packages...

How to Activate

Activate the UI theme and color scheme by modifying your user preferences file, which you can find using the menu item Sublime Text -> Preferences -> Settings - User (⌘, on Mac).

Primer comes with different accent colors based on GitHub's color scheme (http://primercss.io/colors/).

Note: Don't forget to restart Sublime Text after activating the theme.

Settings for Primer

Light

{
  "theme": "Primer.sublime-theme",
  "color_scheme": "Packages/Theme - Primer/primer.light.tmTheme"
}

Dark

{
  "theme": "Primer Dark.sublime-theme",
  "color_scheme": "Packages/Theme - Primer/primer.dark.tmTheme"
}

Customization

Only choose one setting per section.

Accent Colors

Accent colors are used in a number of different places ranging from the active tab, matched text color in the quick panel, and others.

{
  "theme_primer_tab_active_blue": true,

  "theme_primer_tab_active_green": true,
  "theme_primer_tab_active_red": true,
  "theme_primer_tab_active_orange": true,
  "theme_primer_tab_active_purple": true
}

screenshot-clr-blue screenshot-clr-green screenshot-clr-red screenshot-clr-orange screenshot-clr-purple

Tab Height

{
  "theme_primer_tabs_normal": true,

  "theme_primer_tabs_small": true,
  "theme_primer_tabs_large": true,
  "theme_primer_tabs_xlarge": true
}

Tab Font Size

{
  "theme_primer_tabs_font_normal": true,

  "theme_primer_tabs_font_small": true,
  "theme_primer_tabs_font_large": true,
  "theme_primer_tabs_font_xlarge": true
}

Sidebar Row Padding

{
  "theme_primer_sidebar_tree_normal": true,

  "theme_primer_sidebar_tree_xsmall": true,
  "theme_primer_sidebar_tree_small": true,
  "theme_primer_sidebar_tree_large": true,
  "theme_primer_sidebar_tree_xlarge": true
}

Sidebar Font Size

{
  "theme_primer_sidebar_font_normal": true,

  "theme_primer_sidebar_font_small": true,
  "theme_primer_sidebar_font_large": true,
  "theme_primer_sidebar_font_xlarge": true
}