From e990c51c0073da4539d3867856125a8e372fa80a Mon Sep 17 00:00:00 2001 From: Jordan Robinson Date: Wed, 13 Oct 2021 04:21:44 +0100 Subject: [PATCH] Adds gruvbox-dark theme based on morhetz gruvbox vim theme (#382) --- mods/gruvbox-dark/mod.js | 16 ++++ mods/gruvbox-dark/variables.css | 158 ++++++++++++++++++++++++++++++++ 2 files changed, 174 insertions(+) create mode 100644 mods/gruvbox-dark/mod.js create mode 100644 mods/gruvbox-dark/variables.css diff --git a/mods/gruvbox-dark/mod.js b/mods/gruvbox-dark/mod.js new file mode 100644 index 0000000..c7fcb0f --- /dev/null +++ b/mods/gruvbox-dark/mod.js @@ -0,0 +1,16 @@ +/* + * gruvbox dark + * (c) 2021 jordanrobinson (https://jordanrobinson.co.uk) + * under the MIT license + */ + +'use strict'; + +module.exports = { + id: 'ad0f5c5c-8b62-4b20-8a54-929e663ea368', + tags: ['theme', 'dark'], + name: 'gruvbox dark', + desc: 'gruvbox dark, based on the vim theme from morhetz.', + version: '0.2.0', + author: 'jordanrobinson', +}; diff --git a/mods/gruvbox-dark/variables.css b/mods/gruvbox-dark/variables.css new file mode 100644 index 0000000..fbc0155 --- /dev/null +++ b/mods/gruvbox-dark/variables.css @@ -0,0 +1,158 @@ +/* + * gruvbox dark + * (c) 2021 jordanrobinson (https://jordanrobinson.co.uk) + * under the MIT license + */ + + :root { + + --theme_gruvbox_dark--bg: #282828; + --theme_gruvbox_dark--gray-dark: #928374; + --theme_gruvbox_dark--red-dark: #cc241d; + --theme_gruvbox_dark--red-light: #fb4934; + --theme_gruvbox_dark--green-dark: #98971a; + --theme_gruvbox_dark--green-light: #b8bb26; + --theme_gruvbox_dark--yellow-dark: #d79921; + --theme_gruvbox_dark--yellow-light: #fabd2f; + --theme_gruvbox_dark--blue-dark: #458588; + --theme_gruvbox_dark--blue-light: #83a598; + --theme_gruvbox_dark--purple-dark: #b16286; + --theme_gruvbox_dark--purple-light: #d3869b; + --theme_gruvbox_dark--aqua-dark: #689d6a; + --theme_gruvbox_dark--aqua-light: #8ec07c; + --theme_gruvbox_dark--gray-light: #a89984; + --theme_gruvbox_dark--orange-dark: #d65d0e; + --theme_gruvbox_dark--orange-light: #fe8019; + --theme_gruvbox_dark--fg: #ebdbb2; + --theme_gruvbox_dark--bg0-h: #1d2021; + --theme_gruvbox_dark--bg0: #282828; + --theme_gruvbox_dark--bg1: #3c3836; + --theme_gruvbox_dark--bg2: #504945; + --theme_gruvbox_dark--bg3: #665c54; + --theme_gruvbox_dark--bg4: #7c6f64; + --theme_gruvbox_dark--bg0-s: #32302f; + --theme_gruvbox_dark--fg4: #a89984; + --theme_gruvbox_dark--fg3: #bdae93; + --theme_gruvbox_dark--fg2: #d5c4a1; + --theme_gruvbox_dark--fg1: #ebdbb2; + --theme_gruvbox_dark--fg0: #fbf1c7; + + + --theme_dark--main: var(--theme_gruvbox_dark--bg0); + --theme_dark--sidebar: var(--theme_gruvbox_dark--bg1); + --theme_dark--overlay: rgba(80, 73, 69, 0.5); + --theme_dark--dragarea: var(--theme_gruvbox_dark--bg1); + + --theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', + Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', + 'Segoe UI Symbol'; + + --theme_dark--scrollbar: var(--theme_gruvbox_dark--bg0-s); + --theme_dark--scrollbar_hover: var(--theme_gruvbox_dark--bg3); + + --theme_dark--card: var(--theme_gruvbox_dark--bg3); + --theme_dark--gallery: var(--theme_gruvbox_dark--bg3); + --theme_dark--select_input: var(--theme_gruvbox_dark--gray-light); + --theme_dark--table-border: var(--theme_gruvbox_dark--gray-light); + --theme_dark--ui-border: var(--theme_dark--table-border); + --theme_dark--interactive_hover: rgba(80, 73, 69, 0.7); + --theme_dark--button_close: var(--theme_gruvbox_dark--red-dark); + + --theme_dark--selected: rgba(80, 73, 69, 0.5); + --theme_dark--primary: var(--theme_gruvbox_dark--bg3); + --theme_dark--primary_hover: var(--theme_gruvbox_dark--fg3); + --theme_dark--primary_click: var(--theme_gruvbox_dark--fg3); + --theme_dark--primary_indicator: var(--theme_gruvbox_dark--blue-dark); + + --theme_dark--option_active-background: var(--theme_dark--primary); + --theme_dark--option_hover-background: var(--theme_dark--primary_hover); + + --theme_dark--danger_text: var(--theme_gruvbox_dark--red-dark); + --theme_dark--danger_border: var(--theme_gruvbox_dark--red-light); + + --theme_dark--text: var(--theme_gruvbox_dark--fg0); + --theme_dark--text_ui: var(--theme_gruvbox_dark--fg3); + --theme_dark--text_ui_info: var(--theme_gruvbox_dark--bg3); + + --theme_dark--text_gray: var(--theme_gruvbox_dark--gray-dark); + --theme_dark--text_brown: var(--theme_gruvbox_dark--bg4); + --theme_dark--text_orange: var(--theme_gruvbox_dark--orange-dark); + --theme_dark--text_yellow: var(--theme_gruvbox_dark--yellow-dark); + --theme_dark--text_green: var(--theme_gruvbox_dark--green-dark); + --theme_dark--text_blue: var(--theme_gruvbox_dark--blue-dark); + --theme_dark--text_purple: var(--theme_gruvbox_dark--purple-dark); + --theme_dark--text_pink: var(--theme_gruvbox_dark--purple-light); + --theme_dark--text_red: var(--theme_gruvbox_dark--red-dark); + + --theme_dark--select-text: rgba(80, 73, 69 0.3); + --theme_dark--select_gray: var(--theme_gruvbox_dark--gray-dark); + --theme_dark--select_gray-text: var(--theme_gruvbox_dark--bg2); + --theme_dark--select_brown: var(--theme_gruvbox_dark--fg3); + --theme_dark--select_brown-text: var(--theme_gruvbox_dark--bg2); + --theme_dark--select_orange: var(--theme_gruvbox_dark--orange-dark); + --theme_dark--select_yellow: var(--theme_gruvbox_dark--yellow-dark); + --theme_dark--select_green: var(--theme_gruvbox_dark--green-dark); + --theme_dark--select_blue: var(--theme_gruvbox_dark--blue-dark); + --theme_dark--select_purple: var(--theme_gruvbox_dark--purple-dark); + --theme_dark--select_pink: var(--theme_gruvbox_dark--purple-light); + --theme_dark--select_red: var(--theme_gruvbox_dark--red-dark); + --theme_dark--select_red-text: var(--theme_gruvbox_dark--fg2); + + --theme_dark--bg-text: var(--theme_dark--select-text); + --theme_dark--bg_gray: var(--theme_gruvbox_dark--gray-dark); + --theme_dark--bg_brown: var(--theme_dark--select_brown); + --theme_dark--bg_orange: var(--theme_gruvbox_dark--orange-dark); + --theme_dark--bg_yellow: var(--theme_gruvbox_dark--yellow-dark); + --theme_dark--bg_green: var(--theme_gruvbox_dark--green-dark); + --theme_dark--bg_blue: var(--theme_gruvbox_dark--blue-dark); + --theme_dark--bg_purple: var(--theme_gruvbox_dark--purple-dark); + --theme_dark--bg_pink: var(--theme_dark--select_pink); + --theme_dark--bg_red: var(--theme_gruvbox_dark--red-dark); + + --theme_dark--line-text: var(--theme_dark--text); + --theme_dark--line_gray: var(--theme_dark--text_gray); + --theme_dark--line_gray-text: var(--theme_dark--text); + --theme_dark--line_brown: var(--theme_dark--text_brown); + --theme_dark--line_brown-text: var(--theme_dark--text); + --theme_dark--line_orange: var(--theme_dark--text_orange); + --theme_dark--line_yellow: var(--theme_dark--text_yellow); + --theme_dark--line_green: var(--theme_dark--text_green); + --theme_dark--line_blue: var(--theme_dark--text_blue); + --theme_dark--line_purple: var(--theme_dark--text_purple); + --theme_dark--line_pink: var(--theme_dark--text_pink); + --theme_dark--line_red: var(--theme_dark--text_red); + --theme_dark--line_red-text: var(--theme_dark--text); + + --theme_dark--callout-text: var(--theme_dark--text); + --theme_dark--callout_gray: var(--theme_dark--line_gray); + --theme_dark--callout_gray-text: var(--theme_dark--text); + --theme_dark--callout_brown: var(--theme_dark--line_brown); + --theme_dark--callout_brown-text: var(--theme_dark--text); + --theme_dark--callout_orange: var(--theme_dark--line_orange); + --theme_dark--callout_yellow: var(--theme_dark--line_yellow); + --theme_dark--callout_green: var(--theme_dark--line_green); + --theme_dark--callout_blue: var(--theme_dark--line_blue); + --theme_dark--callout_purple: var(--theme_dark--line_purple); + --theme_dark--callout_pink: var(--theme_dark--line_pink); + --theme_dark--callout_red: var(--theme_dark--line_red); + --theme_dark--callout_red-text: var(--theme_dark--text); + + --theme_dark--code_inline-text: var(--theme_gruvbox_dark--blue-light); + --theme_dark--code_inline-background: var(--theme_gruvbox_dark--bg1); + --theme_dark--code-text: var(--theme_dark--text); + --theme_dark--code-background: var(--theme_gruvbox_dark--bg1); + --theme_dark--code_function: var(--theme_dark--text_blue); + --theme_dark--code_keyword: var(--theme_dark--text_pink); + --theme_dark--code_tag: var(--theme_dark--text_pink); + --theme_dark--code_operator: var(--theme_dark--text_yellow); + --theme_dark--code_important: var(--theme_dark--text_yellow); + --theme_dark--code_property: var(--theme_dark--text_pink); + --theme_dark--code_builtin: var(--theme_dark--text_yellow); + --theme_dark--code_attr-name: var(--theme_dark--text_yellow); + --theme_dark--code_comment: var(--theme_dark--text_ui); + --theme_dark--code_punctuation: var(--theme_gruvbox_dark--aqua-light); + --theme_dark--code_doctype: var(--theme_gruvbox_dark--aqua-light); + --theme_dark--code_number: var(--theme_dark--text_purple); + --theme_dark--code_string: var(--theme_dark--text_orange); + --theme_dark--code_attr-value: var(--theme_dark--text_orange); +} \ No newline at end of file