dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 21:29:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(theme): add pinky boom light theme (#348)

Browse Source 
* feat(theme): add pinky boom theme

* fix: folder theme path

* fix: proper var syntax

* feat(theme): add pinky boom theme

* feat(theme): add pinky boom light theme

* add newline mod.js

* add newline variables.css
This commit is contained in:
mugiwarafx 2020-12-13 18:18:13 +01:00 committed by GitHub
parent 2b18b2ef68
commit e12b3bac85
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 400 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
mods/pinky-boom-light/mod.js Normal file
View File

@ -0,0 +1,16 @@
/*
* Pinky Booooom Theme!
* (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
* under the MIT license
*/
'use strict';
module.exports = {
id: "fbef391c-58ff-4938-bd45-b85ae0435e4e",
name: "Pinky Boom Theme",
tags: ['theme', 'light', 'pink'],
desc: "pinkify your light theme",
version: "1.0.0",
author: "mugiwarafx",
};

384
mods/pinky-boom-light/variables.css Normal file
View File

@ -0,0 +1,384 @@
/*
* Pinky Booooom Theme!
* (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
* under the MIT license
*/
:root {
/** light **/
--light_pinky-deep-pink: deeppink;
--light_pinky-lighten-1: #fce4ec;
--light_pinky-lighten-2: #f8bbd0;
--light_pinky-lighten-3: #f48fb1;
--light_pinky-lighten-4: #ff80ab;
--light_pinky-darken: #880e4f;
--light_pinky-alt-colors-white: #fefafa;
--light_pinky-alt-colors-transparent: transparent;
--light_pinky-deep-purple: #1e114e;
--light_pinky-trans-purple-1: #37352f06;
--light_pinky-trans-purple-2: #8868ff1a;
--light_pinky-trans-purple-3: #880e4f38;
--light_pinky-trans-purple-4: #8968ff42;
--light_pinky-trans-1: #ffc0cb61;
--light_pinky-trans-2: #ffc0cb96;
--light_pinky-trans-3: #ffc0cbb8;
--light_pinky-trans-4: #ffc0cbda;
--light_pinky-trans-5: #ffb6c175;
--light_pinky-trans-6: #ffc0cb99;
--light_pinky-brown: #a52a2a80;
--light_pinky-orange: #ffa60080;
--light_pinky-yellow: #ffff0080;
--light_pinky-green: #00ff0080;
--light_pinky-blue: #00ffff80;
--light_pinky-purple: #9b00ff80;
--light_pinky-pink: #ff149180;
--light_pinky-red: #ff000080;
--light_pinky-black: black;
--light_pinky-white: white;
--theme_light--main: var(--light_pinky-alt-colors-white);
--theme_light--sidebar: var(--light_pinky-alt-colors-transparent);
--theme_light--overlay: var(--light_pinky-trans-6);
--theme_light--dragarea: var(--light_pinky-lighten-1);
--theme_light--box-shadow: var(--light_pinky-trans-1) 0px 0px 0px 1px, var(--light_pinky-trans-1) 0px 2px 4px;
--theme_light--box-shadow_strong: var(--light_pinky-trans-4) 0px 0px 0px 1px, var(--light_pinky-trans-2) 0px 3px 6px, var(--light_pinky-trans-3) 0px 9px 24px;
--theme_light--page_normal-width: 900px;
--theme_light--page_full-width: 100%;
--theme_light--page-padding: calc(96px + env(safe-area-inset-left));
--theme_light--page_banner-height: 30vh;
--theme_light--preview-width: 977px;
--theme_light--preview-padding: 8rem;
--theme_light--preview_banner-height: 20vh;
--theme_light--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
--theme_light--font_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC', SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
--theme_light--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
--theme_light--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
--theme_light--font_quote: var(--theme_light--font_sans);
--theme_light--font_headings: var(--theme_light--font_sans);
--theme_light--font_title-size: 40px;
--theme_light--font_heading1-size: 1.875em;
--theme_light--font_heading2-size: 1.5em;
--theme_light--font_heading3-size: 1.25em;
--theme_light--font_label-size: 14px;
--theme_light--font_body-size: 16px;
--theme_light--font_body-size_small: 14px;
--theme_light--font_code-size: 0.796875em;
--theme_light--font_sidebar-size: 14px;
--theme_light--text-block_line-height: 1.5;
--theme_light--text-block_margin-top: 1px;
--theme_light--scrollbar: var(--light_pinky-lighten-3);
--theme_light--scrollbar-border: var(--theme_pinky--helpers-transparent);
--theme_light--scrollbar_hover: var(--light_pinky-lighten-2);
--theme_light--card: var(--light_pinky-lighten-1);
--theme_light--gallery: var(--light_pinky-trans-purple-1);
--theme_light--select_input: var(--light_pinky-trans-purple-2);
--theme_light--table-border: var(--light_pinky-trans-purple-2);
--theme_light--ui-border: var(--light_pinky-trans-purple-2);
--theme_light--interactive_hover: var(--light_pinky-trans-purple-4);
--theme_light--interactive_hover-border: var(--light_pinky-alt-colors-transparent);
--theme_light--button_close: #e81123;
--theme_light--button_close-fill: var(--light_pinky-white);
--theme_light--selected: var(--light_pinky-trans-purple-4);
--theme_light--primary: var(--light_pinky-deep-pink);
--theme_light--primary_hover: var(--light_pinky-lighten-4);
--theme_light--primary_click: var(--light_pinky-lighten-4);
--theme_light--primary_indicator: rgb(235, 87, 87);
--theme_light--option-color: var(--light_pinky-darken);
--theme_light--option-background: var(--light_pinky-alt-colors-transparent);
--theme_light--option_hover-color: var(--light_pinky-darken);
--theme_light--option_hover-background: var(--light_pinky-trans-purple-3);
--theme_light--option_active-color: var(--light_pinky-white);
--theme_light--option_active-background: var(--theme_light--primary);
--theme_light--danger_text: rgb(235, 87, 87);
--theme_light--danger_border: rgba(235, 87, 87, 0.5);
--theme_light--text: var(--theme_light--text);
--theme_light--text_ui: var(--light_pinky-deep-purple);
--theme_light--text_ui_info: var(--light_pinky-deep-pink);
--theme_light--text_gray: rgb(155, 154, 151);
--theme_light--text_brown: rgb(100, 71, 58);
--theme_light--text_orange: rgb(217, 115, 13);
--theme_light--text_yellow: rgb(223, 171, 1);
--theme_light--text_green: rgb(15, 123, 108);
--theme_light--text_blue: rgb(11, 110, 153);
--theme_light--text_purple: var(--light_pinky-purple);
--theme_light--text_pink: var(--light_pinky-deep-pink);
--theme_light--text_red: rgb(224, 62, 62);
--theme_light--bg-text: var(--theme_light--text);
--theme_light--bg_gray: rgba(128, 128, 128, 0.25);
--theme_light--bg_gray-text: var(--theme_light--bg-text);
--theme_light--bg_brown: var(--light_pinky-brown);
--theme_light--bg_brown-text: var(--theme_light--bg-text);
--theme_light--bg_orange: var(--light_pinky-orange);
--theme_light--bg_orange-text: var(--light_pinky-black);
--theme_light--bg_yellow: var(--light_pinky-yellow);
--theme_light--bg_yellow-text: var(--light_pinky-black);
--theme_light--bg_green: var(--light_pinky-green);
--theme_light--bg_green-text: var(--light_pinky-black);
--theme_light--bg_blue: var(--light_pinky-blue);
--theme_light--bg_blue-text: var(--light_pinky-black);
--theme_light--bg_purple: var(--light_pinky-purple);
--theme_light--bg_purple-text: var(--light_pinky-white);
--theme_light--bg_pink: var(--light_pinky-pink);
--theme_light--bg_pink-text: var(--light_pinky-white);
--theme_light--bg_red: var(--light_pinky-red);
--theme_light--bg_red-text: var(--theme_light--bg-text);
--theme_light--line-text: var(--theme_light--text);
--theme_light--line_gray: rgba(128, 128, 128, 0.5);
--theme_light--line_gray-text: var(--theme_light--line-text);
--theme_light--line_brown: var(--light_pinky-brown);
--theme_light--line_brown-text: var(--theme_light--line-text);
--theme_light--line_orange: var(--light_pinky-orange);
--theme_light--line_orange-text: var(--theme_light--line-text);
--theme_light--line_yellow: var(--light_pinky-yellow);
--theme_light--line_yellow-text: var(--theme_light--line-text);
--theme_light--line_green: var(--light_pinky-green);
--theme_light--line_green-text: var(--theme_light--line-text);
--theme_light--line_blue: var(--light_pinky-blue);
--theme_light--line_blue-text: var(--theme_light--line-text);
--theme_light--line_purple: var(--light_pinky-purple);
--theme_light--line_purple-text: var(--theme_light--line-text);
--theme_light--line_pink: var(--light_pinky-pink);
--theme_light--line_pink-text: var(--theme_light--line-text);
--theme_light--line_red: var(--light_pinky-red);
--theme_light--line_red-text: var(--theme_light--line-text);
--theme_light--select-text: var(--theme_light--text);
--theme_light--select_gray: rgba(128, 128, 128, 0.25);
--theme_light--select_gray-text: var(--light_pinky-white);
--theme_light--select_brown: var(--light_pinky-brown);
--theme_light--select_brown-text: var(--light_pinky-white);
--theme_light--select_orange: var(--light_pinky-orange);
--theme_light--select_orange-text: var(--light_pinky-black);
--theme_light--select_yellow: var(--light_pinky-yellow);
--theme_light--select_yellow-text: var(--light_pinky-black);
--theme_light--select_green: var(--light_pinky-green);
--theme_light--select_green-text: var(--light_pinky-black);
--theme_light--select_blue: var(--light_pinky-blue);
--theme_light--select_blue-text: var(--light_pinky-black);
--theme_light--select_purple: var(--light_pinky-purple);
--theme_light--select_purple-text: var(--light_pinky-white);
--theme_light--select_pink: var(--light_pinky-pink);
--theme_light--select_pink-text: var(--light_pinky-white);
--theme_light--select_red: var(--light_pinky-red);
--theme_light--select_red-text: var(--light_pinky-white);
--theme_light--callout-text: var(--theme_light--text);
--theme_light--callout_gray: rgba(128, 128, 128, 0.25);
--theme_light--callout_gray-text: var(--light_pinky-black);
--theme_light--callout_brown: var(--light_pinky-brown);
--theme_light--callout_brown-text: var(--light_pinky-white);
--theme_light--callout_orange: var(--light_pinky-orange);
--theme_light--callout_orange-text: var(--light_pinky-black);
--theme_light--callout_yellow: var(--light_pinky-yellow);
--theme_light--callout_yellow-text: var(--light_pinky-black);
--theme_light--callout_green: var(--light_pinky-green);
--theme_light--callout_green-text: var(--light_pinky-black);
--theme_light--callout_blue: var(--light_pinky-blue);
--theme_light--callout_blue-text: var(--light_pinky-black);
--theme_light--callout_purple: var(--light_pinky-purple);
--theme_light--callout_purple-text: var(--light_pinky-white);
--theme_light--callout_pink: var(--light_pinky-pink);
--theme_light--callout_pink-text: var(--light_pinky-white);
--theme_light--callout_red: var(--light_pinky-red);
--theme_light--callout_red-text: var(--light_pinky-white);
--theme_light--code_inline-text: #eb5757;
--theme_light--code_inline-background: rgba(135, 131, 120, 0.15);
--theme_light--code-text: var(--theme_light--text);
--theme_light--code-background: #8868ff1f;
--theme_light--code_function: #dd4a68;
--theme_light--code_keyword: #07a;
--theme_light--code_tag: #905;
--theme_light--code_operator: #9a6e3a;
--theme_light--code_important: #e90;
--theme_light--code_property: #905;
--theme_light--code_builtin: #690;
--theme_light--code_attr-name: #690;
--theme_light--code_comment: slategray;
--theme_light--code_punctuation: #999;
--theme_light--code_doctype: slategray;
--theme_light--code_number: #905;
--theme_light--code_string: #690;
--theme_light--code_attr-value: #07a;
}
.notion-light-theme {
--theme--main: var(--theme_light--main);
--theme--sidebar: var(--theme_light--sidebar);
--theme--overlay: var(--theme_light--overlay);
--theme--dragarea: var(--theme_light--dragarea);
--theme--box-shadow: var(--theme_light--box-shadow);
--theme--box-shadow_strong: var(--theme_light--box-shadow_strong);
--theme--page_normal-width: var(--theme_light--page_normal-width);
--theme--page_full-width: var(--theme_light--page_full-width);
--theme--page-padding: var(--theme_light--page-padding);
--theme--page_banner-height: var(--theme_light--page_banner-height);
--theme--preview-width: var(--theme_light--preview-width);
--theme--preview-padding: var(--theme_light--preview-padding);
--theme--preview_banner-height: var(--theme_light--preview_banner-height);
--theme--font_sans: var(--theme_light--font_sans);
--theme--font_serif: var(--theme_light--font_serif);
--theme--font_mono: var(--theme_light--font_mono);
--theme--font_code: var(--theme_light--font_code);
--theme--font_quote: var(--theme_light--font_quote);
--theme--font_headings: var(--theme_light--font_headings);
--theme--font_title-size: var(--theme_light--font_title-size);
--theme--font_heading1-size: var(--theme_light--font_heading1-size);
--theme--font_heading2-size: var(--theme_light--font_heading2-size);
--theme--font_heading3-size: var(--theme_light--font_heading3-size);
--theme--font_label-size: var(--theme_light--font_label-size);
--theme--font_body-size: var(--theme_light--font_body-size);
--theme--font_body-size_small: var(--theme_light--font_body-size_small);
--theme--font_code-size: var(--theme_light--font_code-size);
--theme--font_sidebar-size: var(--theme_light--font_sidebar-size);
--theme--text-block_line-height: var(--theme_light--text-block_line-height);
--theme--text-block_margin-top: var(--theme_light--text-block_margin-top);
--theme--scrollbar: var(--theme_light--scrollbar);
--theme--scrollbar-border: var(--theme_light--scrollbar-border);
--theme--scrollbar_hover: var(--theme_light--scrollbar_hover);
--theme--card: var(--theme_light--card);
--theme--gallery: var(--theme_light--gallery);
--theme--select_input: var(--theme_light--select_input);
--theme--table-border: var(--theme_light--table-border);
--theme--ui-border: var(--theme_light--ui-border);
--theme--interactive_hover: var(--theme_light--interactive_hover);
--theme--interactive_hover-border: var(--theme_light--interactive_hover-border);
--theme--button_close: var(--theme_light--button_close);
--theme--button_close-fill: var(--theme_light--button_close-fill);
--theme--selected: var(--theme_light--selected);
--theme--primary: var(--theme_light--primary);
--theme--primary_hover: var(--theme_light--primary_hover);
--theme--primary_click: var(--theme_light--primary_click);
--theme--primary_indicator: var(--theme_light--primary_indicator);
--theme--option-color: var(--theme_light--option-color);
--theme--option-background: var(--theme_light--option-background);
--theme--option_hover-color: var(--theme_light--option_hover-color);
--theme--option_hover-background: var(--theme_light--option_hover-background);
--theme--option_active-color: var(--theme_light--option_active-color);
--theme--option_active-background: var(--theme_light--option_active-background);
--theme--danger_text: var(--theme_light--danger_text);
--theme--danger_border: var(--theme_light--danger_border);
--theme--text: var(--theme_light--text);
--theme--text_ui: var(--theme_light--text_ui);
--theme--text_ui_info: var(--theme_light--text_ui_info);
--theme--text_gray: var(--theme_light--text_gray);
--theme--text_brown: var(--theme_light--text_brown);
--theme--text_orange: var(--theme_light--text_orange);
--theme--text_yellow: var(--theme_light--text_yellow);
--theme--text_green: var(--theme_light--text_green);
--theme--text_blue: var(--theme_light--text_blue);
--theme--text_purple: var(--theme_light--text_purple);
--theme--text_pink: var(--theme_light--text_pink);
--theme--text_red: var(--theme_light--text_red);
--theme--select-text: var(--theme_light--select-text);
--theme--bg-text: var(--theme_light--bg-text);
--theme--bg_gray: var(--theme_light--bg_gray);
--theme--bg_gray-text: var(--theme_light--bg_gray-text);
--theme--bg_brown: var(--theme_light--bg_brown);
--theme--bg_brown-text: var(--theme_light--bg_brown-text);
--theme--bg_orange: var(--theme_light--bg_orange);
--theme--bg_orange-text: var(--theme_light--bg_orange-text);
--theme--bg_yellow: var(--theme_light--bg_yellow);
--theme--bg_yellow-text: var(--theme_light--bg_yellow-text);
--theme--bg_green: var(--theme_light--bg_green);
--theme--bg_green-text: var(--theme_light--bg_green-text);
--theme--bg_blue: var(--theme_light--bg_blue);
--theme--bg_blue-text: var(--theme_light--bg_blue-text);
--theme--bg_purple: var(--theme_light--bg_purple);
--theme--bg_purple-text: var(--theme_light--bg_purple-text);
--theme--bg_pink: var(--theme_light--bg_pink);
--theme--bg_pink-text: var(--theme_light--bg_pink-text);
--theme--bg_red: var(--theme_light--bg_red);
--theme--bg_red-text: var(--theme_light--bg_red-text);
--theme--line-text: var(--theme_light--line-text);
--theme--line_gray: var(--theme_light--line_gray);
--theme--line_gray-text: var(--theme_light--line_gray-text);
--theme--line_brown: var(--theme_light--line_brown);
--theme--line_brown-text: var(--theme_light--line_brown-text);
--theme--line_orange: var(--theme_light--line_orange);
--theme--line_orange-text: var(--theme_light--line_orange-text);
--theme--line_yellow: var(--theme_light--line_yellow);
--theme--line_yellow-text: var(--theme_light--line_yellow-text);
--theme--line_green: var(--theme_light--line_green);
--theme--line_green-text: var(--theme_light--line_green-text);
--theme--line_blue: var(--theme_light--line_blue);
--theme--line_blue-text: var(--theme_light--line_blue-text);
--theme--line_purple: var(--theme_light--line_purple);
--theme--line_purple-text: var(--theme_light--line_purple-text);
--theme--line_pink: var(--theme_light--line_pink);
--theme--line_pink-text: var(--theme_light--line_pink-text);
--theme--line_red: var(--theme_light--line_red);
--theme--line_red-text: var(--theme_light--line_red-text);
--theme--select_gray: var(--theme_light--select_gray);
--theme--select_gray-text: var(--theme_light--select_gray-text);
--theme--select_brown: var(--theme_light--select_brown);
--theme--select_brown-text: var(--theme_light--select_brown-text);
--theme--select_orange: var(--theme_light--select_orange);
--theme--select_orange-text: var(--theme_light--select_orange-text);
--theme--select_yellow: var(--theme_light--select_yellow);
--theme--select_yellow-text: var(--theme_light--select_yellow-text);
--theme--select_green: var(--theme_light--select_green);
--theme--select_green-text: var(--theme_light--select_green-text);
--theme--select_blue: var(--theme_light--select_blue);
--theme--select_blue-text: var(--theme_light--select_blue-text);
--theme--select_purple: var(--theme_light--select_purple);
--theme--select_purple-text: var(--theme_light--select_purple-text);
--theme--select_pink: var(--theme_light--select_pink);
--theme--select_pink-text: var(--theme_light--select_pink-text);
--theme--select_red: var(--theme_light--select_red);
--theme--select_red-text: var(--theme_light--select_red-text);
--theme--callout-text: var(--theme_light--callout-text);
--theme--callout_gray: var(--theme_light--callout_gray);
--theme--callout_gray-text: var(--theme_light--callout_gray-text);
--theme--callout_brown: var(--theme_light--callout_brown);
--theme--callout_brown-text: var(--theme_light--callout_brown-text);
--theme--callout_orange: var(--theme_light--callout_orange);
--theme--callout_orange-text: var(--theme_light--callout_orange-text);
--theme--callout_yellow: var(--theme_light--callout_yellow);
--theme--callout_yellow-text: var(--theme_light--callout_yellow-text);
--theme--callout_green: var(--theme_light--callout_green);
--theme--callout_green-text: var(--theme_light--callout_green-text);
--theme--callout_blue: var(--theme_light--callout_blue);
--theme--callout_blue-text: var(--theme_light--callout_blue-text);
--theme--callout_purple: var(--theme_light--callout_purple);
--theme--callout_purple-text: var(--theme_light--callout_purple-text);
--theme--callout_pink: var(--theme_light--callout_pink);
--theme--callout_pink-text: var(--theme_light--callout_pink-text);
--theme--callout_red: var(--theme_light--callout_red);
--theme--callout_red-text: var(--theme_light--callout_red-text);
--theme--code_inline-text: var(--theme_light--code_inline-text);
--theme--code_inline-background: var(--theme_light--code_inline-background);
--theme--code-text: var(--theme_light--code-text);
--theme--code-background: var(--theme_light--code-background);
--theme--code_function: var(--theme_light--code_function);
--theme--code_keyword: var(--theme_light--code_keyword);
--theme--code_tag: var(--theme_light--code_tag);
--theme--code_operator: var(--theme_light--code_operator);
--theme--code_important: var(--theme_light--code_important);
--theme--code_property: var(--theme_light--code_property);
--theme--code_builtin: var(--theme_light--code_builtin);
--theme--code_attr-name: var(--theme_light--code_attr-name);
--theme--code_comment: var(--theme_light--code_comment);
--theme--code_punctuation: var(--theme_light--code_punctuation);
--theme--code_doctype: var(--theme_light--code_doctype);
--theme--code_number: var(--theme_light--code_number);
--theme--code_string: var(--theme_light--code_string);
--theme--code_attr-value: var(--theme_light--code_attr-value);
}
.notion-sidebar{background-color: pink;}