Skip to content

Instantly share code, notes, and snippets.

@manifestinteractive

manifestinteractive/own-dark.theme

Created September 26, 2018 14:50
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save manifestinteractive/fba6b4d11c577c5f1d0dae031a73505b to your computer and use it in GitHub Desktop.
Save manifestinteractive/fba6b4d11c577c5f1d0dae031a73505b to your computer and use it in GitHub Desktop.
Download ZIP
MacOS Mojave Dark Theme Style for SmartGit
Raw
own-dark.theme
extends=smartgit-dark-theme.properties
preferredEditorTheme=dark
background1=#2d2d2d
background2=#1e1e1e
selection.background=#0a0a0a
composite.background#border=#1e1e1e
selection.background.unfocused=#0a0a0a
selection.foreground=foreground2
selection.foreground.unfocused=foreground2
toolBar.background.hover=#0a0a0a
toolBar.background.selected=#0a0a0a
@manifestinteractive
Copy link
Author

manifestinteractive commented Sep 26, 2018 •
edited

Setup Instructions:

There are two parts to this, in order to make it look good. First, you need to set them main theme styling, but it will not change the DIFF view, which we will do separately.

Install Theme

  1. Create a new file called own-dark.theme and save the above contents into that file
  2. Open SmartGit > Preferences ...
  3. Select User Interface from Left Column
  4. For Theme*: select Custom...
  5. Locate the file you just created

You will need to restart SmartGit when prompted.

Update DIFF Theme

  1. Open SmartGit > Preferences ...
  2. Select User Interface > Built-in Text Editors from Left Column
  3. Select the Colors tab at the top of the window
  4. Make sure Theme: is set to Dark

Some of the colors in that list are just horribly awful, and a few need to be change. To make this easier, I have attached a screenshot from the settings I am using, and you can use it with SmartGit's color selector tool to just pick the same color.

You will want to change at least the following color options:

  • Foreground - text
  • Background - Editable
  • Background - Read-Only
  • Background - Gutter
  • Background - Current Line
  • Background - Modified
  • Background - Added
  • Background - Removed
  • Background - Conflict
  • Syntax - Plain Text
  • Syntax - String

screenshot 2018-09-26 at 11 06 05 am

Final Result

After making those changes, you end up with something like this:

screenshot 2018-09-25 at 4 23 11 pm

@Akswii
Copy link

Akswii commented Feb 13, 2019

Very nice 💯

@bjmcternan
Copy link

bjmcternan commented Dec 7, 2021 •
edited

Thanks for this!
You say to change the UI colors, but don't mention what colors you have them set to.

Here's a table of the User Interface colors shown above:

Description R G B
Foreground - Text 254 255 255
Foreground - Gutter 169 169 169
Foreground - Whitespace 128 128 128
Foreground - Trailing Whitespace 192 160 192
Foreground - Compact Display Separator 120 120 120
Background - Editable 29 30 29
Background - Read-Only 28 30 28
Background - Gutter 44 45 44
Background - Current Line 9 10 9
Background - Modified 0 83 146
Background - Added 51 102 51
Background - Removed 153 51 51
Background - Conflict 255 59 48
Background - Compact Display Separator 60 60 60
Background - Comment 111 99 87
Ruler - Modified 136 45 45
Ruler - Added 31 118 54
Ruler - Removed 200 227 255
Syntax - Annotation 199 199 141
Syntax - Attribute Name 141 199 199
Syntax - Attribute Value 191 159 223
Syntax - Comment 128 128 128
Syntax - Declaration 213 170 170
Syntax - Keyword 163 199 163
Syntax - Literal 170 170 213
Syntax - No Code 0 0 0
Syntax - Plain Text 254 255 255
Syntax - Punctuation 191 170 149
Syntax - Source 0 0 0
Syntax - String 254 255 255
Syntax - Tag 156 199 141
Syntax - Type 175 175 207

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment