1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
|
# Author : 0rphee <0rph3e@proton.me>
# Template written with the help of https://github.com/n0s4/helix-theme-template
# Keep in mind that I made this to fit Haskell and Python syntax, it may not work so well with other languages.
## GENERAL ==============================
'property' = { fg = "red" } # Regex group names.
"warning" = { fg ="yellow", modifiers = ["bold"] } # Editor warnings.
"error" = { bg = "mid-green", fg = "red", modifiers = ["bold"] } # Editor errors, like mis-typing a command.
"info" = { fg = "mid-blue", bg = "mid-green" } # Code diagnostic info in gutter (LSP).
# ? Difference between info and hint ?
"hint" = { fg = "light-green", modifiers = ["bold"] } # Code diagnostics hint in gutter (LSP).
# Code diagnostics in editing area (LSP).
"diagnostic.warning" = { underline = { color = "yellow", style = "curl" } }
"diagnostic.error" = { underline = { color = "red", style = "curl" } }
"diagnostic.info" = { underline = { color = "mid-blue", style = "curl" } }
"diagnostic.hint" = { underline = { color = "light-green", style = "curl" } }
# UI ==============================
# For styling helix itself.
'ui.background' = { bg = "dark-green"} # Default background color.
'ui.window' = { fg = "mid-green" } # Window border between splits.
'ui.gutter' = { } # Left gutter for diagnostics and breakpoints.
'ui.text' = { fg = "white" } # Default text color.
'ui.text.focus' = { fg = "white", bg = "mid-green", modifiers = ["bold"] } # Selection highlight in buffer-picker or file-picker.
'ui.text.info' = { } # Info popup contents (space mode menu).
'ui.cursor' = { fg = "dark-green", bg = "white" } # Fallback cursor colour, non-primary cursors when there are multiple (shift-c).
'ui.cursor.primary' = { fg = "dark-green", bg = "light-blue" } # The primary cursor when there are multiple (shift-c).
'ui.cursor.insert' = { fg = "dark-green", bg = "light-blue" } # The cursor in insert mode (i).
'ui.cursor.select' = { fg = "dark-green", bg = "light-blue" } # The cursor in select mode (v).
'ui.cursor.match' = { fg = "dark-green", bg = "red", modifiers = ["bold"] } # The matching parentheses of that under the cursor.
'ui.selection' = { bg = "autocomp-green" } # All currently selected text.
'ui.selection.primary' = { bg = "autocomp-green" } # The primary selection when there are multiple.
'ui.cursorline.primary' = { bg = 'mid-green' }
'ui.linenr' = { bg = "dark-green", fg = "gray" } # Line numbers.
'ui.linenr.selected' = { bg = "mid-green", fg = "light-green", modifiers = [ "bold" ] } # Current line number.
'ui.virtual' = { fg = "mid-green" } # Namespace for additions to the editing area.
'ui.virtual.ruler' = { bg = "mid-green" } # Vertical rulers (colored columns in editing area).
'ui.virtual.whitespace' = { fg = "light-gray"} # Whitespace markers in editing area.
'ui.virtual.indent-guide' = { fg = "light-gray" } # Indentation guides.
'ui.statusline' = { fg = "light-green", bg = "autocomp-green"} # Status line.
'ui.statusline.inactive' = { fg = "white", bg = "mid-green"} # Status line in unfocused windows.
"ui.statusline.normal" = { fg = "dark-green", bg = "mid-blue", modifiers = [ "bold" ] }
"ui.statusline.insert" = { fg = "dark-green", bg = "pink", modifiers = [ "bold" ] }
"ui.statusline.select" = { fg = "dark-green", bg = "yellow", modifiers = [ "bold" ] }
'ui.help' = { bg = "mid-green", fg = "white"} # `:command` descriptions above the command line.
'ui.highlight' = { bg = "mid-green"} # selected contents of symbol pickers (spc-s, spc-S) and current line in buffer picker (spc-b).
'ui.menu' = { fg = "white", bg = "mid-green" } # Autocomplete menu.
'ui.menu.selected' = { fg = "light-green", bg = "autocomp-green" } # Selected autocomplete item.
'ui.popup' = { bg = "mid-green" } # Documentation popups (space-k).
# 'ui.ppopup.info' = { bg = "midgreen", fg = "gray", modifiers = ["bold"] } # Info popups box (space mode menu).
# SYNTAX HIGHLIGHTING ==============================
# All the keys here are Treesitter scopes.
'special' = { fg = "mid-blue"} # Special symbols e.g `?` in Rust, `...` in Hare.
'attribute' = { fg = "yellow" } # Class attributes, html tag attributes.
'type' = { fg = "orange"} # Variable type, like integer or string, including program defined classes, structs etc..
#'type.builtin' = { } # Primitive types of the language (string, int, float).
#'type.enum.variant' = { } # A variant of an enum.
'constructor' = { fg = "mid-blue", modifiers = ["bold"]} # Constructor method for a class or struct. And in some cases applies to module names
'constant' = { fg = "light-blue" } # Constant value
'constant.builtin' = { fg = "mid-blue", modifiers = ["bold"] } # Special constants like `true`, `false`, `none`, etc.
'constant.builtin.boolean' = { } # True or False.
'constant.character' = { fg = "light-green"} # Constant of character type.
'constant.character.escape' = { fg = "purple", modifiers = ["bold"] } # escape codes like \n.
'constant.numeric' = { fg = "purple"} # constant integer or float value.
# 'constant.numeric.integer' = { } # constant integer value.
# 'constant.numeric.float' = { } # constant float value.
'string' = { fg = "light-green" } # String literal.
'string.regexp' = { } # Regular expression literal.
'string.special' = { fg = "light-blue" } # Strings containing a path, URL, etc.
'string.special.path' = { } # String containing a file path.
'string.special.url' = { } # String containing a web URL.
'string.special.symbol' = { } # Erlang/Elixir atoms, Ruby symbols, Clojure keywords.
'comment' = { fg = "gray", modifiers = ["italic"] } # This is a comment.
'comment.line' = { } # Line comments, like this.
'comment.block' = { } # Block comments, like /* this */ in some languages.
'comment.block.documentation' = { } # Doc comments, e.g '///' in rust.
'variable' = { fg = "white" } # Variable names.
'variable.builtin' = { } # Language reserved variables: `this`, `self`, `super`, etc.
'variable.parameter' = { } # Function parameters.
'variable.other.member' = { } # Fields of composite data types (e.g. structs, unions).
'variable.function' = { } # ?
'label' = { fg = "purple" } # Loop labels in rust.
'punctuation' = { fg = "yellow", modifiers = ["bold"] } # (){}[]:;,.
# 'punctuation.delimiter' = { fg = "yellow" } # Commas and colons.
# 'punctuation.bracket' = { fg = "yellow" } # Parentheses, angle brackets, etc.
'keyword' = { fg = "pink", modifiers = ["bold"] } # Language reserved keywords.
'keyword.control' = { fg = "pink", modifiers = ["bold"] } # Control keywords.
'keyword.control.conditional' = { fg = "pink", modifiers = ["bold"] } # 'if', 'else', 'elif'.
'keyword.control.repeat' = { } # 'for', 'while', 'loop'.
'keyword.control.import' = { fg = "pink", modifiers = ["italic"] } # 'import', 'export' ('use'?).
'keyword.control.return' = { } # 'return' in most languages.
'keyword.control.exception' = {fg = "pink", modifiers = ["bold"] } # 'raise' in python.
'keyword.operator' = { } # 'or', 'and', 'in'.
'keyword.directive' = { fg = "purple" } # Preprocessor directives (#if in C).
'keyword.function' = { } # The keyword to define a function: 'def', 'fun', 'fn'.
'operator' = { fg = "pink", modifiers = ["bold"] } # Logical (&&, ||) and - I assume - Mathematical (+, %) operators
'function' = { fg = "dark-blue"}
'function.builtin' = { fg = "dark-blue" }
'function.method' = { fg = "dark-blue" } # Class / Struct methods.
'function.macro' = { fg = "purple" } # Like macros in rust.
# 'function.special' = { fg = "yellow" } # Preprocessor in C.
'tag' = { fg = "yellow"} # As in <body> for html.
'namespace' = { fg = "mid-blue" } # * Namespace keyword in java, C#, etc.
# Markup ==============================
# Colors for markup languages, like Markdown or XML.
'markup.heading' = { } # Markdown headings
'markup.heading.1' = { } # Markdown heading 1 color.
'markup.heading.2' = { } # Markdown heading 2 color.
'markup.heading.3' = { } # Markdown heading 3 color.
'markup.heading.4' = { } # Markdown heading 4 color.
'markup.heading.5' = { } # Markdown heading 5 color.
'markup.heading.6' = { } # Markdown heading 6 color.
'markup.heading.marker' = { fg = "red" } # Hashtag color on Markdown headings.
'markup.list' = { fg = "red" }
'markup.list.numbered' = { } # Numbered list.
'markup.list.unnumbered' = { } # Bullet point list.
'markup.bold' = { modifiers = ["bold"] } # Bold text.
'markup.italic' = { modifiers = ["italic"] } # Italicised text.
"markup.strikethrough" = { modifiers = ["crossed_out"] } # Crossed out text.
'markup.link' = { fg = "light-blue", modifiers = ["underlined"] }
'markup.link.url' = { } # Urls pointed to by links.
'markup.link.label' = { } # Non-URL link references.
'markup.link.text' = { fg = "purple"} # URL and image descriptions in links.
'markup.quote' = { } # `> Quotes` in Markdown.
# Markup - Interface ==============================
# "These scopes are used for theming the editor interface."
'markup.normal' = { }
'markup.normal.completion' = { } # For completion doc popup ui.
'markup.normal.raw' = { } # For hover popup ui.
'markup.heading.completion' = { } # Headings for completion doc popup ui.
'markup.heading.raw' = { } # Headings for hover popup ui.
'markup.raw' = { } # Code block in Markdown.
'markup.raw.block' = { } # Multiline (```) codeblock in Markdown.
'markup.raw.inline' = { } # `Inline code block` in Markdown.
'markup.raw.inline.completion' = { } # ?
'markup.raw.inline.hover' = { } # ?
# Diff ==============================
# Version control changes.
'diff.plus' = "light-green" # { } # Additions.
'diff.minus' = "yellow" # { } # Deletions.
'diff.delta' = "red" # { } # Modifications.
# 'diff.delta.moved' = { } # Renamed or moved files / changes.
[palette] # Define your custom colors here.
dark-green = "#00262a" # backgrounds
mid-green = "#073a40" # highlights
autocomp-green = "#0d6772" # lighter than mid-green
light-green = "#48e9a7" # strings
pink = "#df769b"
yellow = "#ffd800"
purple = "#918cff"
white = "#b1cace"
orange = "#ffa864"
gray = "#5b858b" # mainly for comments/background text
light-gray = "#354e51" # used when whitespace rendering is enabled and for indent-guides
red = "#e34e1b"
dark-blue = "#19a2b7"
mid-blue = "#47ace8"
light-blue = "#87efff"
|
