mauroreisvieira / github-sublime-theme

GitHub's Sublime Text themes

GitHub's Sublime Text themes

Project inspired on GitHub VS Code theme.

Install

Package Control:

1. Open Command Palette using menu item Tools → Command Palette or CMD/CTRL + SHIFT +P.
2. Choose Package Control: Install Package.
3. Type GitHub Theme and press ENTER.

Manually:

1. Download the latest release and unzip.
2. Go to Sublime Text → Preferences → Browse Packages.
3. Move folder inside and rename the folder to GitHub Theme.

Activate the Theme

You can activate available themes from:

1. Command Palette Tools → Command Palette or CMD/CTRL + SHIFT + P
2. Typing UI: Select Theme next find for your favorite theme:
   • GitHub Adaptive 🆕
   • GitHub Dark
   • GitHub Dimmed
   • GitHub Light
3. Finally press ENTER:

You can activate available schemes from:

1. Command Palette Tools → Command Palette or CMD/CTRL + SHIFT + P
2. Typing UI: Select Color Scheme choose you favorite scheme:
   • GitHub Dark
   • GitHub Dimmed
   • GitHub Light
3. Finally press ENTER:

Additionally, there are also two older schemes.

• GitHub Light Legacy
• GitHub Dark Legacy

Note: They might not get updated frequently and are kept for legacy reasons.

Recommended Settings

To enjoy a better experience using this theme in Sublime Text, please check the following settings.

{
    "font_face": "Fira Code",
    "highlight_line": true,
    "margin": 20,
    "line_padding_bottom": 7,
    "line_padding_top": 7,
    "caret_extra_bottom": 12,
    "caret_extra_top": 12,
    "hide_tab_scrolling_buttons": true
}

github-sublime-theme's Issues

cyan is not defined in Github Dark Legacy and Github Light Legacy color schemes

Describe the bug

Unable to parse color value var(cyan) at Packages/GitHub Theme/schemes/GitHub Dark Legacy.sublime-color-scheme:34:32
Unable to parse color value var(cyan) at Packages/GitHub Theme/schemes/GitHub Dark Legacy.sublime-color-scheme:59:28
Unable to parse color value var(cyan) at Packages/GitHub Theme/schemes/GitHub Light Legacy.sublime-color-scheme:34:32
Unable to parse color value var(cyan) at Packages/GitHub Theme/schemes/GitHub Light Legacy.sublime-color-scheme:59:28

Black Tabs bug in github light theme after update

Some icons rendered abnormally

The theme render icons for some files abnormally, such as README, .gitignore, and git Untracked files etc.

Split the theme into separate files

Currently there are 2 color schemes (light & dark) but only 1 theme.
So they way it works right now is by automatically setting the theme to light when you're using the light scheme and setting the theme to dark when you're using the dark scheme.

However, I'd rather have the option to use any combination of light and dark. Sometimes I like using a light theme with a dark scheme or vice versa.
Splitting the theme into 2 separate files - one light and one dark - would make that possible.

No file icons are shown in the sidebar (ST3)

Describe the bug
According to the screenshots, I should see nice relevant icons for common file types, but when I install the theme I see none.

To Reproduce
Steps to reproduce the behavior:

1. Use Sublime Text 3
2. Install and select the theme and color scheme
3. View the sidebar

Expected behavior
Icons should be shown in the sidebar.

Screenshots

Errors parsing theme: "font_size_sm" is not defined

Describe the bug
Looking in the console just after opening ST3, I see this error:

Errors parsing theme:
  the variable "font_size_sm" is not defined in Packages/GitHub Theme/GitHub-Theme.sublime-theme:202:26

Expected behavior
No errors relating to the theme.

Matched occurrences of selection are invisible

Describe the bug
Matching occurrences of the currently selected text are usually highlighted by default, but they aren't when using the GitHub theme (although, interestingly, they are when using the Legacy schemes).

To Reproduce

1. Enable Github theme.
2. Make sure "match_selection" is true in your preferences.
3. Select any text that occurs more than once in the buffer.

Expected behavior
Matched occurrences should be highlighted.

BTW, thank you for your good work on this theme!

Dirty(Modified) files can't be distinguished from saved files in the side bar "OPEN FILES" region

Expected behavior

Actual behavior

Strings are wrong color

Hello!

Nice theme. Most of the Sublime themes out there try to do too much, which is more confusing than helpful. Therefore, I was glad when I found your theme trying to mimic Github's theme.

Anyway, your color for strings is wrong, it should be hsl(212.2, 94.1%, 19.8%)

`cyan` variable undefined in color schemes

As stated in the console upon startup:

Unable to parse color value var(cyan) at Packages/User/Github Dark.sublime-color-scheme:53:29
Unable to parse color value color(var(cyan) alpha(0.1)) at Packages/User/Github Dark.sublime-color-scheme:44:38

the variable cyan is undefined in the GitHub Dark color scheme. Same for GitHub Light.

---

GitHub Sublime Theme:
  version: v1.3.0

Sublime Text:
  build: 4074
  channel: dev
    portable: false
  platform: osx x64

System:
  hardware: MBP 15" 2018, i9 2.9GHz, 32GB, 1TB, Radeon Pro 560X
  software: macOS Catalina 10.15.5 (19F101)
    open_gl:
      gl_api_version: 4.1 INTEL-14.6.18
      glsl_version: 4.10
      vendor: Intel Inc.
      renderer: Intel(R) UHD Graphics 630

Alternative Install instructions for Package Control

Amazed someone ported this so quickly! Thanks so much :)

Here is an alternative way to install this package via Package Control. This allows updating and management via Package Control.

Package Control:

1. Open Command Palette using menu item Tools → Command Palette or CMD/CTRL + SHIFT +P.
2. Choose Package Control: Add Repository.
3. Enter https://github.com/mauroreisvieira/github-sublime-theme into the bottom panel and press ENTER.
4. Open Command Palette using menu item Tools → Command Palette or CMD/CTRL + SHIFT +P.
5. Choose Package Control: Install Package.
6. Type github-sublime-theme and press ENTER.

Remove custom code for disabling tab navigation

This theme suggests adding "show_tab_navigation": "false", to your settings but it is not necessary as SublimeText already natively supports enabling/disabling the tab navigation buttons using the setting "enable_tab_scrolling": false, instead.

The "Check for Updates" window is hard to see.

The theme I am using is GitHub Light, after I run the command "Help: Check for Updates" from the command palette, the popup window is shown as below.

It is difficult to read the information displayed on the window.

Screenshots