mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 13:19:03 +00:00
197 lines
9.1 KiB
CSS
197 lines
9.1 KiB
CSS
/**
|
|
* 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/)
|
|
* (https://notion-enhancer.github.io/) under the MIT license
|
|
*/
|
|
|
|
:root.light {
|
|
/*
|
|
* variables are named for consistency with gruvbox dark,
|
|
* but the _light variants are actually darker here
|
|
*/
|
|
--gruvbox_light--bg: #fbf1c7;
|
|
--gruvbox_light--light_gray_dark: #B3A89E;
|
|
--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--ui_corner_action: var(--theme--bg_card);
|
|
--theme--ui_corner_action-hover: var(--theme--ui_interactive-hover);
|
|
--theme--ui_corner_action-active: var(--theme--ui_interactive-active);
|
|
|
|
--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_gray: var(--gruvbox_light--gray_dark);
|
|
--theme--highlight_gray-text: var(--gruvbox_light--bg0);
|
|
--theme--highlight_brown: var(--theme--tag_brown);
|
|
--theme--highlight_brown-text: var(--gruvbox_light--bg0);
|
|
--theme--highlight_orange: var(--gruvbox_light--orange_dark);
|
|
--theme--highlight_orange-text: var(--gruvbox_light--bg0);
|
|
--theme--highlight_yellow: var(--gruvbox_light--yellow_dark);
|
|
--theme--highlight_yellow-text: var(--gruvbox_light--bg0);
|
|
--theme--highlight_green: var(--gruvbox_light--green_dark);
|
|
--theme--highlight_green-text: var(--gruvbox_light--bg0);
|
|
--theme--highlight_blue: var(--gruvbox_light--blue_dark);
|
|
--theme--highlight_blue-text: var(--gruvbox_light--bg0);
|
|
--theme--highlight_purple: var(--gruvbox_light--purple_dark);
|
|
--theme--highlight_purple-text: var(--gruvbox_light--bg0);
|
|
--theme--highlight_pink: var(--theme--tag_pink);
|
|
--theme--highlight_pink-text: var(--gruvbox_light--bg0);
|
|
--theme--highlight_red: var(--gruvbox_light--red_dark);
|
|
--theme--highlight_red-text: var(--gruvbox_light--bg0);
|
|
|
|
--theme--callout_gray: var(--theme--highlight_gray);
|
|
--theme--callout_gray-text: var(--gruvbox_light--bg0);
|
|
--theme--callout_brown: var(--theme--highlight_brown);
|
|
--theme--callout_brown-text: var(--gruvbox_light--bg0);
|
|
--theme--callout_orange: var(--theme--highlight_orange);
|
|
--theme--callout_orange-text: var(--gruvbox_light--bg0);
|
|
--theme--callout_yellow: var(--theme--highlight_yellow);
|
|
--theme--callout_yellow-text: var(--gruvbox_light--bg0);
|
|
--theme--callout_green: var(--theme--highlight_green);
|
|
--theme--callout_green-text: var(--gruvbox_light--bg0);
|
|
--theme--callout_blue: var(--theme--highlight_blue);
|
|
--theme--callout_blue-text: var(--gruvbox_light--bg0);
|
|
--theme--callout_purple: var(--theme--highlight_purple);
|
|
--theme--callout_purple-text: var(--gruvbox_light--bg0);
|
|
--theme--callout_pink: var(--theme--highlight_pink);
|
|
--theme--callout_pink-text: var(--gruvbox_light--bg0);
|
|
--theme--callout_red: var(--theme--highlight_red);
|
|
--theme--callout_red-text: var(--gruvbox_light--bg0);
|
|
|
|
--theme--tag_default: var(--gruvbox_light--gray_dark);
|
|
--theme--tag_default-text: var(--gruvbox_light--bg2);
|
|
--theme--tag_light_gray: var(--gruvbox_light--light_gray_dark);
|
|
--theme--tag_light_gray-text: var(--gruvbox_light--bg0);
|
|
--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_orange-text: var(--gruvbox_light--bg0);
|
|
--theme--tag_yellow: var(--gruvbox_light--yellow_dark);
|
|
--theme--tag_yellow-text: var(--gruvbox_light--bg0);
|
|
--theme--tag_green: var(--gruvbox_light--green_dark);
|
|
--theme--tag_green-text: var(--gruvbox_light--bg0);
|
|
--theme--tag_blue: var(--gruvbox_light--blue_dark);
|
|
--theme--tag_blue-text: var(--gruvbox_light--bg0);
|
|
--theme--tag_purple: var(--gruvbox_light--purple_dark);
|
|
--theme--tag_purple-text: var(--gruvbox_light--bg0);
|
|
--theme--tag_pink: var(--gruvbox_light--purple_light);
|
|
--theme--tag_pink-text: var(--gruvbox_light--bg0);
|
|
--theme--tag_red: var(--gruvbox_light--red_dark);
|
|
--theme--tag_red-text: var(--gruvbox_light--bg0);
|
|
|
|
--theme--board_light_gray: var(--gruvbox_light--light_gray_dark);
|
|
--theme--board_light_gray-text: var(--gruvbox_light--bg0_h);
|
|
--theme--board_light_gray-card: var(--theme--tag_light_gray);
|
|
--theme--board_gray: var(--theme--text_gray);
|
|
--theme--board_gray-text: var(--gruvbox_light--bg0);
|
|
--theme--board_gray-card: var(--theme--tag_gray);
|
|
--theme--board_brown: var(--theme--text_brown);
|
|
--theme--board_brown-text: var(--gruvbox_light--bg0);
|
|
--theme--board_brown-card: var(--theme--tag_brown);
|
|
--theme--board_orange: var(--theme--text_orange);
|
|
--theme--board_orange-text: var(--gruvbox_light--bg0);
|
|
--theme--board_orange-card: var(--theme--tag_orange);
|
|
--theme--board_yellow: var(--theme--text_yellow);
|
|
--theme--board_yellow-text: var(--gruvbox_light--bg0);
|
|
--theme--board_yellow-card: var(--theme--tag_yellow);
|
|
--theme--board_green: var(--theme--text_green);
|
|
--theme--board_green-text: var(--gruvbox_light--bg0);
|
|
--theme--board_green-card: var(--theme--tag_green);
|
|
--theme--board_blue: var(--theme--text_blue);
|
|
--theme--board_blue-text: var(--gruvbox_light--bg0);
|
|
--theme--board_blue-card: var(--theme--tag_blue);
|
|
--theme--board_purple: var(--theme--text_purple);
|
|
--theme--board_purple-text: var(--gruvbox_light--bg0);
|
|
--theme--board_purple-card: var(--theme--tag_purple);
|
|
--theme--board_pink: var(--theme--text_pink);
|
|
--theme--board_pink-text: var(--gruvbox_light--bg0);
|
|
--theme--board_pink-card: var(--theme--tag_pink);
|
|
--theme--board_red: var(--theme--text_red);
|
|
--theme--board_red-text: var(--gruvbox_light--bg0);
|
|
--theme--board_red-card: var(--theme--tag_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);
|
|
}
|