theme: gruvbox light (sepia)

This commit is contained in:
dragonwocky 2021-10-08 16:53:03 +11:00
parent e15370bede
commit 60a7b57ccc
7 changed files with 236 additions and 60 deletions

View File

@ -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 }}'

View File

@ -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": [
{

View File

@ -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);

View File

@ -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": []
}

View File

@ -0,0 +1,148 @@
/*
* notion-enhancer: gruvbox light
* (c) 2015-2020 morhetz <morhetz@gmail.com>
* (c) 2021 jordanrobinson <me@jordanrobinson.co.uk> (https://jordanrobinson.co.uk/)
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (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);
}

View File

@ -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.`
)
);
});

View File

@ -13,6 +13,8 @@
"nord",
"gruvbox-dark",
"gruvbox-light",
"bypass-preview",
"calendar-scroll"
]