stronk-dev / Tokyo-Night-Linux

Dark theme for i3+polybar, sway+waybar, rofi, GTK, spotify and Discord based on the Tokyo Night vscode theme

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Verify all colours in the GTK theme

stronk-dev opened this issue · comments

Since we modified the Material Black theme to look like the Tokyo Night theme, we might have missed some colours.

We should check all ze files for any colour codes not in the Tokyo Night colour palette, and adjust them accordingly.

Color Palette

Tokyo Night and Tokyo Night Storm

Color                Use
#f7768e #f7768e This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red
#ff9e64 #ff9e64 Number and Boolean constants, Language support constants
#e0af68 #e0af68 Function parameters, Regex character sets, Terminal Yellow
#9ece6a #9ece6a Strings, CSS class names
#73daca #73daca Object literal keys, Markdown links, Terminal Green
#b4f9f8 #b4f9f8 Regex literal strings
#2ac3de #2ac3de Language support functions, CSS HTML elements
#7dcfff #7dcfff Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords
#7aa2f7 #7aa2f7 Function names, CSS property names, Terminal Blue
#bb9af7 #bb9af7 Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta
#c0caf5 #c0caf5 Variables, Class names, Terminal White
#a9b1d6 #a9b1d6 Editor Foreground
#9aa5ce #9aa5ce Markdown Text, HTML Text
#cfc9c2 #cfc9c2 Parameters inside functions (semantic highlighting only)
#565f89 #565f89 Comments
#414868 #414868 Terminal Black
#24283b #24283b Editor Background (Storm)
#1a1b26 #1a1b26 Editor Background (Night)

Tokyo Night Light

Color                Use
#8c4351 #8c4351 This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red
#965027 #965027 Number and Boolean constants, Language support constants
#8f5e15 #8f5e15 Function parameters, Regex character sets, Terminal Yellow
#485e30 #485e30 Strings, CSS class names
#33635c #33635c Object literal keys, Markdown links, Regex literal strings, Terminal Green
#166775 #166775 Language support functions, CSS HTML elements
#0f4b6e #0f4b6e Object properties, Regex quantifiers and flags, Terminal Cyan, Markdown code, Import/export keywords
#34548a #34548a Function names, CSS property names, Markdown Headings, Terminal Blue
#5a4a78 #5a4a78 Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta
#343b58 #343b58 Editor Foreground, Variables, Class names, Terminal White
#565a6e #565a6e Markdown Text, HTML Text
#634f30 #634f30 Parameters inside functions (semantic highlighting only)
#0f0f14 #0f0f14 Terminal Black
#9699a3 #9699a3 Comments
#d5d6db #d5d6db Editor Background

Replaced 3d89c9 with 7aa2f7

replaced f44336 with f7768e

replaced 030303 and black with 16161e

replaced cccccc (text colour) with A9B1D6

replaced 0e0e13 with 1a1b26

replaced ffeb3b with e0af68

intermediate version committed. To be continued... (especially check dropdown menu colours and all transparent colours)

Will be closed until we find any new inconsistencies in GTK colours