notion-enhancer/repo/playful-purple/variables.css

/**
 * notion-enhancer: playful dark
 * (c) 2020 Lizishan
 * (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
 * (https://notion-enhancer.github.io/) under the MIT license
 */

:root.dark {
  --theme--accent_blue: rgb(117, 65, 200);
  --theme--accent_blue-selection: #9500ff1e;
  --theme--accent_blue-hover: rgb(110, 48, 211);
  --theme--accent_blue-active: rgb(117, 65, 200);
  --theme--accent_red: rgb(150, 84, 226);
  --theme--accent_red-button: rgba(150, 84, 226, 0.5);

  --theme--bg: #1e1c26;
  --theme--bg_secondary: #24222c;
  --theme--bg_card: #19181f;

  --theme--scrollbar_track: transparent;
  --theme--scrollbar_thumb: #221f29;
  --theme--scrollbar_thumb-hover: #312d3c;

  --theme--ui_divider: rgba(148, 148, 184, 0.5);
  --theme--ui_interactive-hover: #282632;
  --theme--ui_interactive-active: #2b293a;
  --theme--ui_toggle-off: rgb(20, 0, 51);
  --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: #978ec7;
  --theme--icon_secondary: #978ec7;

  --theme--text: rgb(239, 235, 255);
  --theme--text_secondary: #978ec7;

  --theme--text_brown: rgb(177, 144, 131);
  --theme--text_green: rgb(66, 222, 137);
  --theme--text_blue: rgb(0, 157, 255);
  --theme--text_purple: rgb(162, 94, 255);
  --theme--text_red: rgb(240, 52, 38);

  --theme--highlight_gray: rgb(234, 234, 234);
  --theme--highlight_gray-text: rgb(17, 17, 17);
  --theme--highlight_brown: rgb(206, 206, 206);
  --theme--highlight_brown-text: rgb(85, 35, 1);
  --theme--highlight_orange: rgb(254, 214, 155);
  --theme--highlight_orange-text: rgb(199, 110, 0);
  --theme--highlight_yellow: #fcffd8;
  --theme--highlight_yellow-text: #ff8c22;
  --theme--highlight_green: #d5fded;
  --theme--highlight_green-text: #006a00;
  --theme--highlight_blue: #e2f5ff;
  --theme--highlight_blue-text: #00b2ff;
  --theme--highlight_purple: #efe6ff;
  --theme--highlight_purple-text: #8334ff;
  --theme--highlight_pink: #ffe9f1;
  --theme--highlight_pink-text: rgb(255, 0, 127);
  --theme--highlight_red: rgb(251, 228, 228);
  --theme--highlight_red-text: rgb(138, 0, 10);

  --theme--callout_gray: #e2e3e5;
  --theme--callout_gray-text: #383d41;
  --theme--callout_brown: rgb(130, 118, 111);
  --theme--callout_brown-text: rgb(85, 35, 1);
  --theme--callout_orange: rgb(254, 214, 155);
  --theme--callout_orange-text: rgb(255, 140, 0);
  --theme--callout_yellow: #fcffd8;
  --theme--callout_yellow-text: #c76e00;
  --theme--callout_green: #d4edda;
  --theme--callout_green-text: #155724;
  --theme--callout_blue: #cce5ff;
  --theme--callout_blue-text: #004085;
  --theme--callout_purple: rgb(199, 178, 230);
  --theme--callout_purple-text: rgb(90, 49, 148);
  --theme--callout_pink: rgb(255, 206, 228);
  --theme--callout_pink-text: rgb(255, 0, 127);
  --theme--callout_red: #f8d7da;
  --theme--callout_red-text: #721c24;

  --theme--tag_default: rgb(234, 234, 234);
  --theme--tag_default-text: rgb(17, 17, 17);
  --theme--tag_light_gray: rgb(240, 240, 240);
  --theme--tag_light_gray-text: rgb(88, 88, 88);
  --theme--tag_gray: rgb(234, 234, 234);
  --theme--tag_gray-text: rgb(17, 17, 17);
  --theme--tag_brown: rgb(206, 206, 206);
  --theme--tag_brown-text: rgb(85, 35, 1);
  --theme--tag_orange: rgb(254, 214, 155);
  --theme--tag_orange-text: rgb(199, 110, 0);
  --theme--tag_yellow: #fcffd8;
  --theme--tag_yellow-text: #ff8c22;
  --theme--tag_green: #d5fded;
  --theme--tag_green-text: #006a00;
  --theme--tag_blue: #e2f5ff;
  --theme--tag_blue-text: #00b2ff;
  --theme--tag_purple: #efe6ff;
  --theme--tag_purple-text: #8334ff;
  --theme--tag_pink: #ffe9f1;
  --theme--tag_pink-text: rgb(255, 0, 127);
  --theme--tag_red: rgb(251, 228, 228);
  --theme--tag_red-text: rgb(138, 0, 10);

  --theme--board_light_gray: #EBEBED;
  --theme--board_light_gray-text: #74777A;
  --theme--board_light_gray-card: var(--theme--tag_light_gray);
  --theme--board_light_gray-card_text: var(--theme--tag_light_gray-text);
  --theme--board_gray: #e2e3e5;
  --theme--board_gray-text: #383d41;
  --theme--board_gray-card: var(--theme--tag_gray);
  --theme--board_gray-card_text: var(--theme--tag_gray-text);
  --theme--board_brown: rgb(130, 118, 111);
  --theme--board_brown-text: rgb(85, 35, 1);
  --theme--board_brown-card: var(--theme--tag_brown);
  --theme--board_brown-card_text: var(--theme--tag_brown-text);
  --theme--board_orange: rgb(254, 214, 155);
  --theme--board_orange-text: rgb(255, 140, 0);
  --theme--board_orange-card: var(--theme--tag_orange);
  --theme--board_orange-card_text: var(--theme--tag_orange-text);
  --theme--board_yellow: #fcffd8;
  --theme--board_yellow-text: #c76e00;
  --theme--board_yellow-card: var(--theme--tag_yellow);
  --theme--board_yellow-card_text: var(--theme--tag_yellow-text);
  --theme--board_green: #d4edda;
  --theme--board_green-text: #155724;
  --theme--board_green-card: var(--theme--tag_green);
  --theme--board_green-card_text: var(--theme--tag_green-text);
  --theme--board_blue: #cce5ff;
  --theme--board_blue-text: #004085;
  --theme--board_blue-card: var(--theme--tag_blue);
  --theme--board_blue-card_text: var(--theme--tag_blue-text);
  --theme--board_purple: rgb(199, 178, 230);
  --theme--board_purple-text: rgb(90, 49, 148);
  --theme--board_purple-card: var(--theme--tag_purple);
  --theme--board_purple-card_text: var(--theme--tag_purple-text);
  --theme--board_pink: rgb(255, 206, 228);
  --theme--board_pink-text: rgb(255, 0, 127);
  --theme--board_pink-card: var(--theme--tag_pink);
  --theme--board_pink-card_text: var(--theme--tag_pink-text);
  --theme--board_red: #f8d7da;
  --theme--board_red-text: #721c24;
  --theme--board_red-card: var(--theme--tag_red);
  --theme--board_red-card_text: var(--theme--tag_red-text);

  --theme--code_inline: rgb(179, 39, 39);
  --theme--code_inline-text: #e0dfe2;

  --theme--code: var(--theme--bg_card);
  --theme--code_function: rgb(179, 146, 240);
  --theme--code_number: hsl(159, 69%, 39%);
}