diff options
Diffstat (limited to '.doom.d/themes')
| -rw-r--r-- | .doom.d/themes/tokyo-night-theme.el | 299 |
1 files changed, 299 insertions, 0 deletions
diff --git a/.doom.d/themes/tokyo-night-theme.el b/.doom.d/themes/tokyo-night-theme.el new file mode 100644 index 0000000..c4dd15b --- /dev/null +++ b/.doom.d/themes/tokyo-night-theme.el @@ -0,0 +1,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 |