From 60a7b57ccc3ebd015f93d67726b2b2fbd6170651 Mon Sep 17 00:00:00 2001 From: dragonwocky Date: Fri, 8 Oct 2021 16:53:03 +1100 Subject: [PATCH] theme: gruvbox light (sepia) --- repo/.github/workflows/update-parents.yml | 2 +- repo/gruvbox-dark/mod.json | 2 +- repo/gruvbox-dark/variables.css | 100 +++++++-------- repo/gruvbox-light/mod.json | 28 ++++ repo/gruvbox-light/variables.css | 148 ++++++++++++++++++++++ repo/menu/menu.mjs | 14 +- repo/registry.json | 2 + 7 files changed, 236 insertions(+), 60 deletions(-) create mode 100644 repo/gruvbox-light/mod.json create mode 100644 repo/gruvbox-light/variables.css diff --git a/repo/.github/workflows/update-parents.yml b/repo/.github/workflows/update-parents.yml index b154975..974cc03 100644 --- a/repo/.github/workflows/update-parents.yml +++ b/repo/.github/workflows/update-parents.yml @@ -26,4 +26,4 @@ jobs: - name: commit changes uses: stefanzweifel/git-auto-commit-action@v4 with: - commit_message: '${{ github.event.repository.name }} submodule: ${{ github.event.head_commit.message }}' + commit_message: '[${{ github.event.repository.name }}] ${{ github.event.head_commit.message }}' diff --git a/repo/gruvbox-dark/mod.json b/repo/gruvbox-dark/mod.json index 702da6a..93af009 100644 --- a/repo/gruvbox-dark/mod.json +++ b/repo/gruvbox-dark/mod.json @@ -2,7 +2,7 @@ "name": "gruvbox dark", "id": "ad0f5c5c-8b62-4b20-8a54-929e663ea368", "version": "0.3.0", - "description": "a 'retro groove' palette based on the vim theme of the same name.", + "description": "a gray, 'retro groove' palette based on the vim theme of the same name.", "tags": ["theme", "dark"], "authors": [ { diff --git a/repo/gruvbox-dark/variables.css b/repo/gruvbox-dark/variables.css index 8506cb8..b2afac5 100644 --- a/repo/gruvbox-dark/variables.css +++ b/repo/gruvbox-dark/variables.css @@ -8,30 +8,30 @@ :root.dark { --gruvbox_dark--bg: #282828; - --gruvbox_dark--gray-dark: #928374; - --gruvbox_dark--red-dark: #cc241d; - --gruvbox_dark--red-light: #fb4934; - --gruvbox_dark--green-dark: #98971a; - --gruvbox_dark--green-light: #b8bb26; - --gruvbox_dark--yellow-dark: #d79921; - --gruvbox_dark--yellow-light: #fabd2f; - --gruvbox_dark--blue-dark: #458588; - --gruvbox_dark--blue-light: #83a598; - --gruvbox_dark--purple-dark: #b16286; - --gruvbox_dark--purple-light: #d3869b; - --gruvbox_dark--aqua-dark: #689d6a; - --gruvbox_dark--aqua-light: #8ec07c; - --gruvbox_dark--gray-light: #a89984; - --gruvbox_dark--orange-dark: #d65d0e; - --gruvbox_dark--orange-light: #fe8019; + --gruvbox_dark--gray_dark: #928374; + --gruvbox_dark--red_dark: #cc241d; + --gruvbox_dark--red_light: #fb4934; + --gruvbox_dark--green_dark: #98971a; + --gruvbox_dark--green_light: #b8bb26; + --gruvbox_dark--yellow_dark: #d79921; + --gruvbox_dark--yellow_light: #fabd2f; + --gruvbox_dark--blue_dark: #458588; + --gruvbox_dark--blue_light: #83a598; + --gruvbox_dark--purple_dark: #b16286; + --gruvbox_dark--purple_light: #d3869b; + --gruvbox_dark--aqua_dark: #689d6a; + --gruvbox_dark--aqua_light: #8ec07c; + --gruvbox_dark--gray_light: #a89984; + --gruvbox_dark--orange_dark: #d65d0e; + --gruvbox_dark--orange_light: #fe8019; --gruvbox_dark--fg: #ebdbb2; - --gruvbox_dark--bg0-h: #1d2021; + --gruvbox_dark--bg0_h: #1d2021; --gruvbox_dark--bg0: #282828; --gruvbox_dark--bg1: #3c3836; --gruvbox_dark--bg2: #504945; --gruvbox_dark--bg3: #665c54; --gruvbox_dark--bg4: #7c6f64; - --gruvbox_dark--bg0-s: #32302f; + --gruvbox_dark--bg0_s: #32302f; --gruvbox_dark--fg4: #a89984; --gruvbox_dark--fg3: #bdae93; --gruvbox_dark--fg2: #d5c4a1; @@ -42,19 +42,18 @@ --theme--accent_blue-selection: rgba(80, 73, 69, 0.5); --theme--accent_blue-hover: var(--gruvbox_dark--fg3); --theme--accent_blue-active: var(--gruvbox_dark--fg3); - --theme--accent_blue-indicator: var(--gruvbox_dark--blue-dark); - --theme--accent_red: var(--gruvbox_dark--blue-dark); - --theme--accent_red-button: var(--gruvbox_dark--blue-light); + --theme--accent_red: var(--gruvbox_dark--blue_dark); + --theme--accent_red-button: var(--gruvbox_dark--blue_light); --theme--bg: var(--gruvbox_dark--bg0); --theme--bg_secondary: var(--gruvbox_dark--bg1); --theme--bg_card: var(--gruvbox_dark--bg3); --theme--scrollbar_track: transparent; - --theme--scrollbar_thumb: var(--gruvbox_dark--bg0-s); + --theme--scrollbar_thumb: var(--gruvbox_dark--bg0_s); --theme--scrollbar_thumb-hover: var(--gruvbox_dark--bg3); - --theme--ui_divider: var(--gruvbox_dark--gray-light); + --theme--ui_divider: var(--gruvbox_dark--gray_light); --theme--ui_interactive-hover: rgba(80, 73, 69, 0.7); --theme--ui_interactive-active: rgba(80, 73, 69, 0.9); --theme--ui_toggle-off: var(--gruvbox_dark--bg4); @@ -65,26 +64,26 @@ --theme--text: var(--gruvbox_dark--fg0); --theme--text_secondary: var(--gruvbox_dark--fg3); - --theme--text_gray: var(--gruvbox_dark--gray-dark); + --theme--text_gray: var(--gruvbox_dark--gray_dark); --theme--text_brown: var(--gruvbox_dark--bg4); - --theme--text_orange: var(--gruvbox_dark--orange-dark); - --theme--text_yellow: var(--gruvbox_dark--yellow-dark); - --theme--text_green: var(--gruvbox_dark--green-dark); - --theme--text_blue: var(--gruvbox_dark--blue-dark); - --theme--text_purple: var(--gruvbox_dark--purple-dark); - --theme--text_pink: var(--gruvbox_dark--purple-light); - --theme--text_red: var(--gruvbox_dark--red-dark); + --theme--text_orange: var(--gruvbox_dark--orange_dark); + --theme--text_yellow: var(--gruvbox_dark--yellow_dark); + --theme--text_green: var(--gruvbox_dark--green_dark); + --theme--text_blue: var(--gruvbox_dark--blue_dark); + --theme--text_purple: var(--gruvbox_dark--purple_dark); + --theme--text_pink: var(--gruvbox_dark--purple_light); + --theme--text_red: var(--gruvbox_dark--red_dark); --theme--highlight-text: var(--theme--tag-text); - --theme--highlight_gray: var(--gruvbox_dark--gray-dark); + --theme--highlight_gray: var(--gruvbox_dark--gray_dark); --theme--highlight_brown: var(--theme--tag_brown); - --theme--highlight_orange: var(--gruvbox_dark--orange-dark); - --theme--highlight_yellow: var(--gruvbox_dark--yellow-dark); - --theme--highlight_green: var(--gruvbox_dark--green-dark); - --theme--highlight_blue: var(--gruvbox_dark--blue-dark); - --theme--highlight_purple: var(--gruvbox_dark--purple-dark); + --theme--highlight_orange: var(--gruvbox_dark--orange_dark); + --theme--highlight_yellow: var(--gruvbox_dark--yellow_dark); + --theme--highlight_green: var(--gruvbox_dark--green_dark); + --theme--highlight_blue: var(--gruvbox_dark--blue_dark); + --theme--highlight_purple: var(--gruvbox_dark--purple_dark); --theme--highlight_pink: var(--theme--tag_pink); - --theme--highlight_red: var(--gruvbox_dark--red-dark); + --theme--highlight_red: var(--gruvbox_dark--red_dark); --theme--block_gray: var(--theme--text_gray); --theme--block_brown: var(--theme--text_brown); @@ -96,20 +95,19 @@ --theme--block_pink: var(--theme--text_pink); --theme--block_red: var(--theme--text_red); - --theme--tag-text: rgba(80, 73, 69 0.3); - --theme--tag_default: var(--gruvbox_dark--gray-dark); + --theme--tag_default: var(--gruvbox_dark--gray_dark); --theme--tag_default-text: var(--gruvbox_dark--bg2); - --theme--tag_gray: var(--gruvbox_dark--gray-dark); + --theme--tag_gray: var(--gruvbox_dark--gray_dark); --theme--tag_gray-text: var(--gruvbox_dark--bg2); --theme--tag_brown: var(--gruvbox_dark--fg3); --theme--tag_brown-text: var(--gruvbox_dark--bg2); - --theme--tag_orange: var(--gruvbox_dark--orange-dark); - --theme--tag_yellow: var(--gruvbox_dark--yellow-dark); - --theme--tag_green: var(--gruvbox_dark--green-dark); - --theme--tag_blue: var(--gruvbox_dark--blue-dark); - --theme--tag_purple: var(--gruvbox_dark--purple-dark); - --theme--tag_pink: var(--gruvbox_dark--purple-light); - --theme--tag_red: var(--gruvbox_dark--red-dark); + --theme--tag_orange: var(--gruvbox_dark--orange_dark); + --theme--tag_yellow: var(--gruvbox_dark--yellow_dark); + --theme--tag_green: var(--gruvbox_dark--green_dark); + --theme--tag_blue: var(--gruvbox_dark--blue_dark); + --theme--tag_purple: var(--gruvbox_dark--purple_dark); + --theme--tag_pink: var(--gruvbox_dark--purple_light); + --theme--tag_red: var(--gruvbox_dark--red_dark); --theme--tag_red-text: var(--gruvbox_dark--fg2); --theme--callout_gray: var(--theme--block_gray); @@ -123,7 +121,7 @@ --theme--callout_red: var(--theme--block_red); --theme--code_inline: var(--gruvbox_dark--bg1); - --theme--code_inline-text: var(--gruvbox_dark--blue-light); + --theme--code_inline-text: var(--gruvbox_dark--blue_light); --theme--code: var(--gruvbox_dark--bg1); --theme--code_function: var(--theme--text_blue); @@ -135,8 +133,8 @@ --theme--code_builtin: var(--theme--text_yellow); --theme--code_attr-name: var(--theme--text_yellow); --theme--code_comment: var(--theme--text_ui); - --theme--code_punctuation: var(--gruvbox_dark--aqua-light); - --theme--code_doctype: var(--gruvbox_dark--aqua-light); + --theme--code_punctuation: var(--gruvbox_dark--aqua_light); + --theme--code_doctype: var(--gruvbox_dark--aqua_light); --theme--code_number: var(--theme--text_purple); --theme--code_string: var(--theme--text_orange); --theme--code_attr-value: var(--theme--text_orange); diff --git a/repo/gruvbox-light/mod.json b/repo/gruvbox-light/mod.json new file mode 100644 index 0000000..860f1ee --- /dev/null +++ b/repo/gruvbox-light/mod.json @@ -0,0 +1,28 @@ +{ + "name": "gruvbox light", + "id": "54f01911-60fc-4c9d-85b5-5c5ca3dd6b81", + "version": "0.3.0", + "description": "a sepia, 'retro groove' palette based on the vim theme of the same name.", + "tags": ["theme", "light"], + "authors": [ + { + "name": "morhetz", + "email": "morhetz@gmail.com", + "homepage": "https://github.com/morhetz", + "avatar": "https://avatars.githubusercontent.com/u/554231" + }, + { + "name": "jordanrobinson", + "email": "me@jordanrobinson.co.uk", + "homepage": "https://jordanrobinson.co.uk/", + "avatar": "https://avatars.githubusercontent.com/u/1202911" + } + ], + "css": { + "frame": ["variables.css"], + "client": ["variables.css"], + "menu": ["variables.css"] + }, + "js": {}, + "options": [] +} diff --git a/repo/gruvbox-light/variables.css b/repo/gruvbox-light/variables.css new file mode 100644 index 0000000..4da41c1 --- /dev/null +++ b/repo/gruvbox-light/variables.css @@ -0,0 +1,148 @@ +/* + * notion-enhancer: gruvbox light + * (c) 2015-2020 morhetz + * (c) 2021 jordanrobinson (https://jordanrobinson.co.uk/) + * (c) 2021 dragonwocky (https://dragonwocky.me/) + * under the MIT license + */ + +:root { + /* + * variables are named for consistency with gruvbox dark, + * but the _light variants are actually darker here + */ + --gruvbox_light--bg: #fbf1c7; + --gruvbox_light--gray_dark: #928374; + --gruvbox_light--red_dark: #cc241d; + --gruvbox_light--red_light: #9d0006; + --gruvbox_light--green_dark: #98971a; + --gruvbox_light--green_light: #79740e; + --gruvbox_light--yellow_dark: #d79921; + --gruvbox_light--yellow_light: #b57614; + --gruvbox_light--blue_dark: #458588; + --gruvbox_light--blue_light: #076678; + --gruvbox_light--purple_dark: #b16286; + --gruvbox_light--purple_light: #b16286; + --gruvbox_light--aqua_dark: #689d6a; + --gruvbox_light--aqua_light: #427b58; + --gruvbox_light--gray_light: #7c6f64; + --gruvbox_light--orange_dark: #d65d0e; + --gruvbox_light--orange_light: #af3a03; + --gruvbox_light--fg: #3c3836; + --gruvbox_light--bg0_h: #f9f5d7; + --gruvbox_light--bg0: #fbf1c7; + --gruvbox_light--bg1: #ebdbb2; + --gruvbox_light--bg2: #d5c4a1; + --gruvbox_light--bg3: #bdae93; + --gruvbox_light--bg4: #a89984; + --gruvbox_light--bg0_s: #f2e5bc; + --gruvbox_light--fg4: #7c6f64; + --gruvbox_light--fg3: #665c54; + --gruvbox_light--fg2: #504945; + --gruvbox_light--fg1: #3c3836; + --gruvbox_light--fg0: #282828; + + --theme--accent_blue: var(--gruvbox_light--bg3); + --theme--accent_blue-selection: rgba(189, 175, 147, 0.5); + --theme--accent_blue-hover: var(--gruvbox_light--fg3); + --theme--accent_blue-active: var(--gruvbox_light--fg3); + --theme--accent_red: var(--gruvbox_light--blue_light); + --theme--accent_red-button: var(--gruvbox_light--blue_dark); + + --theme--bg: var(--gruvbox_light--bg0); + --theme--bg_secondary: var(--gruvbox_light--bg1); + --theme--bg_card: var(--gruvbox_light--bg2); + + --theme--scrollbar_track: transparent; + --theme--scrollbar_thumb: var(--gruvbox_light--bg0_s); + --theme--scrollbar_thumb-hover: var(--gruvbox_light--bg3); + + --theme--ui_divider: var(--gruvbox_light--gray_light); + --theme--ui_interactive-hover: rgba(124, 111, 100, 0.3); + --theme--ui_interactive-active: rgba(124, 111, 100, 0.4); + --theme--ui_input: var(--gruvbox_light--bg3); + --theme--ui_toggle-off: var(--gruvbox_light--bg4); + --theme--ui_toggle-feature: var(--gruvbox_light--bg); + + --theme--icon: var(--gruvbox_light--fg0); + --theme--icon_secondary: var(--gruvbox_light--fg3); + + --theme--text: var(--gruvbox_light--fg0); + --theme--text_secondary: var(--gruvbox_light--fg3); + --theme--text_gray: var(--gruvbox_light--gray_dark); + --theme--text_brown: var(--gruvbox_light--bg4); + --theme--text_orange: var(--gruvbox_light--orange_dark); + --theme--text_yellow: var(--gruvbox_light--yellow_dark); + --theme--text_green: var(--gruvbox_light--green_dark); + --theme--text_blue: var(--gruvbox_light--blue_dark); + --theme--text_purple: var(--gruvbox_light--purple_dark); + --theme--text_pink: var(--gruvbox_light--purple_light); + --theme--text_red: var(--gruvbox_light--red_dark); + + --theme--highlight-text: var(--gruvbox_light--bg0); + --theme--highlight_gray: var(--gruvbox_light--gray_dark); + --theme--highlight_brown: var(--theme--tag_brown); + --theme--highlight_orange: var(--gruvbox_light--orange_dark); + --theme--highlight_yellow: var(--gruvbox_light--yellow_dark); + --theme--highlight_green: var(--gruvbox_light--green_dark); + --theme--highlight_blue: var(--gruvbox_light--blue_dark); + --theme--highlight_purple: var(--gruvbox_light--purple_dark); + --theme--highlight_pink: var(--theme--tag_pink); + --theme--highlight_red: var(--gruvbox_light--red_dark); + + --theme--block-text: var(--gruvbox_light--bg0); + --theme--block_gray: var(--theme--text_gray); + --theme--block_brown: var(--theme--text_brown); + --theme--block_orange: var(--theme--text_orange); + --theme--block_yellow: var(--theme--text_yellow); + --theme--block_green: var(--theme--text_green); + --theme--block_blue: var(--theme--text_blue); + --theme--block_purple: var(--theme--text_purple); + --theme--block_pink: var(--theme--text_pink); + --theme--block_red: var(--theme--text_red); + + --theme--tag-text: var(--gruvbox_light--bg0); + --theme--tag_default: var(--gruvbox_light--gray_dark); + --theme--tag_default-text: var(--gruvbox_light--bg2); + --theme--tag_gray: var(--gruvbox_light--gray_dark); + --theme--tag_gray-text: var(--gruvbox_light--bg2); + --theme--tag_brown: var(--gruvbox_light--fg3); + --theme--tag_brown-text: var(--gruvbox_light--bg2); + --theme--tag_orange: var(--gruvbox_light--orange_dark); + --theme--tag_yellow: var(--gruvbox_light--yellow_dark); + --theme--tag_green: var(--gruvbox_light--green_dark); + --theme--tag_blue: var(--gruvbox_light--blue_dark); + --theme--tag_purple: var(--gruvbox_light--purple_dark); + --theme--tag_pink: var(--gruvbox_light--purple_light); + --theme--tag_red: var(--gruvbox_light--red_dark); + + --theme--callout-text: var(--gruvbox_light--bg0); + --theme--callout_gray: var(--theme--block_gray); + --theme--callout_brown: var(--theme--block_brown); + --theme--callout_orange: var(--theme--block_orange); + --theme--callout_yellow: var(--theme--block_yellow); + --theme--callout_green: var(--theme--block_green); + --theme--callout_blue: var(--theme--block_blue); + --theme--callout_purple: var(--theme--block_purple); + --theme--callout_pink: var(--theme--block_pink); + --theme--callout_red: var(--theme--block_red); + + --theme--code_inline: var(--gruvbox_light--bg1); + --theme--code_inline-text: var(--gruvbox_light--blue_light); + + --theme--code: var(--gruvbox_light--bg1); + --theme--code_function: var(--theme--text_blue); + --theme--code_keyword: var(--theme--text_pink); + --theme--code_tag: var(--theme--text_pink); + --theme--code_operator: var(--theme--text_yellow); + --theme--code_important: var(--theme--text_yellow); + --theme--code_property: var(--theme--text_pink); + --theme--code_builtin: var(--theme--text_yellow); + --theme--code_attr-name: var(--theme--text_yellow); + --theme--code_comment: var(--theme--text_ui); + --theme--code_punctuation: var(--gruvbox_light--aqua_light); + --theme--code_doctype: var(--gruvbox_light--aqua_light); + --theme--code_number: var(--theme--text_purple); + --theme--code_string: var(--theme--text_orange); + --theme--code_attr-value: var(--theme--text_orange); +} diff --git a/repo/menu/menu.mjs b/repo/menu/menu.mjs index c9575f2..7f1a91e 100644 --- a/repo/menu/menu.mjs +++ b/repo/menu/menu.mjs @@ -349,9 +349,9 @@ router.addView('core', async () => { $main, await generators.modList( 'core', - `The enhancer's core mods provide the basics - required for all other extensions and themes to work. - Core mods can't be disabled, but they can be configured + `Core mods provide the basics required for + all other extensions and themes to work. They + can't be disabled, but they can be configured - just click on a mod to access its options.` ) ); @@ -364,10 +364,10 @@ router.addView('extensions', async () => { $main, await generators.modList( 'extension', - `Extensions modify and extend the - functionality of the Notion client. - They don't extend Notion's data structures, - so you can safely enable or disable them at any time.` + `Extensions modify and extend the functionality + or layout of the Notion client. They don't interfere + with Notion's data structures, so they can be safely + enabled or disabled at any time.` ) ); }); diff --git a/repo/registry.json b/repo/registry.json index 204529e..414ffd0 100644 --- a/repo/registry.json +++ b/repo/registry.json @@ -13,6 +13,8 @@ "nord", "gruvbox-dark", + "gruvbox-light", + "bypass-preview", "calendar-scroll" ]