diff --git a/mods/pinky-boom-light/mod.js b/mods/pinky-boom-light/mod.js new file mode 100644 index 0000000..ceab185 --- /dev/null +++ b/mods/pinky-boom-light/mod.js @@ -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", +}; diff --git a/mods/pinky-boom-light/variables.css b/mods/pinky-boom-light/variables.css new file mode 100644 index 0000000..9be8027 --- /dev/null +++ b/mods/pinky-boom-light/variables.css @@ -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;}