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
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
|
;;; themes/tokyo-night-theme.el -*- lexical-binding: t; -*-
;;; doom-tokyo-night-theme.el --- inspired by VSCode's Tokyo Night theme -*- lexical-binding: t; no-byte-compile: t; -*-
;;
;; Added: December 15, 2021 (#650)
;; Author: FosterHangdaan <https://github.com/FosterHangdaan>
;; Maintainer:
;; Source: https://github.com/enkia/tokyo-night-vscode-theme
;;
;;; Commentary:
;;; Code:
(require 'doom-themes)
;;
;;; Variables
(defgroup doom-tokyo-night-theme nil
"Options for doom-themes"
:group 'doom-themes)
(defcustom doom-tokyo-night-brighter-modeline nil
"If non-nil, more vivid colors will be used to style the mode-line."
:group 'doom-tokyo-night-theme
:type 'boolean)
(defcustom doom-tokyo-night-brighter-comments nil
"If non-nil, comments will be highlighted in more vivid colors."
:group 'doom-tokyo-night-theme
:type 'boolean)
(defcustom doom-tokyo-night-comment-bg doom-tokyo-night-brighter-comments
"If non-nil, comments will have a subtle, darker background. Enhancing their legibility."
:group 'doom-tokyo-night-theme
:type 'boolean)
(defcustom doom-tokyo-night-padded-modeline nil
"If non-nil, adds a 4px padding to the mode-line. Can be an integer to determine the exact padding."
:group 'doom-tokyo-night-theme
:type '(or integer boolean))
;;
;;; Theme definition
(def-doom-theme tokyo-night
"A clean, dark theme that celebrates the lights of downtown Tokyo at night."
; Color Scheme
; gui 256
; "#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)
;; name default 256 16
;((bg '("#1a1b26" nil nil ))
((bg '("#100b13" nil nil ))
(bg-alt '("#1a1b26" nil nil ))
(base0 '("#414868" "#414868" "black" ))
(base1 '("#51587a" "#51587a" "brightblack" ))
(base2 '("#61698b" "#61698b" "brightblack" ))
(base3 '("#71799d" "#71799d" "brightblack" ))
(base4 '("#8189af" "#8189af" "brightblack" ))
(base5 '("#9099c0" "#9099c0" "brightblack" ))
(base6 '("#a0aad2" "#a0aad2" "brightblack" ))
(base7 '("#b0bae3" "#b0bae3" "brightblack" ))
(base8 '("#c0caf5" "#c0caf5" "white" ))
(fg-alt '("#c0caf5" "#c0caf5" "brightwhite" ))
(fg '("#a9b1d6" "#a9b1d6" "white" ))
(grey base4)
(red '("#f7768e" "#f7768e" "red" ))
(orange '("#ff9e64" "#ff9e64" "brightred" ))
(green '("#73daca" "#73daca" "green" ))
(teal '("#2ac3de" "#2ac3de" "brightgreen" ))
(yellow '("#e0af68" "#e0af68" "yellow" ))
(blue '("#7aa2f7" "#7aa2f7" "brightblue" ))
(dark-blue '("#565f89" "#565f89" "blue" ))
(magenta '("#bb9af7" "#bb9af7" "magenta" ))
(violet '("#9aa5ce" "#9aa5ce" "brightmagenta"))
(cyan '("#b4f9f8" "#b4f9f8" "brightcyan" ))
(dark-cyan '("#7dcfff" "#7dcfff" "cyan" ))
; Additional custom colors
(dark-green '("#9ece6a" "#9ece6a" "green" ))
(brown '("#cfc9c2" "#cfc9c2" "yellow" ))
;; face categories -- required for all themes
(highlight cyan)
(vertical-bar (doom-lighten bg 0.05))
(selection base0)
(builtin red)
(comments (if doom-tokyo-night-brighter-comments base5 base1))
(doc-comments (doom-lighten (if doom-tokyo-night-brighter-comments base5 base1) 0.25))
(constants orange)
(functions blue)
(keywords magenta)
(methods blue)
(operators dark-cyan)
(type base8)
(strings dark-green)
(variables base8)
(numbers orange)
(region base0)
(error red)
(warning yellow)
(success green)
(vc-modified orange)
(vc-added green)
(vc-deleted red)
;; custom categories
(hidden `(,(car bg) "black" "black"))
(-modeline-bright doom-tokyo-night-brighter-modeline)
(-modeline-pad
(when doom-tokyo-night-padded-modeline
(if (integerp doom-tokyo-night-padded-modeline) doom-tokyo-night-padded-modeline 4)))
(modeline-fg nil)
(modeline-fg-alt base5)
(modeline-bg
(if -modeline-bright
base3
`(,(doom-darken (car bg) 0.15) ,@(cdr base0))))
(modeline-bg-l
(if -modeline-bright
base3
`(,(doom-darken (car bg) 0.1) ,@(cdr base0))))
(modeline-bg-inactive (doom-darken bg 0.1))
(modeline-bg-inactive-l `(,(car bg) ,@(cdr base1))))
;; --- Extra Faces ------------------------
(
((line-number-current-line &override) :foreground base8)
((line-number &override) :foreground comments :background (doom-darken bg 0.025))
(font-lock-comment-face
:foreground comments
:background (if doom-tokyo-night-comment-bg (doom-lighten bg 0.05)))
(font-lock-doc-face
:inherit 'font-lock-comment-face
:foreground doc-comments)
;;; Doom Modeline
(doom-modeline-bar :background (if -modeline-bright modeline-bg highlight))
(doom-modeline-buffer-path :foreground base8 :weight 'normal)
(doom-modeline-buffer-file :foreground brown :weight 'normal)
(mode-line
:background modeline-bg :foreground modeline-fg
:box (if -modeline-pad `(:line-width ,-modeline-pad :color ,modeline-bg)))
(mode-line-inactive
:background modeline-bg-inactive :foreground modeline-fg-alt
:box (if -modeline-pad `(:line-width ,-modeline-pad :color ,modeline-bg-inactive)))
(mode-line-emphasis
:foreground (if -modeline-bright base8 highlight))
(mode-line-buffer-id
:foreground highlight)
;;; Indentation
(whitespace-indentation :background bg)
(whitespace-tab :background bg)
;;; Ivy
(ivy-subdir :foreground blue)
(ivy-minibuffer-match-face-1 :foreground green :background bg-alt)
(ivy-minibuffer-match-face-2 :foreground orange :background bg-alt)
(ivy-minibuffer-match-face-3 :foreground red :background bg-alt)
(ivy-minibuffer-match-face-4 :foreground yellow :background bg-alt)
;;; Elscreen
(elscreen-tab-other-screen-face :background "#353a42" :foreground "#1e2022")
;;; Solaire
(solaire-mode-line-face
:inherit 'mode-line
:background modeline-bg-l
:box (if -modeline-pad `(:line-width ,-modeline-pad :color ,modeline-bg-l)))
(solaire-mode-line-inactive-face
:inherit 'mode-line-inactive
:background modeline-bg-inactive-l
:box (if -modeline-pad `(:line-width ,-modeline-pad :color ,modeline-bg-inactive-l)))
;;; Telephone
(telephone-line-accent-active
:inherit 'mode-line
:background (doom-lighten bg 0.2))
(telephone-line-accent-inactive
:inherit 'mode-line
:background (doom-lighten bg 0.05))
(telephone-line-evil-emacs
:inherit 'mode-line
:background dark-blue)
;;;; rainbow-delimiters
(rainbow-delimiters-depth-1-face :foreground fg)
(rainbow-delimiters-depth-2-face :foreground blue)
(rainbow-delimiters-depth-3-face :foreground orange)
(rainbow-delimiters-depth-4-face :foreground green)
(rainbow-delimiters-depth-5-face :foreground cyan)
(rainbow-delimiters-depth-6-face :foreground yellow)
(rainbow-delimiters-depth-7-face :foreground teal)
;;; Treemacs
(treemacs-root-face :foreground magenta :weight 'bold :height 1.2)
(doom-themes-treemacs-root-face :foreground magenta :weight 'ultra-bold :height 1.2)
(doom-themes-treemacs-file-face :foreground fg-alt)
(treemacs-directory-face :foreground base8)
(treemacs-file-face :foreground fg)
(treemacs-git-modified-face :foreground green)
(treemacs-git-renamed-face :foreground yellow)
;;; Magit
(magit-section-heading :foreground blue)
(magit-branch-remote :foreground orange)
(magit-diff-our :foreground (doom-darken red 0.2) :background (doom-darken red 0.7))
(magit-diff-our-highlight :foreground red :background (doom-darken red 0.5) :weight 'bold)
(magit-diff-removed :foreground (doom-darken red 0.2) :background (doom-darken red 0.7))
(magit-diff-removed-highlight :foreground red :background (doom-darken red 0.5) :weight 'bold)
;; --- Major-Mode Faces -------------------
;;; elisp
(highlight-quoted-symbol :foreground yellow)
;;; js2-mode
(js2-function-param :foreground yellow)
(js2-object-property :foreground green)
;;; typescript-mode
(typescript-this-face :foreground red)
(typescript-access-modifier-face :foreground brown)
;;; rjsx-mode
(rjsx-tag :foreground red)
(rjsx-text :foreground violet)
(rjsx-attr :foreground magenta :slant 'italic :weight 'medium)
(rjsx-tag-bracket-face :foreground (doom-darken red 0.3))
;;; css-mode / scss-mode
(css-property :foreground blue)
(css-selector :foreground teal)
(css-pseudo-class :foreground orange)
;;; markdown-mode
(markdown-markup-face :foreground violet)
(markdown-header-face :inherit 'bold :foreground dark-cyan)
(markdown-blockquote-face :foreground violet :background (doom-lighten bg 0.04))
(markdown-table-face :foreground violet :background (doom-lighten bg 0.04))
((markdown-code-face &override) :foreground dark-cyan :background (doom-lighten bg 0.04))
;;; org-mode
(org-hide :foreground hidden)
(org-block :background (doom-darken base2 0.65))
(org-block-begin-line :background (doom-darken base2 0.65) :foreground comments :extend t)
(solaire-org-hide-face :foreground hidden)
;;; web-mode
(web-mode-json-context-face :foreground brown)
(web-mode-json-key-face :foreground teal)
;;;; Block
(web-mode-block-delimiter-face :foreground yellow)
;;;; Code
(web-mode-constant-face :foreground constants)
(web-mode-variable-name-face :foreground variables)
;;;; CSS
(web-mode-css-pseudo-class-face :foreground orange)
(web-mode-css-property-name-face :foreground blue)
(web-mode-css-selector-face :foreground teal)
(web-mode-css-function-face :foreground yellow)
;;;; HTML
(web-mode-html-attr-engine-face :foreground yellow)
(web-mode-html-attr-equal-face :foreground operators)
(web-mode-html-attr-name-face :foreground magenta)
(web-mode-html-tag-bracket-face :foreground (doom-darken red 0.3))
(web-mode-html-tag-face :foreground red))
;; --- extra variables ---------------------
;; ()
)
;;; doom-tokyo-night-theme.el ends here
|
