Home

Awesome

<p align="center"> <img src="assets/coldark-banner.png" alt="Coldark Banner" width="400" /> </p>

Coldark GTK Source View

GitHub License GitHub package.json version

An optimized theme for web development that comes with two versions: light & dark.

Presentation

Coldark is a gray-blue theme. The colors used respect the Web Content Accessibility Guidelines (WCAG) in order to provide sufficient reading comfort. However, with opacity, it is possible that some contrasts are diminished and that they are above level AA.

This Coldark version is designed for GtkSourceView-based text editors like Mousepad & Gedit.

Colors

Coldark consists of three color palettes. The first is common to both versions. The other two each apply to a version.

The colors differ slightly from VS Code since the scopes are not the same. In addition, it is not possible to play with the opacity.

Light Theme

Hex CodePreviewDescriptionDenomination
#e3eaf2#e3eaf2Default backgroundcoldark00
#d0dae7#d0dae7Line Highlight & Gutter backgroundcoldark01
#8da1b9#8da1b9Selection backgroundcoldark02
#3c526d#3c526dComments - Invisible, Ignored, Placeholder, Unfocused selection foreground.coldark03
#213043#213043Not usedcoldark04
#111b27#111b27Default foregroundcoldark05
#0b121b#0b121bNot usedcoldark06
#f0f4f8#f0f4f8Background patterncoldark07
#006d6d#006d6dCyan - Merge incoming content, Parameters, Tags, Support constant, CSS Variables, Markup inline raw, Punctuation Section Embedded (e.g. <?php ?>)coldark08
#755f00#755f00Yellow - Modified, Hints, Integers, Boolean, Constants Language, Attribute Names, Shell Case Patterns, Markup Link URLcoldark09
#005a8e#005a8eBlue - Badges, Buttons, Find Match, Info, Merge current content, Selection (outside editor), Status bar (folder open), Namespaces, Classes, Variables, Constants Other, Markup Headings, Property namescoldark10
#116b00#116b00Green - Added elements, Strings, CSS Colors, CSS Font names, Markup Link Textcoldark11
#af00af#af00afMagenta - Untracked elements, Token Expression value Support, Regular Expressions, Escape Characters, Constant Characters, Storage Modifiers, Instances, Markup List Punctuation, CSS valuescoldark12
#7c00aa#7c00aaPurple - Unverified, Functions, CSS Classes & IDscoldark13
#a04900#a04900Orange - Warnings, Status bar (debugging), Keywords, Storage, CSS Pseudo elementscoldark14
#c22f2e#c22f2eRed - Errors, Deleted, Invalids, Deprecatedcoldark15

Dark Theme

Hex CodePreviewDescriptionDenomination
#111b27#111b27Default backgroundcoldark00
#213043#213043Line Highlight backgroundcoldark01
#3c526d#3c526dSelection backgroundcoldark02
#8da1b9#8da1b9Comments - Invisible, Ignored, Placeholder, Unfocused selection foreground.coldark03
#d0dae7#d0dae7Not usedcoldark04
#e3eaf2#e3eaf2Default foregroundcoldark05
#f0f4f8#f0f4f8Not usedcoldark06
#0b121b#0b121bGutter & Background Patterncoldark07
#66cccc#66ccccCyan - Merge incoming content, Parameters, Tags, Support constant, CSS Variables, Markup inline raw, Punctuation Section Embedded (e.g. <?php ?>)coldark08
#e6d37a#e6d37aYellow - Modified, Hints, Integers, Boolean, Constants Language, Attribute Names, Shell Case Patterns, Markup Link URLcoldark09
#6cb8e6#6cb8e6Blue - Badges, Buttons, Find Match, Info, Merge current content, Selection (outside editor), Status bar (folder open), Namespaces, Classes, Variables, Constants Other, Markup Headings, Property namescoldark10
#91d076#91d076Green - Added elements, Strings, CSS Colors, CSS Font names, Markup Link Textcoldark11
#f4adf4#f4adf4Magenta - Untracked elements, Token Expression value Support, Regular Expressions, Escape Characters, Constant Characters, Storage Modifiers, Instances, Markup List Punctuation, CSS valuescoldark12
#c699e3#c699e3Purple - Unverified, Functions, CSS Classes & IDscoldark13
#e9ae7e#e9ae7eOrange - Warnings, Status bar (debugging), Keywords, Storage, CSS Pseudo elementscoldark14
#cd6660#cd6660Red - Errors, Deleted, Invalids, Deprecatedcoldark15

Screenshots

Screenshots of an XML file with Mousepad first then Gedit.

Light ThemeDark Theme
Coldark Cold MousepadColdark Dark Mousepad
Coldark Cold GeditColdark Dark Gedit

Install & Activation

I use the French version of the software. It is possible that the translation of the menus that I give you does not correspond exactly to the English version of the software.

Mousepad

  1. If the folder ~/.local/share/gtksourceview-3.0/styles/ does not exist, create it. Then place the color schemes in the folder.
  2. Mousepad must be closed for the new themes to be displayed the next time you open it.
  3. Open Mousepad and change the theme by going to "View" then "Color scheme". You can also go to "Edit", then "Preferences". In the "View" tab you should see "Color scheme". Mousepad should recognize your new themes; all you have to do is select the one you want to use.

Mousepad Themes

Gedit

  1. If the folder ~/.local/share/gedit/styles/ does not exist, create it. Then place the color schemes in the folder.
  2. Gedit must be closed for the new themes to be displayed the next time you open it.
  3. Open Gedit and change the theme by going to "Preferences" then "Fonts & Colors". Gedit should recognize your new themes; all you have to do is select the one you want to use.

Gedit Themes

Other softwares

It is undoubtedly possible to proceed in the same way for another software using GTKSourceView. Unless I am mistaken, the themes are compatible with versions 2, 3 and 4 of GTKSourceView.

Disclaimer

Tested with:

I have also tried adding support for the following languages:

License

This project is open source and available under the LGPLv2.1 License.

<!-- REFERENCES --> <!-- UI Colors --> <!-- Syntax - Light Theme Colors --> <!-- Syntax - Dark Theme Colors -->