mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-09 15:09:02 +00:00
split app.css and variables.css, load both into main window + add relationship lines to numbered lists
fonts should now be added to variables.css instead of mod.js
This commit is contained in:
parent
e7ad0fb51e
commit
2fc1e66cff
@ -1,5 +1,5 @@
|
|||||||
/*
|
/*
|
||||||
* notion-enhancer
|
* bracketed links
|
||||||
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
* (c) 2020 Arecsu
|
* (c) 2020 Arecsu
|
||||||
* under the MIT license
|
* under the MIT license
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
/*
|
/*
|
||||||
* notion-enhancer
|
* bracketed links
|
||||||
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
* under the MIT license
|
* under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|||||||
@ -4,146 +4,8 @@
|
|||||||
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
* under the MIT license
|
* under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
/* quotations as serif */
|
||||||
--cola-main: #180915;
|
|
||||||
--cola-sec: #1d0919;
|
|
||||||
--cola-tet: #492341;
|
|
||||||
--cola-info: #9b6890;
|
|
||||||
--cola-accent: #bf799b;
|
|
||||||
--cola-gray: #8a8a8a;
|
|
||||||
--cola-brown: #755241;
|
|
||||||
--cola-orange: #e6846b;
|
|
||||||
--cola-yellow: #d7b56e;
|
|
||||||
--cola-green: #8f9b4f;
|
|
||||||
--cola-blue: #6ebdb7;
|
|
||||||
--cola-purple: #813d63;
|
|
||||||
--cola-pink: #d86f71;
|
|
||||||
--cola-red: #a33232;
|
|
||||||
|
|
||||||
/* Main */
|
|
||||||
--theme_dark--main: var(--cola-main);
|
|
||||||
--theme_dark--sidebar: var(--cola-sec);
|
|
||||||
--theme_dark--overlay: rgba(29, 9, 25, 0.5);
|
|
||||||
--theme_dark--dragarea: #210a1c;
|
|
||||||
--theme_dark--box-shadow: rgba(20, 0, 16, 0.2) 0px 0px 0px 1px,
|
|
||||||
rgba(20, 0, 16, 0.2) 0px 2px 4px;
|
|
||||||
--theme_dark--box-shadow_strong: rgba(20, 0, 16, 0.1) 0px 0px 0px 1px,
|
|
||||||
rgba(20, 0, 16, 0.2) 0px 3px 6px, rgba(20, 0, 16, 0.4) 0px 9px 24px;
|
|
||||||
|
|
||||||
/* Scrollbar */
|
|
||||||
--theme_dark--scrollbar: var(--cola-sec);
|
|
||||||
--theme_dark--scrollbar_hover: var(--cola-accent);
|
|
||||||
|
|
||||||
/* Database */
|
|
||||||
--theme_dark--card: var(--cola-sec);
|
|
||||||
--theme_dark--gallery: var(--cola-sec);
|
|
||||||
--theme_dark--select_input: var(--cola-tet);
|
|
||||||
--theme_dark--table-border: var(--cola-tet);
|
|
||||||
--theme_dark--ui-border: rgba(73, 35, 65, 0.7);
|
|
||||||
--theme_dark--interactive_hover: var(--cola-tet);
|
|
||||||
--theme_dark--button_close: var(--cola-accent);
|
|
||||||
|
|
||||||
/* Select/hover/click */
|
|
||||||
--theme_dark--selected: rgba(78, 32, 69, 0.5);
|
|
||||||
--theme_dark--primary: var(--cola-accent);
|
|
||||||
--theme_dark--primary_hover: var(--cola-accent);
|
|
||||||
--theme_dark--primary_click: var(--cola-sec);
|
|
||||||
--theme_dark--primary_indicator: var(--cola-accent);
|
|
||||||
|
|
||||||
--theme_dark--option_active-background: var(--theme_dark--primary);
|
|
||||||
--theme_dark--option_hover-background: var(--theme_dark--primary_hover);
|
|
||||||
|
|
||||||
/* Danger */
|
|
||||||
--theme_dark--danger_text: #eb5757;
|
|
||||||
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
|
||||||
|
|
||||||
/* Default text colors */
|
|
||||||
--theme_dark--text: #ffffff;
|
|
||||||
--theme_dark--text_ui: var(--cola-info);
|
|
||||||
--theme_dark--text_ui_info: var(--cola-info);
|
|
||||||
|
|
||||||
/* Text color options */
|
|
||||||
--theme_dark--text_gray: var(--cola-gray);
|
|
||||||
--theme_dark--text_brown: var(--cola-brown);
|
|
||||||
--theme_dark--text_orange: var(--cola-orange);
|
|
||||||
--theme_dark--text_yellow: var(--cola-yellow);
|
|
||||||
--theme_dark--text_green: var(--cola-green);
|
|
||||||
--theme_dark--text_blue: var(--cola-blue);
|
|
||||||
--theme_dark--text_purple: var(--cola-purple);
|
|
||||||
--theme_dark--text_pink: var(--cola-pink);
|
|
||||||
--theme_dark--text_red: var(--cola-red);
|
|
||||||
|
|
||||||
--theme_dark--select-text: var(--cola-main);
|
|
||||||
--theme_dark--select_gray: var(--cola-gray);
|
|
||||||
--theme_dark--select_brown: var(--cola-brown);
|
|
||||||
--theme_dark--select_brown-text: #ffffff;
|
|
||||||
--theme_dark--select_orange: var(--cola-orange);
|
|
||||||
--theme_dark--select_yellow: var(--cola-yellow);
|
|
||||||
--theme_dark--select_green: var(--cola-green);
|
|
||||||
--theme_dark--select_blue: var(--cola-blue);
|
|
||||||
--theme_dark--select_purple: var(--cola-purple);
|
|
||||||
--theme_dark--select_purple-text: #ffffff;
|
|
||||||
--theme_dark--select_pink: var(--cola-pink);
|
|
||||||
--theme_dark--select_red: var(--cola-red);
|
|
||||||
--theme_dark--select_red-text: #ffffff;
|
|
||||||
|
|
||||||
--theme_dark--line-text: var(--cola-main);
|
|
||||||
--theme_dark--line_gray: var(--cola-gray);
|
|
||||||
--theme_dark--line_brown: var(--cola-brown);
|
|
||||||
--theme_dark--line_orange: var(--cola-orange);
|
|
||||||
--theme_dark--line_yellow: var(--cola-yellow);
|
|
||||||
--theme_dark--line_green: var(--cola-green);
|
|
||||||
--theme_dark--line_blue: var(--cola-blue);
|
|
||||||
--theme_dark--line_purple: var(--cola-purple);
|
|
||||||
--theme_dark--line_pink: var(--cola-pink);
|
|
||||||
--theme_dark--line_red: var(--cola-red);
|
|
||||||
|
|
||||||
--theme_dark--bg-text: var(--theme_dark--select-text);
|
|
||||||
--theme_dark--bg_gray: var(--theme_dark--select_gray);
|
|
||||||
--theme_dark--bg_brown: var(--theme_dark--select_brown);
|
|
||||||
--theme_dark--bg_orange: var(--theme_dark--select_orange);
|
|
||||||
--theme_dark--bg_yellow: var(--theme_dark--select_yellow);
|
|
||||||
--theme_dark--bg_green: var(--theme_dark--select_green);
|
|
||||||
--theme_dark--bg_blue: var(--theme_dark--select_blue);
|
|
||||||
--theme_dark--bg_purple: var(--theme_dark--select_purple);
|
|
||||||
--theme_dark--bg_pink: var(--theme_dark--select_pink);
|
|
||||||
--theme_dark--bg_red: var(--theme_dark--select_red);
|
|
||||||
|
|
||||||
/* Callout blocks */
|
|
||||||
--theme_dark--callout-text: var(--theme_dark--line-text);
|
|
||||||
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
|
||||||
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
|
||||||
--theme_dark--callout_orange: var(--theme_dark--line_orange);
|
|
||||||
--theme_dark--callout_yellow: var(--theme_dark--line_yellow);
|
|
||||||
--theme_dark--callout_green: var(--theme_dark--line_green);
|
|
||||||
--theme_dark--callout_blue: var(--theme_dark--line_blue);
|
|
||||||
--theme_dark--callout_purple: var(--theme_dark--line_purple);
|
|
||||||
--theme_dark--callout_pink: var(--theme_dark--line_pink);
|
|
||||||
--theme_dark--callout_red: var(--theme_dark--line_red);
|
|
||||||
|
|
||||||
/* Incline/code text */
|
|
||||||
--theme_dark--code_inline-text: var(--cola-accent);
|
|
||||||
--theme_dark--code_inline-background: var(--cola-main);
|
|
||||||
--theme_dark--code-text: var(--theme_dark--text);
|
|
||||||
--theme_dark--code-background: var(--cola-sec);
|
|
||||||
--theme_dark--code_function: var(--theme_dark--text_blue);
|
|
||||||
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_property: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_comment: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_punctuation: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_doctype: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_number: var(--theme_dark--text_purple);
|
|
||||||
--theme_dark--code_string: var(--theme_dark--text_orange);
|
|
||||||
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Quotations as serif */
|
|
||||||
.notion-dark-theme .notion-quote-block {
|
.notion-dark-theme .notion-quote-block {
|
||||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||||
background-color: var(--cola-sec);
|
background-color: var(--cola-sec);
|
||||||
|
|||||||
144
repo/cherrycola/variables.css
Normal file
144
repo/cherrycola/variables.css
Normal file
@ -0,0 +1,144 @@
|
|||||||
|
/*
|
||||||
|
* cherry cola
|
||||||
|
* (c) 2020 Alexa Baldon (https://github.com/runargs)
|
||||||
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
|
* under the MIT license
|
||||||
|
*/
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--cola-main: #180915;
|
||||||
|
--cola-sec: #1d0919;
|
||||||
|
--cola-tet: #492341;
|
||||||
|
--cola-info: #9b6890;
|
||||||
|
--cola-accent: #bf799b;
|
||||||
|
--cola-gray: #8a8a8a;
|
||||||
|
--cola-brown: #755241;
|
||||||
|
--cola-orange: #e6846b;
|
||||||
|
--cola-yellow: #d7b56e;
|
||||||
|
--cola-green: #8f9b4f;
|
||||||
|
--cola-blue: #6ebdb7;
|
||||||
|
--cola-purple: #813d63;
|
||||||
|
--cola-pink: #d86f71;
|
||||||
|
--cola-red: #a33232;
|
||||||
|
|
||||||
|
/* main */
|
||||||
|
--theme_dark--main: var(--cola-main);
|
||||||
|
--theme_dark--sidebar: var(--cola-sec);
|
||||||
|
--theme_dark--overlay: rgba(29, 9, 25, 0.5);
|
||||||
|
--theme_dark--dragarea: #210a1c;
|
||||||
|
--theme_dark--box-shadow: rgba(20, 0, 16, 0.2) 0px 0px 0px 1px,
|
||||||
|
rgba(20, 0, 16, 0.2) 0px 2px 4px;
|
||||||
|
--theme_dark--box-shadow_strong: rgba(20, 0, 16, 0.1) 0px 0px 0px 1px,
|
||||||
|
rgba(20, 0, 16, 0.2) 0px 3px 6px, rgba(20, 0, 16, 0.4) 0px 9px 24px;
|
||||||
|
|
||||||
|
/* scrollbar */
|
||||||
|
--theme_dark--scrollbar: var(--cola-sec);
|
||||||
|
--theme_dark--scrollbar_hover: var(--cola-accent);
|
||||||
|
|
||||||
|
/* database */
|
||||||
|
--theme_dark--card: var(--cola-sec);
|
||||||
|
--theme_dark--gallery: var(--cola-sec);
|
||||||
|
--theme_dark--select_input: var(--cola-tet);
|
||||||
|
--theme_dark--table-border: var(--cola-tet);
|
||||||
|
--theme_dark--ui-border: rgba(73, 35, 65, 0.7);
|
||||||
|
--theme_dark--interactive_hover: var(--cola-tet);
|
||||||
|
--theme_dark--button_close: var(--cola-accent);
|
||||||
|
|
||||||
|
/* select/hover/click */
|
||||||
|
--theme_dark--selected: rgba(78, 32, 69, 0.5);
|
||||||
|
--theme_dark--primary: var(--cola-accent);
|
||||||
|
--theme_dark--primary_hover: var(--cola-accent);
|
||||||
|
--theme_dark--primary_click: var(--cola-sec);
|
||||||
|
--theme_dark--primary_indicator: var(--cola-accent);
|
||||||
|
|
||||||
|
--theme_dark--option_active-background: var(--theme_dark--primary);
|
||||||
|
--theme_dark--option_hover-background: var(--theme_dark--primary_hover);
|
||||||
|
|
||||||
|
/* danger */
|
||||||
|
--theme_dark--danger_text: #eb5757;
|
||||||
|
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
||||||
|
|
||||||
|
/* default text colors */
|
||||||
|
--theme_dark--text: #ffffff;
|
||||||
|
--theme_dark--text_ui: var(--cola-info);
|
||||||
|
--theme_dark--text_ui_info: var(--cola-info);
|
||||||
|
|
||||||
|
/* text color options */
|
||||||
|
--theme_dark--text_gray: var(--cola-gray);
|
||||||
|
--theme_dark--text_brown: var(--cola-brown);
|
||||||
|
--theme_dark--text_orange: var(--cola-orange);
|
||||||
|
--theme_dark--text_yellow: var(--cola-yellow);
|
||||||
|
--theme_dark--text_green: var(--cola-green);
|
||||||
|
--theme_dark--text_blue: var(--cola-blue);
|
||||||
|
--theme_dark--text_purple: var(--cola-purple);
|
||||||
|
--theme_dark--text_pink: var(--cola-pink);
|
||||||
|
--theme_dark--text_red: var(--cola-red);
|
||||||
|
|
||||||
|
--theme_dark--select-text: var(--cola-main);
|
||||||
|
--theme_dark--select_gray: var(--cola-gray);
|
||||||
|
--theme_dark--select_brown: var(--cola-brown);
|
||||||
|
--theme_dark--select_brown-text: #ffffff;
|
||||||
|
--theme_dark--select_orange: var(--cola-orange);
|
||||||
|
--theme_dark--select_yellow: var(--cola-yellow);
|
||||||
|
--theme_dark--select_green: var(--cola-green);
|
||||||
|
--theme_dark--select_blue: var(--cola-blue);
|
||||||
|
--theme_dark--select_purple: var(--cola-purple);
|
||||||
|
--theme_dark--select_purple-text: #ffffff;
|
||||||
|
--theme_dark--select_pink: var(--cola-pink);
|
||||||
|
--theme_dark--select_red: var(--cola-red);
|
||||||
|
--theme_dark--select_red-text: #ffffff;
|
||||||
|
|
||||||
|
--theme_dark--line-text: var(--cola-main);
|
||||||
|
--theme_dark--line_gray: var(--cola-gray);
|
||||||
|
--theme_dark--line_brown: var(--cola-brown);
|
||||||
|
--theme_dark--line_orange: var(--cola-orange);
|
||||||
|
--theme_dark--line_yellow: var(--cola-yellow);
|
||||||
|
--theme_dark--line_green: var(--cola-green);
|
||||||
|
--theme_dark--line_blue: var(--cola-blue);
|
||||||
|
--theme_dark--line_purple: var(--cola-purple);
|
||||||
|
--theme_dark--line_pink: var(--cola-pink);
|
||||||
|
--theme_dark--line_red: var(--cola-red);
|
||||||
|
|
||||||
|
--theme_dark--bg-text: var(--theme_dark--select-text);
|
||||||
|
--theme_dark--bg_gray: var(--theme_dark--select_gray);
|
||||||
|
--theme_dark--bg_brown: var(--theme_dark--select_brown);
|
||||||
|
--theme_dark--bg_orange: var(--theme_dark--select_orange);
|
||||||
|
--theme_dark--bg_yellow: var(--theme_dark--select_yellow);
|
||||||
|
--theme_dark--bg_green: var(--theme_dark--select_green);
|
||||||
|
--theme_dark--bg_blue: var(--theme_dark--select_blue);
|
||||||
|
--theme_dark--bg_purple: var(--theme_dark--select_purple);
|
||||||
|
--theme_dark--bg_pink: var(--theme_dark--select_pink);
|
||||||
|
--theme_dark--bg_red: var(--theme_dark--select_red);
|
||||||
|
|
||||||
|
/* callout blocks */
|
||||||
|
--theme_dark--callout-text: var(--theme_dark--line-text);
|
||||||
|
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
||||||
|
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
||||||
|
--theme_dark--callout_orange: var(--theme_dark--line_orange);
|
||||||
|
--theme_dark--callout_yellow: var(--theme_dark--line_yellow);
|
||||||
|
--theme_dark--callout_green: var(--theme_dark--line_green);
|
||||||
|
--theme_dark--callout_blue: var(--theme_dark--line_blue);
|
||||||
|
--theme_dark--callout_purple: var(--theme_dark--line_purple);
|
||||||
|
--theme_dark--callout_pink: var(--theme_dark--line_pink);
|
||||||
|
--theme_dark--callout_red: var(--theme_dark--line_red);
|
||||||
|
|
||||||
|
/* incline/code text */
|
||||||
|
--theme_dark--code_inline-text: var(--cola-accent);
|
||||||
|
--theme_dark--code_inline-background: var(--cola-main);
|
||||||
|
--theme_dark--code-text: var(--theme_dark--text);
|
||||||
|
--theme_dark--code-background: var(--cola-sec);
|
||||||
|
--theme_dark--code_function: var(--theme_dark--text_blue);
|
||||||
|
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_property: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_comment: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_punctuation: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_doctype: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_number: var(--theme_dark--text_purple);
|
||||||
|
--theme_dark--code_string: var(--theme_dark--text_orange);
|
||||||
|
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
||||||
|
}
|
||||||
@ -6,20 +6,19 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
.notion-code-block.line-numbers > div {
|
.notion-code-block.line-numbers > div {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code-numbered {
|
.code-numbered {
|
||||||
padding-left: 48px !important;
|
padding-left: 48px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#code-line-numbers {
|
#code-line-numbers {
|
||||||
font-size: var(--theme--font_code-size) !important;
|
font-size: var(--theme--font_code-size) !important;
|
||||||
font-family: var(--theme--font_code) !important;
|
font-family: var(--theme--font_code) !important;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: calc(100% - 30px);
|
right: calc(100% - 30px);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -21,23 +21,23 @@ module.exports = {
|
|||||||
key: 'single_lined',
|
key: 'single_lined',
|
||||||
label: 'show line numbers on single-lined code blocks',
|
label: 'show line numbers on single-lined code blocks',
|
||||||
type: 'toggle',
|
type: 'toggle',
|
||||||
value: false
|
value: false,
|
||||||
}
|
},
|
||||||
],
|
],
|
||||||
hacks: {
|
hacks: {
|
||||||
'renderer/preload.js'(store, __exports) {
|
'renderer/preload.js'(store, __exports) {
|
||||||
document.addEventListener('readystatechange', (event) => {
|
document.addEventListener('readystatechange', (event) => {
|
||||||
if (document.readyState !== 'complete') return false;
|
if (document.readyState !== 'complete') return false;
|
||||||
let queue = [];
|
let queue = [];
|
||||||
const observer = new MutationObserver((list, observer) => {
|
const observer = new MutationObserver((list, observer) => {
|
||||||
if (!queue.length) requestAnimationFrame(() => process(queue));
|
if (!queue.length) requestAnimationFrame(() => handle(queue));
|
||||||
queue.push(...list);
|
queue.push(...list);
|
||||||
});
|
});
|
||||||
observer.observe(document.body, {
|
observer.observe(document.body, {
|
||||||
childList: true,
|
childList: true,
|
||||||
subtree: true,
|
subtree: true,
|
||||||
});
|
});
|
||||||
function process(list) {
|
function handle(list) {
|
||||||
queue = [];
|
queue = [];
|
||||||
for (let { addedNodes } of list) {
|
for (let { addedNodes } of list) {
|
||||||
if (
|
if (
|
||||||
@ -48,16 +48,18 @@ module.exports = {
|
|||||||
) {
|
) {
|
||||||
const block = addedNodes[0].parentElement.parentElement;
|
const block = addedNodes[0].parentElement.parentElement;
|
||||||
if (
|
if (
|
||||||
block &&
|
block &&
|
||||||
block.classList &&
|
block.classList &&
|
||||||
block.classList.contains('notion-code-block')
|
block.classList.contains('notion-code-block')
|
||||||
) {
|
) {
|
||||||
let numbers = block.querySelector('#code-line-numbers');
|
let numbers = block.querySelector('#code-line-numbers');
|
||||||
if (!numbers) {
|
if (!numbers) {
|
||||||
numbers = createElement('<span id="code-line-numbers"></span>');
|
numbers = createElement(
|
||||||
|
'<span id="code-line-numbers"></span>'
|
||||||
const blockStyle = window.getComputedStyle(block.children[0])
|
);
|
||||||
numbers.style.top = blockStyle.paddingTop;
|
|
||||||
|
const blockStyle = window.getComputedStyle(block.children[0]);
|
||||||
|
numbers.style.top = blockStyle.paddingTop;
|
||||||
numbers.style.bottom = blockStyle.paddingBottom;
|
numbers.style.bottom = blockStyle.paddingBottom;
|
||||||
|
|
||||||
block.append(numbers);
|
block.append(numbers);
|
||||||
@ -69,10 +71,9 @@ module.exports = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const lines = Math.round(
|
const lines = Math.round(
|
||||||
numbers.getBoundingClientRect().height /
|
numbers.getBoundingClientRect().height / block.lineHeight
|
||||||
block.lineHeight
|
|
||||||
);
|
);
|
||||||
|
|
||||||
if (lines > 1) {
|
if (lines > 1) {
|
||||||
block.children[0].classList.add('code-numbered');
|
block.children[0].classList.add('code-numbered');
|
||||||
numbers.innerText = Array.from(
|
numbers.innerText = Array.from(
|
||||||
|
|||||||
@ -1,135 +1,10 @@
|
|||||||
/*
|
/*
|
||||||
* dracula
|
* dracula
|
||||||
* (c) 2020 @mimishahzad386#5651
|
* (c) 2020 @mimishahzad386#5651
|
||||||
* (c) 2020 dracula
|
|
||||||
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
* (c) 2020 Alexa Baldon (https://github.com/runargs)
|
|
||||||
* under the MIT license
|
* under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
|
||||||
--theme_dark--main: #282a36;
|
|
||||||
--theme_dark--sidebar: #21232c;
|
|
||||||
--theme_dark--overlay: rgba(13, 13, 14, 0.5);
|
|
||||||
--theme_dark--dragarea: #20222b;
|
|
||||||
|
|
||||||
--theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
||||||
Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
|
|
||||||
'Segoe UI Symbol';
|
|
||||||
|
|
||||||
--theme_dark--scrollbar: #393c4d;
|
|
||||||
--theme_dark--scrollbar_hover: #576591;
|
|
||||||
|
|
||||||
--theme_dark--card: #3c3f50;
|
|
||||||
--theme_dark--gallery: #323546;
|
|
||||||
--theme_dark--select_input: #474a5c;
|
|
||||||
--theme_dark--table-border: #484b59;
|
|
||||||
--theme_dark--ui-border: var(--theme_dark--table-border);
|
|
||||||
--theme_dark--interactive_hover: rgba(64, 73, 105, 0.7);
|
|
||||||
--theme_dark--button_close: #ff5555;
|
|
||||||
|
|
||||||
--theme_dark--selected: rgba(189, 147, 249, 0.3);
|
|
||||||
--theme_dark--primary: #bd93f9;
|
|
||||||
--theme_dark--primary_hover: #8be9fd;
|
|
||||||
--theme_dark--primary_click: #bd93f9;
|
|
||||||
--theme_dark--primary_indicator: #8be9fd;
|
|
||||||
|
|
||||||
--theme_dark--option_active-background: var(--theme_dark--primary);
|
|
||||||
--theme_dark--option_hover-background: var(--theme_dark--primary_hover);
|
|
||||||
|
|
||||||
--theme_dark--danger_text: #ff5555;
|
|
||||||
--theme_dark--danger_border: #ffb86c;
|
|
||||||
|
|
||||||
--theme_dark--text: #f8f8f2;
|
|
||||||
--theme_dark--text_ui: #f8f8f2;
|
|
||||||
--theme_dark--text_ui_info: #f8f8f2;
|
|
||||||
|
|
||||||
--theme_dark--text_gray: #807e8d;
|
|
||||||
--theme_dark--text_brown: #6272a4;
|
|
||||||
--theme_dark--text_orange: #ffb86c;
|
|
||||||
--theme_dark--text_yellow: #f1fa8c;
|
|
||||||
--theme_dark--text_green: #50fa7b;
|
|
||||||
--theme_dark--text_blue: #8be9fd;
|
|
||||||
--theme_dark--text_purple: #bd93f9;
|
|
||||||
--theme_dark--text_pink: #ff79c6;
|
|
||||||
--theme_dark--text_red: #ff5555;
|
|
||||||
|
|
||||||
--theme_dark--select-text: #000000;
|
|
||||||
--theme_dark--select_gray: #454158;
|
|
||||||
--theme_dark--select_gray-text: #f5f5f5;
|
|
||||||
--theme_dark--select_brown: #6272a4;
|
|
||||||
--theme_dark--select_brown-text: #f5f5f5;
|
|
||||||
--theme_dark--select_orange: #ffb86c;
|
|
||||||
--theme_dark--select_yellow: #f1fa8c;
|
|
||||||
--theme_dark--select_green: #50fa7b;
|
|
||||||
--theme_dark--select_blue: #8be9fd;
|
|
||||||
--theme_dark--select_purple: #bd93f9;
|
|
||||||
--theme_dark--select_pink: #ff79c6;
|
|
||||||
--theme_dark--select_red: #ff5555;
|
|
||||||
--theme_dark--select_red-text: #f5f5f5;
|
|
||||||
|
|
||||||
--theme_dark--bg-text: var(--theme_dark--select-text);
|
|
||||||
--theme_dark--bg_gray: var(--theme_dark--select_gray);
|
|
||||||
--theme_dark--bg_gray-text: #f5f5f5;
|
|
||||||
--theme_dark--bg_brown: var(--theme_dark--select_brown);
|
|
||||||
--theme_dark--bg_brown-text: #f5f5f5;
|
|
||||||
--theme_dark--bg_orange: var(--theme_dark--select_orange);
|
|
||||||
--theme_dark--bg_yellow: var(--theme_dark--select_yellow);
|
|
||||||
--theme_dark--bg_green: var(--theme_dark--select_green);
|
|
||||||
--theme_dark--bg_blue: var(--theme_dark--select_blue);
|
|
||||||
--theme_dark--bg_purple: var(--theme_dark--select_purple);
|
|
||||||
--theme_dark--bg_pink: var(--theme_dark--select_pink);
|
|
||||||
--theme_dark--bg_red: var(--theme_dark--select_red);
|
|
||||||
--theme_dark--bg_red-text: #f5f5f5;
|
|
||||||
|
|
||||||
--theme_dark--line-text: #000000;
|
|
||||||
--theme_dark--line_gray: #3c3f50;
|
|
||||||
--theme_dark--line_gray-text: #f5f5f5;
|
|
||||||
--theme_dark--line_brown: #6272a4;
|
|
||||||
--theme_dark--line_brown-text: #f5f5f5;
|
|
||||||
--theme_dark--line_orange: #ffb86c;
|
|
||||||
--theme_dark--line_yellow: #f1fa8c;
|
|
||||||
--theme_dark--line_green: #50fa7b;
|
|
||||||
--theme_dark--line_blue: #8be9fd;
|
|
||||||
--theme_dark--line_purple: #bd93f9;
|
|
||||||
--theme_dark--line_pink: #ff79c6;
|
|
||||||
--theme_dark--line_red: #ff5555;
|
|
||||||
--theme_dark--line_red-text: #f5f5f5;
|
|
||||||
|
|
||||||
--theme_dark--callout-text: var(--theme_dark--line-text);
|
|
||||||
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
|
||||||
--theme_dark--callout_gray-text: #f5f5f5;
|
|
||||||
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
|
||||||
--theme_dark--callout_brown-text: #f5f5f5;
|
|
||||||
--theme_dark--callout_orange: var(--theme_dark--line_orange);
|
|
||||||
--theme_dark--callout_yellow: var(--theme_dark--line_yellow);
|
|
||||||
--theme_dark--callout_green: var(--theme_dark--line_green);
|
|
||||||
--theme_dark--callout_blue: var(--theme_dark--line_blue);
|
|
||||||
--theme_dark--callout_purple: var(--theme_dark--line_purple);
|
|
||||||
--theme_dark--callout_pink: var(--theme_dark--line_pink);
|
|
||||||
--theme_dark--callout_red: var(--theme_dark--line_red);
|
|
||||||
--theme_dark--callout_red-text: #f5f5f5;
|
|
||||||
|
|
||||||
--theme_dark--code_inline-text: #50fa7b;
|
|
||||||
--theme_dark--code_inline-background: #3c3f50;
|
|
||||||
--theme_dark--code-text: var(--theme_dark--text);
|
|
||||||
--theme_dark--code-background: #3c3f50;
|
|
||||||
--theme_dark--code_function: var(--theme_dark--text_blue);
|
|
||||||
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_property: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_comment: var(--theme_dark--text_ui);
|
|
||||||
--theme_dark--code_punctuation: #d2d0dc;
|
|
||||||
--theme_dark--code_doctype: #d2d0dc;
|
|
||||||
--theme_dark--code_number: var(--theme_dark--text_purple);
|
|
||||||
--theme_dark--code_string: var(--theme_dark--text_orange);
|
|
||||||
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
|
||||||
}
|
|
||||||
|
|
||||||
.notion-dark-theme img[src*='/images/onboarding/use-case-note.png'],
|
.notion-dark-theme img[src*='/images/onboarding/use-case-note.png'],
|
||||||
.notion-dark-theme
|
.notion-dark-theme
|
||||||
img[src*='/images/onboarding/team-features-illustration.png'] {
|
img[src*='/images/onboarding/team-features-illustration.png'] {
|
||||||
|
|||||||
131
repo/dracula/variables.css
Normal file
131
repo/dracula/variables.css
Normal file
@ -0,0 +1,131 @@
|
|||||||
|
/*
|
||||||
|
* dracula
|
||||||
|
* (c) 2020 @mimishahzad386#5651
|
||||||
|
* (c) 2020 dracula
|
||||||
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
|
* (c) 2020 Alexa Baldon (https://github.com/runargs)
|
||||||
|
* under the MIT license
|
||||||
|
*/
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--theme_dark--main: #282a36;
|
||||||
|
--theme_dark--sidebar: #21232c;
|
||||||
|
--theme_dark--overlay: rgba(13, 13, 14, 0.5);
|
||||||
|
--theme_dark--dragarea: #20222b;
|
||||||
|
|
||||||
|
--theme_dark--font_sans: -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
||||||
|
Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji',
|
||||||
|
'Segoe UI Symbol';
|
||||||
|
|
||||||
|
--theme_dark--scrollbar: #393c4d;
|
||||||
|
--theme_dark--scrollbar_hover: #576591;
|
||||||
|
|
||||||
|
--theme_dark--card: #3c3f50;
|
||||||
|
--theme_dark--gallery: #323546;
|
||||||
|
--theme_dark--select_input: #474a5c;
|
||||||
|
--theme_dark--table-border: #484b59;
|
||||||
|
--theme_dark--ui-border: var(--theme_dark--table-border);
|
||||||
|
--theme_dark--interactive_hover: rgba(64, 73, 105, 0.7);
|
||||||
|
--theme_dark--button_close: #ff5555;
|
||||||
|
|
||||||
|
--theme_dark--selected: rgba(189, 147, 249, 0.3);
|
||||||
|
--theme_dark--primary: #bd93f9;
|
||||||
|
--theme_dark--primary_hover: #8be9fd;
|
||||||
|
--theme_dark--primary_click: #bd93f9;
|
||||||
|
--theme_dark--primary_indicator: #8be9fd;
|
||||||
|
|
||||||
|
--theme_dark--option_active-background: var(--theme_dark--primary);
|
||||||
|
--theme_dark--option_hover-background: var(--theme_dark--primary_hover);
|
||||||
|
|
||||||
|
--theme_dark--danger_text: #ff5555;
|
||||||
|
--theme_dark--danger_border: #ffb86c;
|
||||||
|
|
||||||
|
--theme_dark--text: #f8f8f2;
|
||||||
|
--theme_dark--text_ui: #f8f8f2;
|
||||||
|
--theme_dark--text_ui_info: #f8f8f2;
|
||||||
|
|
||||||
|
--theme_dark--text_gray: #807e8d;
|
||||||
|
--theme_dark--text_brown: #6272a4;
|
||||||
|
--theme_dark--text_orange: #ffb86c;
|
||||||
|
--theme_dark--text_yellow: #f1fa8c;
|
||||||
|
--theme_dark--text_green: #50fa7b;
|
||||||
|
--theme_dark--text_blue: #8be9fd;
|
||||||
|
--theme_dark--text_purple: #bd93f9;
|
||||||
|
--theme_dark--text_pink: #ff79c6;
|
||||||
|
--theme_dark--text_red: #ff5555;
|
||||||
|
|
||||||
|
--theme_dark--select-text: #000000;
|
||||||
|
--theme_dark--select_gray: #454158;
|
||||||
|
--theme_dark--select_gray-text: #f5f5f5;
|
||||||
|
--theme_dark--select_brown: #6272a4;
|
||||||
|
--theme_dark--select_brown-text: #f5f5f5;
|
||||||
|
--theme_dark--select_orange: #ffb86c;
|
||||||
|
--theme_dark--select_yellow: #f1fa8c;
|
||||||
|
--theme_dark--select_green: #50fa7b;
|
||||||
|
--theme_dark--select_blue: #8be9fd;
|
||||||
|
--theme_dark--select_purple: #bd93f9;
|
||||||
|
--theme_dark--select_pink: #ff79c6;
|
||||||
|
--theme_dark--select_red: #ff5555;
|
||||||
|
--theme_dark--select_red-text: #f5f5f5;
|
||||||
|
|
||||||
|
--theme_dark--bg-text: var(--theme_dark--select-text);
|
||||||
|
--theme_dark--bg_gray: var(--theme_dark--select_gray);
|
||||||
|
--theme_dark--bg_gray-text: #f5f5f5;
|
||||||
|
--theme_dark--bg_brown: var(--theme_dark--select_brown);
|
||||||
|
--theme_dark--bg_brown-text: #f5f5f5;
|
||||||
|
--theme_dark--bg_orange: var(--theme_dark--select_orange);
|
||||||
|
--theme_dark--bg_yellow: var(--theme_dark--select_yellow);
|
||||||
|
--theme_dark--bg_green: var(--theme_dark--select_green);
|
||||||
|
--theme_dark--bg_blue: var(--theme_dark--select_blue);
|
||||||
|
--theme_dark--bg_purple: var(--theme_dark--select_purple);
|
||||||
|
--theme_dark--bg_pink: var(--theme_dark--select_pink);
|
||||||
|
--theme_dark--bg_red: var(--theme_dark--select_red);
|
||||||
|
--theme_dark--bg_red-text: #f5f5f5;
|
||||||
|
|
||||||
|
--theme_dark--line-text: #000000;
|
||||||
|
--theme_dark--line_gray: #3c3f50;
|
||||||
|
--theme_dark--line_gray-text: #f5f5f5;
|
||||||
|
--theme_dark--line_brown: #6272a4;
|
||||||
|
--theme_dark--line_brown-text: #f5f5f5;
|
||||||
|
--theme_dark--line_orange: #ffb86c;
|
||||||
|
--theme_dark--line_yellow: #f1fa8c;
|
||||||
|
--theme_dark--line_green: #50fa7b;
|
||||||
|
--theme_dark--line_blue: #8be9fd;
|
||||||
|
--theme_dark--line_purple: #bd93f9;
|
||||||
|
--theme_dark--line_pink: #ff79c6;
|
||||||
|
--theme_dark--line_red: #ff5555;
|
||||||
|
--theme_dark--line_red-text: #f5f5f5;
|
||||||
|
|
||||||
|
--theme_dark--callout-text: var(--theme_dark--line-text);
|
||||||
|
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
||||||
|
--theme_dark--callout_gray-text: #f5f5f5;
|
||||||
|
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
||||||
|
--theme_dark--callout_brown-text: #f5f5f5;
|
||||||
|
--theme_dark--callout_orange: var(--theme_dark--line_orange);
|
||||||
|
--theme_dark--callout_yellow: var(--theme_dark--line_yellow);
|
||||||
|
--theme_dark--callout_green: var(--theme_dark--line_green);
|
||||||
|
--theme_dark--callout_blue: var(--theme_dark--line_blue);
|
||||||
|
--theme_dark--callout_purple: var(--theme_dark--line_purple);
|
||||||
|
--theme_dark--callout_pink: var(--theme_dark--line_pink);
|
||||||
|
--theme_dark--callout_red: var(--theme_dark--line_red);
|
||||||
|
--theme_dark--callout_red-text: #f5f5f5;
|
||||||
|
|
||||||
|
--theme_dark--code_inline-text: #50fa7b;
|
||||||
|
--theme_dark--code_inline-background: #3c3f50;
|
||||||
|
--theme_dark--code-text: var(--theme_dark--text);
|
||||||
|
--theme_dark--code-background: #3c3f50;
|
||||||
|
--theme_dark--code_function: var(--theme_dark--text_blue);
|
||||||
|
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_property: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_comment: var(--theme_dark--text_ui);
|
||||||
|
--theme_dark--code_punctuation: #d2d0dc;
|
||||||
|
--theme_dark--code_doctype: #d2d0dc;
|
||||||
|
--theme_dark--code_number: var(--theme_dark--text_purple);
|
||||||
|
--theme_dark--code_string: var(--theme_dark--text_orange);
|
||||||
|
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
||||||
|
}
|
||||||
@ -5,69 +5,6 @@
|
|||||||
* under the MIT license
|
* under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
|
||||||
--theme_dark--main: #1e1c26;
|
|
||||||
--theme_dark--sidebar: #24222c;
|
|
||||||
--theme_dark--dragarea: #19181f;
|
|
||||||
|
|
||||||
--theme_dark--font_sans: 'Offside', -apple-system, BlinkMacSystemFont,
|
|
||||||
'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif,
|
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
||||||
--theme_dark--font_mono: 'DM Mono', iawriter-mono, Nitti, Menlo, Courier,
|
|
||||||
monospace;
|
|
||||||
--theme_dark--font_code: 'DM Mono', SFMono-Regular, Consolas,
|
|
||||||
'Liberation Mono', Menlo, Courier, monospace;
|
|
||||||
|
|
||||||
--theme_dark--scrollbar: #221f29;
|
|
||||||
--theme_dark--scrollbar_hover: #312d3c;
|
|
||||||
|
|
||||||
--theme_dark--gallery: rgba(162, 162, 162, 0.01);
|
|
||||||
--theme_dark--table-border: rgba(148, 148, 184, 0.5);
|
|
||||||
--theme_dark--interactive_hover: #282632;
|
|
||||||
|
|
||||||
--theme_dark--selected: rgba(85, 68, 156, 0.3);
|
|
||||||
--theme_dark--primary: rgb(106, 47, 200);
|
|
||||||
--theme_dark--primary_hover: rgb(110, 48, 211);
|
|
||||||
--theme_dark--primary_click: rgb(117, 65, 200);
|
|
||||||
--theme_dark--primary_indicator: rgb(150, 84, 226);
|
|
||||||
|
|
||||||
--theme_dark--option_hover-background: rgb(20, 0, 51);
|
|
||||||
|
|
||||||
--theme_dark--danger_text: rgb(235, 87, 87);
|
|
||||||
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
|
||||||
|
|
||||||
--theme_dark--text: rgba(255, 255, 255, 0.9);
|
|
||||||
--theme_dark--text_ui: rgba(255, 255, 255, 0.6);
|
|
||||||
--theme_dark--text_ui_info: rgba(255, 255, 255, 0.4);
|
|
||||||
|
|
||||||
--theme_dark--text_gray: rgba(151, 154, 155, 0.95);
|
|
||||||
--theme_dark--text_brown: rgb(112, 87, 77);
|
|
||||||
--theme_dark--text_yellow: #ffe529;
|
|
||||||
--theme_dark--text_green: #64d97b;
|
|
||||||
--theme_dark--text_purple: #d43cc7;
|
|
||||||
--theme_dark--text_red: #d93939;
|
|
||||||
|
|
||||||
--theme_dark--select_red: rgba(216, 57, 46, 0.5);
|
|
||||||
|
|
||||||
--theme_dark--bg_brown: rgb(78, 57, 48);
|
|
||||||
--theme_dark--bg_orange: rgb(136, 80, 48);
|
|
||||||
--theme_dark--bg_yellow: #fbe2287c;
|
|
||||||
--theme_dark--bg_red: rgb(151, 62, 62);
|
|
||||||
|
|
||||||
--theme_dark--line_brown: var(--theme_dark--bg_brown);
|
|
||||||
--theme_dark--line_orange: var(--theme_dark--bg_orange);
|
|
||||||
--theme_dark--line_yellow: var(--theme_dark--bg_yellow);
|
|
||||||
--theme_dark--line_red: var(--theme_dark--bg_red);
|
|
||||||
|
|
||||||
--theme_dark--callout_brown: var(--theme_dark--bg_brown);
|
|
||||||
--theme_dark--callout_orange: var(--theme_dark--bg_orange);
|
|
||||||
--theme_dark--callout_yellow: var(--theme_dark--bg_yellow);
|
|
||||||
--theme_dark--callout_red: var(--theme_dark--bg_red);
|
|
||||||
|
|
||||||
--theme_dark--code_inline-text: #d9cbec;
|
|
||||||
--theme_dark--code_inline-background: #24222c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notion-dark-theme
|
.notion-dark-theme
|
||||||
.notion-scroller.vertical.horizontal
|
.notion-scroller.vertical.horizontal
|
||||||
.notion-table-view
|
.notion-table-view
|
||||||
|
|||||||
@ -19,7 +19,4 @@ module.exports = {
|
|||||||
avatar:
|
avatar:
|
||||||
'https://styles.redditmedia.com/t5_2js69j/styles/profileIcon_jvnzmo30fyq41.jpg',
|
'https://styles.redditmedia.com/t5_2js69j/styles/profileIcon_jvnzmo30fyq41.jpg',
|
||||||
},
|
},
|
||||||
fonts: [
|
|
||||||
'https://fonts.googleapis.com/css2?family=Baumans&family=Comfortaa&family=DM+Mono&family=Gruppo&family=Nova+Mono&family=Offside&family=Press+Start+2P&family=Righteous&display=swap',
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
|
|||||||
71
repo/gameish/variables.css
Normal file
71
repo/gameish/variables.css
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
/*
|
||||||
|
* gameish
|
||||||
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
|
* (c) 2020 u/LVL100ShrekCultist
|
||||||
|
* under the MIT license
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'https://fonts.googleapis.com/css2?family=Baumans&family=Comfortaa&family=DM+Mono&family=Gruppo&family=Nova+Mono&family=Offside&family=Press+Start+2P&family=Righteous&display=swap';
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--theme_dark--main: #1e1c26;
|
||||||
|
--theme_dark--sidebar: #24222c;
|
||||||
|
--theme_dark--dragarea: #19181f;
|
||||||
|
|
||||||
|
--theme_dark--font_sans: 'Offside', -apple-system, BlinkMacSystemFont,
|
||||||
|
'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif,
|
||||||
|
'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||||
|
--theme_dark--font_mono: 'DM Mono', iawriter-mono, Nitti, Menlo, Courier,
|
||||||
|
monospace;
|
||||||
|
--theme_dark--font_code: 'DM Mono', SFMono-Regular, Consolas,
|
||||||
|
'Liberation Mono', Menlo, Courier, monospace;
|
||||||
|
|
||||||
|
--theme_dark--scrollbar: #221f29;
|
||||||
|
--theme_dark--scrollbar_hover: #312d3c;
|
||||||
|
|
||||||
|
--theme_dark--gallery: rgba(162, 162, 162, 0.01);
|
||||||
|
--theme_dark--table-border: rgba(148, 148, 184, 0.5);
|
||||||
|
--theme_dark--interactive_hover: #282632;
|
||||||
|
|
||||||
|
--theme_dark--selected: rgba(85, 68, 156, 0.3);
|
||||||
|
--theme_dark--primary: rgb(106, 47, 200);
|
||||||
|
--theme_dark--primary_hover: rgb(110, 48, 211);
|
||||||
|
--theme_dark--primary_click: rgb(117, 65, 200);
|
||||||
|
--theme_dark--primary_indicator: rgb(150, 84, 226);
|
||||||
|
|
||||||
|
--theme_dark--option_hover-background: rgb(20, 0, 51);
|
||||||
|
|
||||||
|
--theme_dark--danger_text: rgb(235, 87, 87);
|
||||||
|
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
||||||
|
|
||||||
|
--theme_dark--text: rgba(255, 255, 255, 0.9);
|
||||||
|
--theme_dark--text_ui: rgba(255, 255, 255, 0.6);
|
||||||
|
--theme_dark--text_ui_info: rgba(255, 255, 255, 0.4);
|
||||||
|
|
||||||
|
--theme_dark--text_gray: rgba(151, 154, 155, 0.95);
|
||||||
|
--theme_dark--text_brown: rgb(112, 87, 77);
|
||||||
|
--theme_dark--text_yellow: #ffe529;
|
||||||
|
--theme_dark--text_green: #64d97b;
|
||||||
|
--theme_dark--text_purple: #d43cc7;
|
||||||
|
--theme_dark--text_red: #d93939;
|
||||||
|
|
||||||
|
--theme_dark--select_red: rgba(216, 57, 46, 0.5);
|
||||||
|
|
||||||
|
--theme_dark--bg_brown: rgb(78, 57, 48);
|
||||||
|
--theme_dark--bg_orange: rgb(136, 80, 48);
|
||||||
|
--theme_dark--bg_yellow: #fbe2287c;
|
||||||
|
--theme_dark--bg_red: rgb(151, 62, 62);
|
||||||
|
|
||||||
|
--theme_dark--line_brown: var(--theme_dark--bg_brown);
|
||||||
|
--theme_dark--line_orange: var(--theme_dark--bg_orange);
|
||||||
|
--theme_dark--line_yellow: var(--theme_dark--bg_yellow);
|
||||||
|
--theme_dark--line_red: var(--theme_dark--bg_red);
|
||||||
|
|
||||||
|
--theme_dark--callout_brown: var(--theme_dark--bg_brown);
|
||||||
|
--theme_dark--callout_orange: var(--theme_dark--bg_orange);
|
||||||
|
--theme_dark--callout_yellow: var(--theme_dark--bg_yellow);
|
||||||
|
--theme_dark--callout_red: var(--theme_dark--bg_red);
|
||||||
|
|
||||||
|
--theme_dark--code_inline-text: #d9cbec;
|
||||||
|
--theme_dark--code_inline-background: #24222c;
|
||||||
|
}
|
||||||
@ -5,123 +5,6 @@
|
|||||||
* under the MIT license
|
* under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
|
||||||
--theme_dark--main: #1e1c26;
|
|
||||||
--theme_dark--sidebar: #24222c;
|
|
||||||
--theme_dark--dragarea: #19181f;
|
|
||||||
|
|
||||||
--theme_dark--font_sans: 'JetBrains Mono';
|
|
||||||
--theme_dark--font_serif: 'JetBrains Mono';
|
|
||||||
--theme_dark--font_mono: 'JetBrains Mono';
|
|
||||||
--theme_dark--font_code: 'JetBrains Mono';
|
|
||||||
|
|
||||||
--theme_dark--scrollbar: #221f29;
|
|
||||||
--theme_dark--scrollbar_hover: #312d3c;
|
|
||||||
|
|
||||||
--theme_dark--card: #24222c;
|
|
||||||
--theme_dark--gallery: rgba(162, 162, 162, 0.01);
|
|
||||||
--theme_dark--table-border: rgba(148, 148, 184, 0.5);
|
|
||||||
--theme_dark--interactive_hover: #282632;
|
|
||||||
|
|
||||||
--theme_dark--selected: #9500ff6b;
|
|
||||||
--theme_dark--primary: rgb(106, 47, 200);
|
|
||||||
--theme_dark--primary_hover: rgb(110, 48, 211);
|
|
||||||
--theme_dark--primary_click: rgb(117, 65, 200);
|
|
||||||
--theme_dark--primary_indicator: rgb(150, 84, 226);
|
|
||||||
|
|
||||||
--theme_dark--option_hover-background: rgb(20, 0, 51);
|
|
||||||
|
|
||||||
--theme_dark--text: rgba(200, 200, 200, 0.8);
|
|
||||||
|
|
||||||
/* 文本颜色 */
|
|
||||||
--theme_dark--text_brown: rgb(177, 144, 131);
|
|
||||||
--theme_dark--text_green: rgb(66, 222, 137);
|
|
||||||
--theme_dark--text_blue: rgb(0, 157, 255);
|
|
||||||
--theme_dark--text_purple: rgb(162, 94, 255);
|
|
||||||
--theme_dark--text_red: rgb(240, 52, 38);
|
|
||||||
|
|
||||||
/* 文本背景色 */
|
|
||||||
--theme_dark--line_gray: rgb(69, 75, 78);
|
|
||||||
--theme_dark--line_brown: rgb(78, 57, 48);
|
|
||||||
--theme_dark--line_orange: rgb(136, 80, 48);
|
|
||||||
--theme_dark--line_yellow: #fbe2287c;
|
|
||||||
--theme_dark--line_red: rgb(151, 62, 62);
|
|
||||||
|
|
||||||
/* 标题色 */
|
|
||||||
--littlepig_dark--h1_text: #c264fe;
|
|
||||||
--littlepig_dark--h2_text: #e2bafe;
|
|
||||||
--littlepig_dark--h3_text: #7b08fa;
|
|
||||||
|
|
||||||
/* todo */
|
|
||||||
--theme_dark--option_active-color: #7b08fa;
|
|
||||||
--theme_dark--option_active-background: #1d1c26;
|
|
||||||
|
|
||||||
/* inline code */
|
|
||||||
--theme_dark--code_inline-text: #e0dfe2;
|
|
||||||
--theme_dark--code_inline-background: rgb(179, 39, 39);
|
|
||||||
--theme_dark--code_function: rgb(179, 146, 240);
|
|
||||||
--theme_dark--code_number: hsl(159, 69%, 39%);
|
|
||||||
|
|
||||||
/* 标签颜色 + 文本背景色 */
|
|
||||||
--theme_dark--bg_gray: rgb(234, 234, 234);
|
|
||||||
--theme_dark--bg_gray-text: rgb(17, 17, 17);
|
|
||||||
--theme_dark--bg_brown: rgb(206, 206, 206);
|
|
||||||
--theme_dark--bg_brown-text: rgb(85, 35, 1);
|
|
||||||
--theme_dark--bg_orange: rgb(254, 214, 155);
|
|
||||||
--theme_dark--bg_orange-text: rgb(199, 110, 0);
|
|
||||||
--theme_dark--bg_yellow: #fcffd8;
|
|
||||||
--theme_dark--bg_yellow-text: #ff8c22;
|
|
||||||
--theme_dark--bg_green: #d5fded;
|
|
||||||
--theme_dark--bg_green-text: #006a00;
|
|
||||||
--theme_dark--bg_blue: #e2f5ff;
|
|
||||||
--theme_dark--bg_blue-text: #00b2ff;
|
|
||||||
--theme_dark--bg_purple: #efe6ff;
|
|
||||||
--theme_dark--bg_purple-text: #8334ff;
|
|
||||||
--theme_dark--bg_pink: #ffe9f1;
|
|
||||||
--theme_dark--bg_pink-text: rgb(255, 0, 127);
|
|
||||||
--theme_dark--bg_red: rgb(251, 228, 228);
|
|
||||||
--theme_dark--bg_red-text: rgb(138, 0, 10);
|
|
||||||
|
|
||||||
--theme_dark--select_gray: rgb(234, 234, 234);
|
|
||||||
--theme_dark--select_gray-text: rgb(17, 17, 17);
|
|
||||||
--theme_dark--select_brown: rgb(206, 206, 206);
|
|
||||||
--theme_dark--select_brown-text: rgb(85, 35, 1);
|
|
||||||
--theme_dark--select_orange: rgb(254, 214, 155);
|
|
||||||
--theme_dark--select_orange-text: rgb(199, 110, 0);
|
|
||||||
--theme_dark--select_yellow: #fcffd8;
|
|
||||||
--theme_dark--select_yellow-text: #ff8c22;
|
|
||||||
--theme_dark--select_green: #d5fded;
|
|
||||||
--theme_dark--select_green-text: #006a00;
|
|
||||||
--theme_dark--select_blue: #e2f5ff;
|
|
||||||
--theme_dark--select_blue-text: #00b2ff;
|
|
||||||
--theme_dark--select_purple: #efe6ff;
|
|
||||||
--theme_dark--select_purple-text: #8334ff;
|
|
||||||
--theme_dark--select_pink: #ffe9f1;
|
|
||||||
--theme_dark--select_pink-text: rgb(255, 0, 127);
|
|
||||||
--theme_dark--select_red: rgb(251, 228, 228);
|
|
||||||
--theme_dark--select_red-text: rgb(138, 0, 10);
|
|
||||||
|
|
||||||
/* callout 颜色 */
|
|
||||||
--theme_dark--callout_gray: #e2e3e5;
|
|
||||||
--theme_dark--callout_gray-text: #383d41;
|
|
||||||
--theme_dark--callout_brown: rgb(130, 118, 111);
|
|
||||||
--theme_dark--callout_brown-text: rgb(85, 35, 1);
|
|
||||||
--theme_dark--callout_orange: rgb(254, 214, 155);
|
|
||||||
--theme_dark--callout_orange-text: rgb(255, 140, 0);
|
|
||||||
--theme_dark--callout_yellow: #fcffd8;
|
|
||||||
--theme_dark--callout_yellow-text: #c76e00;
|
|
||||||
--theme_dark--callout_green: #d4edda;
|
|
||||||
--theme_dark--callout_green-text: #155724;
|
|
||||||
--theme_dark--callout_blue: #cce5ff;
|
|
||||||
--theme_dark--callout_blue-text: #004085;
|
|
||||||
--theme_dark--callout_purple: rgb(199, 178, 230);
|
|
||||||
--theme_dark--callout_purple-text: rgb(90, 49, 148);
|
|
||||||
--theme_dark--callout_pink: rgb(255, 206, 228);
|
|
||||||
--theme_dark--callout_pink-text: rgb(255, 0, 127);
|
|
||||||
--theme_dark--callout_red: #f8d7da;
|
|
||||||
--theme_dark--callout_red-text: #721c24;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* todo 颜色 */
|
/* todo 颜色 */
|
||||||
.notion-body.dark .notion-dark-theme [style*='background: rgb(46, 170, 220)'],
|
.notion-body.dark .notion-dark-theme [style*='background: rgb(46, 170, 220)'],
|
||||||
.notion-body.dark
|
.notion-body.dark
|
||||||
|
|||||||
@ -19,5 +19,4 @@ module.exports = {
|
|||||||
avatar:
|
avatar:
|
||||||
'https://styles.redditmedia.com/t5_110nz4/styles/profileIcon_h1m3b16exoi51.jpg',
|
'https://styles.redditmedia.com/t5_110nz4/styles/profileIcon_h1m3b16exoi51.jpg',
|
||||||
},
|
},
|
||||||
fonts: ['https://dev-cats.github.io/code-snippets/JetBrainsMono.css'],
|
|
||||||
};
|
};
|
||||||
|
|||||||
125
repo/littilepig-dark/variables.css
Normal file
125
repo/littilepig-dark/variables.css
Normal file
@ -0,0 +1,125 @@
|
|||||||
|
/*
|
||||||
|
* littlepig
|
||||||
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
|
||||||
|
* (c) 2020 Lizishan
|
||||||
|
* under the MIT license
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'https://dev-cats.github.io/code-snippets/JetBrainsMono.css';
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--theme_dark--main: #1e1c26;
|
||||||
|
--theme_dark--sidebar: #24222c;
|
||||||
|
--theme_dark--dragarea: #19181f;
|
||||||
|
|
||||||
|
--theme_dark--font_sans: 'JetBrains Mono';
|
||||||
|
--theme_dark--font_serif: 'JetBrains Mono';
|
||||||
|
--theme_dark--font_mono: 'JetBrains Mono';
|
||||||
|
--theme_dark--font_code: 'JetBrains Mono';
|
||||||
|
|
||||||
|
--theme_dark--scrollbar: #221f29;
|
||||||
|
--theme_dark--scrollbar_hover: #312d3c;
|
||||||
|
|
||||||
|
--theme_dark--card: #24222c;
|
||||||
|
--theme_dark--gallery: rgba(162, 162, 162, 0.01);
|
||||||
|
--theme_dark--table-border: rgba(148, 148, 184, 0.5);
|
||||||
|
--theme_dark--interactive_hover: #282632;
|
||||||
|
|
||||||
|
--theme_dark--selected: #9500ff6b;
|
||||||
|
--theme_dark--primary: rgb(106, 47, 200);
|
||||||
|
--theme_dark--primary_hover: rgb(110, 48, 211);
|
||||||
|
--theme_dark--primary_click: rgb(117, 65, 200);
|
||||||
|
--theme_dark--primary_indicator: rgb(150, 84, 226);
|
||||||
|
|
||||||
|
--theme_dark--option_hover-background: rgb(20, 0, 51);
|
||||||
|
|
||||||
|
--theme_dark--text: rgba(200, 200, 200, 0.8);
|
||||||
|
|
||||||
|
/* 文本颜色 */
|
||||||
|
--theme_dark--text_brown: rgb(177, 144, 131);
|
||||||
|
--theme_dark--text_green: rgb(66, 222, 137);
|
||||||
|
--theme_dark--text_blue: rgb(0, 157, 255);
|
||||||
|
--theme_dark--text_purple: rgb(162, 94, 255);
|
||||||
|
--theme_dark--text_red: rgb(240, 52, 38);
|
||||||
|
|
||||||
|
/* 文本背景色 */
|
||||||
|
--theme_dark--line_gray: rgb(69, 75, 78);
|
||||||
|
--theme_dark--line_brown: rgb(78, 57, 48);
|
||||||
|
--theme_dark--line_orange: rgb(136, 80, 48);
|
||||||
|
--theme_dark--line_yellow: #fbe2287c;
|
||||||
|
--theme_dark--line_red: rgb(151, 62, 62);
|
||||||
|
|
||||||
|
/* 标题色 */
|
||||||
|
--littlepig_dark--h1_text: #c264fe;
|
||||||
|
--littlepig_dark--h2_text: #e2bafe;
|
||||||
|
--littlepig_dark--h3_text: #7b08fa;
|
||||||
|
|
||||||
|
/* todo */
|
||||||
|
--theme_dark--option_active-color: #7b08fa;
|
||||||
|
--theme_dark--option_active-background: #1d1c26;
|
||||||
|
|
||||||
|
/* inline code */
|
||||||
|
--theme_dark--code_inline-text: #e0dfe2;
|
||||||
|
--theme_dark--code_inline-background: rgb(179, 39, 39);
|
||||||
|
--theme_dark--code_function: rgb(179, 146, 240);
|
||||||
|
--theme_dark--code_number: hsl(159, 69%, 39%);
|
||||||
|
|
||||||
|
/* 标签颜色 + 文本背景色 */
|
||||||
|
--theme_dark--bg_gray: rgb(234, 234, 234);
|
||||||
|
--theme_dark--bg_gray-text: rgb(17, 17, 17);
|
||||||
|
--theme_dark--bg_brown: rgb(206, 206, 206);
|
||||||
|
--theme_dark--bg_brown-text: rgb(85, 35, 1);
|
||||||
|
--theme_dark--bg_orange: rgb(254, 214, 155);
|
||||||
|
--theme_dark--bg_orange-text: rgb(199, 110, 0);
|
||||||
|
--theme_dark--bg_yellow: #fcffd8;
|
||||||
|
--theme_dark--bg_yellow-text: #ff8c22;
|
||||||
|
--theme_dark--bg_green: #d5fded;
|
||||||
|
--theme_dark--bg_green-text: #006a00;
|
||||||
|
--theme_dark--bg_blue: #e2f5ff;
|
||||||
|
--theme_dark--bg_blue-text: #00b2ff;
|
||||||
|
--theme_dark--bg_purple: #efe6ff;
|
||||||
|
--theme_dark--bg_purple-text: #8334ff;
|
||||||
|
--theme_dark--bg_pink: #ffe9f1;
|
||||||
|
--theme_dark--bg_pink-text: rgb(255, 0, 127);
|
||||||
|
--theme_dark--bg_red: rgb(251, 228, 228);
|
||||||
|
--theme_dark--bg_red-text: rgb(138, 0, 10);
|
||||||
|
|
||||||
|
--theme_dark--select_gray: rgb(234, 234, 234);
|
||||||
|
--theme_dark--select_gray-text: rgb(17, 17, 17);
|
||||||
|
--theme_dark--select_brown: rgb(206, 206, 206);
|
||||||
|
--theme_dark--select_brown-text: rgb(85, 35, 1);
|
||||||
|
--theme_dark--select_orange: rgb(254, 214, 155);
|
||||||
|
--theme_dark--select_orange-text: rgb(199, 110, 0);
|
||||||
|
--theme_dark--select_yellow: #fcffd8;
|
||||||
|
--theme_dark--select_yellow-text: #ff8c22;
|
||||||
|
--theme_dark--select_green: #d5fded;
|
||||||
|
--theme_dark--select_green-text: #006a00;
|
||||||
|
--theme_dark--select_blue: #e2f5ff;
|
||||||
|
--theme_dark--select_blue-text: #00b2ff;
|
||||||
|
--theme_dark--select_purple: #efe6ff;
|
||||||
|
--theme_dark--select_purple-text: #8334ff;
|
||||||
|
--theme_dark--select_pink: #ffe9f1;
|
||||||
|
--theme_dark--select_pink-text: rgb(255, 0, 127);
|
||||||
|
--theme_dark--select_red: rgb(251, 228, 228);
|
||||||
|
--theme_dark--select_red-text: rgb(138, 0, 10);
|
||||||
|
|
||||||
|
/* callout 颜色 */
|
||||||
|
--theme_dark--callout_gray: #e2e3e5;
|
||||||
|
--theme_dark--callout_gray-text: #383d41;
|
||||||
|
--theme_dark--callout_brown: rgb(130, 118, 111);
|
||||||
|
--theme_dark--callout_brown-text: rgb(85, 35, 1);
|
||||||
|
--theme_dark--callout_orange: rgb(254, 214, 155);
|
||||||
|
--theme_dark--callout_orange-text: rgb(255, 140, 0);
|
||||||
|
--theme_dark--callout_yellow: #fcffd8;
|
||||||
|
--theme_dark--callout_yellow-text: #c76e00;
|
||||||
|
--theme_dark--callout_green: #d4edda;
|
||||||
|
--theme_dark--callout_green-text: #155724;
|
||||||
|
--theme_dark--callout_blue: #cce5ff;
|
||||||
|
--theme_dark--callout_blue-text: #004085;
|
||||||
|
--theme_dark--callout_purple: rgb(199, 178, 230);
|
||||||
|
--theme_dark--callout_purple-text: rgb(90, 49, 148);
|
||||||
|
--theme_dark--callout_pink: rgb(255, 206, 228);
|
||||||
|
--theme_dark--callout_pink-text: rgb(255, 0, 127);
|
||||||
|
--theme_dark--callout_red: #f8d7da;
|
||||||
|
--theme_dark--callout_red-text: #721c24;
|
||||||
|
}
|
||||||
@ -5,102 +5,6 @@
|
|||||||
* under the MIT license
|
* under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
|
||||||
--theme_light--font_sans: 'JetBrains Mono';
|
|
||||||
--theme_light--font_serif: 'JetBrains Mono';
|
|
||||||
--theme_light--font_mono: 'JetBrains Mono';
|
|
||||||
--theme_light--font_code: 'JetBrains Mono';
|
|
||||||
|
|
||||||
--theme_light--selected: rgba(177, 24, 24, 0.22);
|
|
||||||
--theme_light--primary: rgb(177, 24, 24);
|
|
||||||
--theme_light--primary_hover: rgb(202, 26, 26);
|
|
||||||
--theme_light--primary_click: rgb(219, 41, 41);
|
|
||||||
--theme_light--primary_indicator: rgb(202, 26, 26);
|
|
||||||
|
|
||||||
/* 文本颜色 */
|
|
||||||
--theme_light--text_gray: rgba(151, 154, 155, 0.95);
|
|
||||||
--theme_light--text_brown: rgb(167, 126, 100);
|
|
||||||
--theme_light--text_orange: rgb(255, 134, 0);
|
|
||||||
--theme_light--text_yellow: rgb(255, 195, 0);
|
|
||||||
--theme_light--text_green: rgb(0, 171, 0);
|
|
||||||
--theme_light--text_blue: rgb(0, 121, 255);
|
|
||||||
--theme_light--text_purple: rgb(126, 0, 255);
|
|
||||||
--theme_light--text_pink: rgb(255, 0, 208);
|
|
||||||
--theme_light--text_red: rgb(255, 0, 0);
|
|
||||||
|
|
||||||
/* 文本背景色 */
|
|
||||||
--theme_light--bg_gray: rgb(234, 234, 234);
|
|
||||||
--theme_light--bg_gray-text: rgb(17, 17, 17);
|
|
||||||
--theme_light--bg_brown: rgb(206, 206, 206);
|
|
||||||
--theme_light--bg_brown-text: rgb(85, 35, 1);
|
|
||||||
--theme_light--bg_orange: rgb(254, 214, 155);
|
|
||||||
--theme_light--bg_orange-text: rgb(199, 110, 0);
|
|
||||||
--theme_light--bg_yellow: #fcffd8;
|
|
||||||
--theme_light--bg_yellow-text: #ff8c22;
|
|
||||||
--theme_light--bg_green: #d5fded;
|
|
||||||
--theme_light--bg_green-text: #006a00;
|
|
||||||
--theme_light--bg_blue: #e2f5ff;
|
|
||||||
--theme_light--bg_blue-text: #00b2ff;
|
|
||||||
--theme_light--bg_purple: #efe6ff;
|
|
||||||
--theme_light--bg_purple-text: #8334ff;
|
|
||||||
--theme_light--bg_pink: #ffe9f1;
|
|
||||||
--theme_light--bg_pink-text: rgb(255, 0, 127);
|
|
||||||
--theme_light--bg_red: rgb(248, 215, 218);
|
|
||||||
--theme_light--bg_red-text: rgb(138, 0, 10);
|
|
||||||
|
|
||||||
--theme_light--select_gray: rgb(234, 234, 234);
|
|
||||||
--theme_light--select_gray-text: rgb(17, 17, 17);
|
|
||||||
--theme_light--select_brown: rgb(206, 206, 206);
|
|
||||||
--theme_light--select_brown-text: rgb(85, 35, 1);
|
|
||||||
--theme_light--select_orange: rgb(254, 214, 155);
|
|
||||||
--theme_light--select_orange-text: rgb(199, 110, 0);
|
|
||||||
--theme_light--select_yellow: #fcffd8;
|
|
||||||
--theme_light--select_yellow-text: #ff8c22;
|
|
||||||
--theme_light--select_green: #d5fded;
|
|
||||||
--theme_light--select_green-text: #006a00;
|
|
||||||
--theme_light--select_blue: #e2f5ff;
|
|
||||||
--theme_light--select_blue-text: #00b2ff;
|
|
||||||
--theme_light--select_purple: #efe6ff;
|
|
||||||
--theme_light--select_purple-text: #8334ff;
|
|
||||||
--theme_light--select_pink: #ffe9f1;
|
|
||||||
--theme_light--select_pink-text: rgb(255, 0, 127);
|
|
||||||
--theme_light--select_red: rgb(248, 215, 218);
|
|
||||||
--theme_light--select_red-text: rgb(138, 0, 10);
|
|
||||||
|
|
||||||
/* 标题色 */
|
|
||||||
--littlepig_light--h1_text: #008800;
|
|
||||||
--littlepig_light--h2_text: #006a00;
|
|
||||||
--littlepig_light--h3_text: #003e00;
|
|
||||||
|
|
||||||
/* todo */
|
|
||||||
--theme_light--option_active-color: #008800;
|
|
||||||
--theme_light--option_active-background: #ffffff;
|
|
||||||
|
|
||||||
/* inline code */
|
|
||||||
--theme_light--code_inline-text: #e0dfe2;
|
|
||||||
--theme_light--code_inline-background: rgb(179, 39, 39);
|
|
||||||
|
|
||||||
/* callout 颜色 */
|
|
||||||
--theme_light--callout_gray: #e2e3e5;
|
|
||||||
--theme_light--callout_gray-text: #383d41;
|
|
||||||
--theme_light--callout_brown: rgb(130, 118, 111);
|
|
||||||
--theme_light--callout_brown-text: rgb(85, 35, 1);
|
|
||||||
--theme_light--callout_orange: rgb(254, 214, 155);
|
|
||||||
--theme_light--callout_orange-text: rgb(255, 140, 0);
|
|
||||||
--theme_light--callout_yellow: #fcffd8;
|
|
||||||
--theme_light--callout_yellow-text: #c76e00;
|
|
||||||
--theme_light--callout_green: #d4edda;
|
|
||||||
--theme_light--callout_green-text: #155724;
|
|
||||||
--theme_light--callout_blue: #cce5ff;
|
|
||||||
--theme_light--callout_blue-text: #004085;
|
|
||||||
--theme_light--callout_purple: rgb(199, 178, 230);
|
|
||||||
--theme_light--callout_purple-text: rgb(90, 49, 148);
|
|
||||||
--theme_light--callout_pink: rgb(255, 206, 228);
|
|
||||||
--theme_light--callout_pink-text: rgb(255, 0, 127);
|
|
||||||
--theme_light--callout_red: #f8d7da;
|
|
||||||
--theme_light--callout_red-text: #721c24;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* todo 颜色 */
|
/* todo 颜色 */
|
||||||
.notion-body:not(.dark)
|
.notion-body:not(.dark)
|
||||||
.notion-light-theme
|
.notion-light-theme
|
||||||
|
|||||||
@ -19,5 +19,4 @@ module.exports = {
|
|||||||
avatar:
|
avatar:
|
||||||
'https://styles.redditmedia.com/t5_110nz4/styles/profileIcon_h1m3b16exoi51.jpg',
|
'https://styles.redditmedia.com/t5_110nz4/styles/profileIcon_h1m3b16exoi51.jpg',
|
||||||
},
|
},
|
||||||
fonts: ['https://dev-cats.github.io/code-snippets/JetBrainsMono.css'],
|
|
||||||
};
|
};
|
||||||
|
|||||||
104
repo/littlepig-light/variables.css
Normal file
104
repo/littlepig-light/variables.css
Normal file
@ -0,0 +1,104 @@
|
|||||||
|
/*
|
||||||
|
* littlepig
|
||||||
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
|
||||||
|
* (c) 2020 Lizishan
|
||||||
|
* under the MIT license
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'https://dev-cats.github.io/code-snippets/JetBrainsMono.css';
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--theme_light--font_sans: 'JetBrains Mono';
|
||||||
|
--theme_light--font_serif: 'JetBrains Mono';
|
||||||
|
--theme_light--font_mono: 'JetBrains Mono';
|
||||||
|
--theme_light--font_code: 'JetBrains Mono';
|
||||||
|
|
||||||
|
--theme_light--selected: rgba(177, 24, 24, 0.22);
|
||||||
|
--theme_light--primary: rgb(177, 24, 24);
|
||||||
|
--theme_light--primary_hover: rgb(202, 26, 26);
|
||||||
|
--theme_light--primary_click: rgb(219, 41, 41);
|
||||||
|
--theme_light--primary_indicator: rgb(202, 26, 26);
|
||||||
|
|
||||||
|
/* 文本颜色 */
|
||||||
|
--theme_light--text_gray: rgba(151, 154, 155, 0.95);
|
||||||
|
--theme_light--text_brown: rgb(167, 126, 100);
|
||||||
|
--theme_light--text_orange: rgb(255, 134, 0);
|
||||||
|
--theme_light--text_yellow: rgb(255, 195, 0);
|
||||||
|
--theme_light--text_green: rgb(0, 171, 0);
|
||||||
|
--theme_light--text_blue: rgb(0, 121, 255);
|
||||||
|
--theme_light--text_purple: rgb(126, 0, 255);
|
||||||
|
--theme_light--text_pink: rgb(255, 0, 208);
|
||||||
|
--theme_light--text_red: rgb(255, 0, 0);
|
||||||
|
|
||||||
|
/* 文本背景色 */
|
||||||
|
--theme_light--bg_gray: rgb(234, 234, 234);
|
||||||
|
--theme_light--bg_gray-text: rgb(17, 17, 17);
|
||||||
|
--theme_light--bg_brown: rgb(206, 206, 206);
|
||||||
|
--theme_light--bg_brown-text: rgb(85, 35, 1);
|
||||||
|
--theme_light--bg_orange: rgb(254, 214, 155);
|
||||||
|
--theme_light--bg_orange-text: rgb(199, 110, 0);
|
||||||
|
--theme_light--bg_yellow: #fcffd8;
|
||||||
|
--theme_light--bg_yellow-text: #ff8c22;
|
||||||
|
--theme_light--bg_green: #d5fded;
|
||||||
|
--theme_light--bg_green-text: #006a00;
|
||||||
|
--theme_light--bg_blue: #e2f5ff;
|
||||||
|
--theme_light--bg_blue-text: #00b2ff;
|
||||||
|
--theme_light--bg_purple: #efe6ff;
|
||||||
|
--theme_light--bg_purple-text: #8334ff;
|
||||||
|
--theme_light--bg_pink: #ffe9f1;
|
||||||
|
--theme_light--bg_pink-text: rgb(255, 0, 127);
|
||||||
|
--theme_light--bg_red: rgb(248, 215, 218);
|
||||||
|
--theme_light--bg_red-text: rgb(138, 0, 10);
|
||||||
|
|
||||||
|
--theme_light--select_gray: rgb(234, 234, 234);
|
||||||
|
--theme_light--select_gray-text: rgb(17, 17, 17);
|
||||||
|
--theme_light--select_brown: rgb(206, 206, 206);
|
||||||
|
--theme_light--select_brown-text: rgb(85, 35, 1);
|
||||||
|
--theme_light--select_orange: rgb(254, 214, 155);
|
||||||
|
--theme_light--select_orange-text: rgb(199, 110, 0);
|
||||||
|
--theme_light--select_yellow: #fcffd8;
|
||||||
|
--theme_light--select_yellow-text: #ff8c22;
|
||||||
|
--theme_light--select_green: #d5fded;
|
||||||
|
--theme_light--select_green-text: #006a00;
|
||||||
|
--theme_light--select_blue: #e2f5ff;
|
||||||
|
--theme_light--select_blue-text: #00b2ff;
|
||||||
|
--theme_light--select_purple: #efe6ff;
|
||||||
|
--theme_light--select_purple-text: #8334ff;
|
||||||
|
--theme_light--select_pink: #ffe9f1;
|
||||||
|
--theme_light--select_pink-text: rgb(255, 0, 127);
|
||||||
|
--theme_light--select_red: rgb(248, 215, 218);
|
||||||
|
--theme_light--select_red-text: rgb(138, 0, 10);
|
||||||
|
|
||||||
|
/* 标题色 */
|
||||||
|
--littlepig_light--h1_text: #008800;
|
||||||
|
--littlepig_light--h2_text: #006a00;
|
||||||
|
--littlepig_light--h3_text: #003e00;
|
||||||
|
|
||||||
|
/* todo */
|
||||||
|
--theme_light--option_active-color: #008800;
|
||||||
|
--theme_light--option_active-background: #ffffff;
|
||||||
|
|
||||||
|
/* inline code */
|
||||||
|
--theme_light--code_inline-text: #e0dfe2;
|
||||||
|
--theme_light--code_inline-background: rgb(179, 39, 39);
|
||||||
|
|
||||||
|
/* callout 颜色 */
|
||||||
|
--theme_light--callout_gray: #e2e3e5;
|
||||||
|
--theme_light--callout_gray-text: #383d41;
|
||||||
|
--theme_light--callout_brown: rgb(130, 118, 111);
|
||||||
|
--theme_light--callout_brown-text: rgb(85, 35, 1);
|
||||||
|
--theme_light--callout_orange: rgb(254, 214, 155);
|
||||||
|
--theme_light--callout_orange-text: rgb(255, 140, 0);
|
||||||
|
--theme_light--callout_yellow: #fcffd8;
|
||||||
|
--theme_light--callout_yellow-text: #c76e00;
|
||||||
|
--theme_light--callout_green: #d4edda;
|
||||||
|
--theme_light--callout_green-text: #155724;
|
||||||
|
--theme_light--callout_blue: #cce5ff;
|
||||||
|
--theme_light--callout_blue-text: #004085;
|
||||||
|
--theme_light--callout_purple: rgb(199, 178, 230);
|
||||||
|
--theme_light--callout_purple-text: rgb(90, 49, 148);
|
||||||
|
--theme_light--callout_pink: rgb(255, 206, 228);
|
||||||
|
--theme_light--callout_pink-text: rgb(255, 0, 127);
|
||||||
|
--theme_light--callout_red: #f8d7da;
|
||||||
|
--theme_light--callout_red-text: #721c24;
|
||||||
|
}
|
||||||
@ -5,148 +5,12 @@
|
|||||||
* under the MIT license
|
* under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
|
||||||
/** dark **/
|
|
||||||
|
|
||||||
--theme_dark--main: #131313;
|
|
||||||
--theme_dark--sidebar: #161616;
|
|
||||||
--theme_dark--overlay: rgba(15, 15, 15, 0.6);
|
|
||||||
--theme_dark--dragarea: #111111;
|
|
||||||
--theme_dark--box-shadow: rgba(15, 15, 15, 0.5) 0px 0px 0px 1px,
|
|
||||||
rgba(15, 15, 15, 0.5) 0px 2px 4px;
|
|
||||||
|
|
||||||
--theme_dark--font_sans: 'Inter', -apple-system, BlinkMacSystemFont,
|
|
||||||
'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif,
|
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
||||||
--theme_dark--font_mono: 'Roboto Mono', iawriter-mono, Nitti, Menlo, Courier,
|
|
||||||
monospace;
|
|
||||||
--theme_dark--font_code: 'Roboto Mono', SFMono-Regular, Consolas,
|
|
||||||
'Liberation Mono', Menlo, Courier, monospace;
|
|
||||||
|
|
||||||
/* 1.3 supreme ratio. https://www.modularscale.com/ */
|
|
||||||
--theme_dark--font_title-size: 33px;
|
|
||||||
--theme_dark--font_heading1-size: 2.2em;
|
|
||||||
--theme_dark--font_heading2-size: 1.687em;
|
|
||||||
--theme_dark--font_heading3-size: 1.3em;
|
|
||||||
--theme_dark--font_label-size: 14px;
|
|
||||||
--theme_dark--font_body-size: 15px;
|
|
||||||
--theme_dark--font_body-size_small: 13.5px;
|
|
||||||
--theme_dark--font_code-size: 0.9em;
|
|
||||||
--theme_dark--font_sidebar-size: 14px;
|
|
||||||
|
|
||||||
--theme_dark--scrollbar: #232425;
|
|
||||||
--theme_dark--scrollbar-border: transparent;
|
|
||||||
--theme_dark--scrollbar_hover: #373838;
|
|
||||||
|
|
||||||
--theme_dark--card: #181818;
|
|
||||||
--theme_dark--gallery: rgba(105, 105, 105, 0.05);
|
|
||||||
--theme_dark--select_input: #1d1d1d;
|
|
||||||
--theme_dark--table-border: rgba(78, 78, 78, 0.7);
|
|
||||||
--theme_dark--ui-border: var(--theme_dark--table-border);
|
|
||||||
--theme_dark--interactive_hover: rgb(29, 29, 29);
|
|
||||||
|
|
||||||
--theme_dark--selected: #52525244;
|
|
||||||
--theme_dark--primary: #404040;
|
|
||||||
--theme_dark--primary_hover: #6d6d6d;
|
|
||||||
--theme_dark--primary_click: #cacaca;
|
|
||||||
--theme_dark--primary_indicator: #6d6d6d;
|
|
||||||
|
|
||||||
--theme_dark--option_hover-background: #484848;
|
|
||||||
|
|
||||||
--theme_dark--danger_text: #ce535f;
|
|
||||||
--theme_dark--danger_border: #8c3d3d;
|
|
||||||
|
|
||||||
--theme_dark--text: #dadada;
|
|
||||||
--theme_dark--text_ui: #dadadad0;
|
|
||||||
--theme_dark--text_ui_info: #dadadab4;
|
|
||||||
|
|
||||||
--theme_dark--text_gray: #858585;
|
|
||||||
--theme_dark--text_brown: #484848;
|
|
||||||
--theme_dark--text_orange: #ec9873;
|
|
||||||
--theme_dark--text_yellow: #e2c06f;
|
|
||||||
--theme_dark--text_green: #92b178;
|
|
||||||
--theme_dark--text_blue: #719cca;
|
|
||||||
--theme_dark--text_purple: #ab82bb;
|
|
||||||
--theme_dark--text_pink: #d285aa;
|
|
||||||
--theme_dark--text_red: #ce535f;
|
|
||||||
|
|
||||||
--theme_dark--bg_gray: #585858;
|
|
||||||
--theme_dark--bg_brown: #333333;
|
|
||||||
--theme_dark--bg_orange: #9a5a3f;
|
|
||||||
--theme_dark--bg_yellow: #b58a46;
|
|
||||||
--theme_dark--bg_green: #657953;
|
|
||||||
--theme_dark--bg_blue: #355475;
|
|
||||||
--theme_dark--bg_purple: #775186;
|
|
||||||
--theme_dark--bg_pink: #8e4b63;
|
|
||||||
--theme_dark--bg_red: #8c3d3d;
|
|
||||||
|
|
||||||
--theme_dark--line_gray: #585858;
|
|
||||||
--theme_dark--line_brown: #333333;
|
|
||||||
--theme_dark--line_orange: #9a5a3f;
|
|
||||||
--theme_dark--line_yellow: #b58a46;
|
|
||||||
--theme_dark--line_green: #657953;
|
|
||||||
--theme_dark--line_blue: #355475;
|
|
||||||
--theme_dark--line_purple: #775186;
|
|
||||||
--theme_dark--line_pink: #8e4b63;
|
|
||||||
--theme_dark--line_red: #8c3d3d;
|
|
||||||
|
|
||||||
--theme_dark--select_gray: var(--theme_dark--bg_gray);
|
|
||||||
--theme_dark--select_brown: var(--theme_dark--bg_brown);
|
|
||||||
--theme_dark--select_orange: var(--theme_dark--bg_orange);
|
|
||||||
--theme_dark--select_yellow: var(--theme_dark--bg_yellow);
|
|
||||||
--theme_dark--select_green: var(--theme_dark--bg_green);
|
|
||||||
--theme_dark--select_blue: var(--theme_dark--bg_blue);
|
|
||||||
--theme_dark--select_purple: var(--theme_dark--bg_purple);
|
|
||||||
--theme_dark--select_pink: var(--theme_dark--bg_pink);
|
|
||||||
--theme_dark--select_red: var(--theme_dark--bg_red);
|
|
||||||
|
|
||||||
--theme_dark--callout_gray: rgba(88, 88, 88, 0.175);
|
|
||||||
--theme_dark--callout_brown: rgb(51, 51, 51, 0.175);
|
|
||||||
--theme_dark--callout_orange: rgb(154, 90, 63, 0.175);
|
|
||||||
--theme_dark--callout_yellow: rgb(181, 138, 70, 0.175);
|
|
||||||
--theme_dark--callout_green: rgb(101, 121, 83, 0.175);
|
|
||||||
--theme_dark--callout_blue: rgb(53, 84, 117, 0.175);
|
|
||||||
--theme_dark--callout_purple: rgb(119, 81, 134, 0.175);
|
|
||||||
--theme_dark--callout_pink: rgb(142, 75, 99, 0.175);
|
|
||||||
--theme_dark--callout_red: rgb(140, 61, 61, 0.175);
|
|
||||||
|
|
||||||
--theme_dark--code_inline-text: var(--theme_dark--text);
|
|
||||||
--theme_dark--code_inline-background: #333333;
|
|
||||||
--theme_dark--code-text: var(--theme_dark--text);
|
|
||||||
--theme_dark--code-background: #0e0e0e;
|
|
||||||
--theme_dark--code_function: var(--theme_dark--text_blue);
|
|
||||||
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_property: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_comment: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_punctuation: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_doctype: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_number: var(--theme_dark--text_purple);
|
|
||||||
--theme_dark--code_string: var(--theme_dark--text_orange);
|
|
||||||
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
|
||||||
}
|
|
||||||
|
|
||||||
.notion-dark-theme [placeholder='Heading 1'],
|
.notion-dark-theme [placeholder='Heading 1'],
|
||||||
.notion-dark-theme [placeholder='Heading 2'],
|
.notion-dark-theme [placeholder='Heading 2'],
|
||||||
.notion-dark-theme [placeholder='Heading 3'] {
|
.notion-dark-theme [placeholder='Heading 3'] {
|
||||||
padding: 3px 1px !important;
|
padding: 3px 1px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* commented out for the time being because they mess with the + :: */
|
|
||||||
/* .notion-quote-block {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-right: 2px;
|
|
||||||
padding-bottom: 12px;
|
|
||||||
padding-left: 2px;
|
|
||||||
}
|
|
||||||
.notion-selectable.notion-text-block {
|
|
||||||
padding-top: 5px !important;
|
|
||||||
} */
|
|
||||||
|
|
||||||
/* hide sidebar "new page" button */
|
/* hide sidebar "new page" button */
|
||||||
.notion-dark-theme
|
.notion-dark-theme
|
||||||
.notion-sidebar
|
.notion-sidebar
|
||||||
|
|||||||
@ -14,8 +14,4 @@ module.exports = {
|
|||||||
desc: 'smoother colours and fonts, designed to be more pleasing to the eye.',
|
desc: 'smoother colours and fonts, designed to be more pleasing to the eye.',
|
||||||
version: '0.1.4',
|
version: '0.1.4',
|
||||||
author: 'arecsu',
|
author: 'arecsu',
|
||||||
fonts: [
|
|
||||||
'https://rsms.me/inter/inter.css',
|
|
||||||
'https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap',
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
|
|||||||
134
repo/neutral/variables.css
Normal file
134
repo/neutral/variables.css
Normal file
@ -0,0 +1,134 @@
|
|||||||
|
/*
|
||||||
|
* neutral
|
||||||
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
|
* (c) 2020 Arecsu
|
||||||
|
* under the MIT license
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'https://rsms.me/inter/inter.css';
|
||||||
|
@import 'https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap';
|
||||||
|
|
||||||
|
:root {
|
||||||
|
/** dark **/
|
||||||
|
|
||||||
|
--theme_dark--main: #131313;
|
||||||
|
--theme_dark--sidebar: #161616;
|
||||||
|
--theme_dark--overlay: rgba(15, 15, 15, 0.6);
|
||||||
|
--theme_dark--dragarea: #111111;
|
||||||
|
--theme_dark--box-shadow: rgba(15, 15, 15, 0.5) 0px 0px 0px 1px,
|
||||||
|
rgba(15, 15, 15, 0.5) 0px 2px 4px;
|
||||||
|
|
||||||
|
--theme_dark--font_sans: 'Inter', -apple-system, BlinkMacSystemFont,
|
||||||
|
'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif,
|
||||||
|
'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||||
|
--theme_dark--font_mono: 'Roboto Mono', iawriter-mono, Nitti, Menlo, Courier,
|
||||||
|
monospace;
|
||||||
|
--theme_dark--font_code: 'Roboto Mono', SFMono-Regular, Consolas,
|
||||||
|
'Liberation Mono', Menlo, Courier, monospace;
|
||||||
|
|
||||||
|
/* 1.3 supreme ratio. https://www.modularscale.com/ */
|
||||||
|
--theme_dark--font_title-size: 33px;
|
||||||
|
--theme_dark--font_heading1-size: 2.2em;
|
||||||
|
--theme_dark--font_heading2-size: 1.687em;
|
||||||
|
--theme_dark--font_heading3-size: 1.3em;
|
||||||
|
--theme_dark--font_label-size: 14px;
|
||||||
|
--theme_dark--font_body-size: 15px;
|
||||||
|
--theme_dark--font_body-size_small: 13.5px;
|
||||||
|
--theme_dark--font_code-size: 0.9em;
|
||||||
|
--theme_dark--font_sidebar-size: 14px;
|
||||||
|
|
||||||
|
--theme_dark--scrollbar: #232425;
|
||||||
|
--theme_dark--scrollbar-border: transparent;
|
||||||
|
--theme_dark--scrollbar_hover: #373838;
|
||||||
|
|
||||||
|
--theme_dark--card: #181818;
|
||||||
|
--theme_dark--gallery: rgba(105, 105, 105, 0.05);
|
||||||
|
--theme_dark--select_input: #1d1d1d;
|
||||||
|
--theme_dark--table-border: rgba(78, 78, 78, 0.7);
|
||||||
|
--theme_dark--ui-border: var(--theme_dark--table-border);
|
||||||
|
--theme_dark--interactive_hover: rgb(29, 29, 29);
|
||||||
|
|
||||||
|
--theme_dark--selected: #52525244;
|
||||||
|
--theme_dark--primary: #404040;
|
||||||
|
--theme_dark--primary_hover: #6d6d6d;
|
||||||
|
--theme_dark--primary_click: #cacaca;
|
||||||
|
--theme_dark--primary_indicator: #6d6d6d;
|
||||||
|
|
||||||
|
--theme_dark--option_hover-background: #484848;
|
||||||
|
|
||||||
|
--theme_dark--danger_text: #ce535f;
|
||||||
|
--theme_dark--danger_border: #8c3d3d;
|
||||||
|
|
||||||
|
--theme_dark--text: #dadada;
|
||||||
|
--theme_dark--text_ui: #dadadad0;
|
||||||
|
--theme_dark--text_ui_info: #dadadab4;
|
||||||
|
|
||||||
|
--theme_dark--text_gray: #858585;
|
||||||
|
--theme_dark--text_brown: #484848;
|
||||||
|
--theme_dark--text_orange: #ec9873;
|
||||||
|
--theme_dark--text_yellow: #e2c06f;
|
||||||
|
--theme_dark--text_green: #92b178;
|
||||||
|
--theme_dark--text_blue: #719cca;
|
||||||
|
--theme_dark--text_purple: #ab82bb;
|
||||||
|
--theme_dark--text_pink: #d285aa;
|
||||||
|
--theme_dark--text_red: #ce535f;
|
||||||
|
|
||||||
|
--theme_dark--bg_gray: #585858;
|
||||||
|
--theme_dark--bg_brown: #333333;
|
||||||
|
--theme_dark--bg_orange: #9a5a3f;
|
||||||
|
--theme_dark--bg_yellow: #b58a46;
|
||||||
|
--theme_dark--bg_green: #657953;
|
||||||
|
--theme_dark--bg_blue: #355475;
|
||||||
|
--theme_dark--bg_purple: #775186;
|
||||||
|
--theme_dark--bg_pink: #8e4b63;
|
||||||
|
--theme_dark--bg_red: #8c3d3d;
|
||||||
|
|
||||||
|
--theme_dark--line_gray: #585858;
|
||||||
|
--theme_dark--line_brown: #333333;
|
||||||
|
--theme_dark--line_orange: #9a5a3f;
|
||||||
|
--theme_dark--line_yellow: #b58a46;
|
||||||
|
--theme_dark--line_green: #657953;
|
||||||
|
--theme_dark--line_blue: #355475;
|
||||||
|
--theme_dark--line_purple: #775186;
|
||||||
|
--theme_dark--line_pink: #8e4b63;
|
||||||
|
--theme_dark--line_red: #8c3d3d;
|
||||||
|
|
||||||
|
--theme_dark--select_gray: var(--theme_dark--bg_gray);
|
||||||
|
--theme_dark--select_brown: var(--theme_dark--bg_brown);
|
||||||
|
--theme_dark--select_orange: var(--theme_dark--bg_orange);
|
||||||
|
--theme_dark--select_yellow: var(--theme_dark--bg_yellow);
|
||||||
|
--theme_dark--select_green: var(--theme_dark--bg_green);
|
||||||
|
--theme_dark--select_blue: var(--theme_dark--bg_blue);
|
||||||
|
--theme_dark--select_purple: var(--theme_dark--bg_purple);
|
||||||
|
--theme_dark--select_pink: var(--theme_dark--bg_pink);
|
||||||
|
--theme_dark--select_red: var(--theme_dark--bg_red);
|
||||||
|
|
||||||
|
--theme_dark--callout_gray: rgba(88, 88, 88, 0.175);
|
||||||
|
--theme_dark--callout_brown: rgb(51, 51, 51, 0.175);
|
||||||
|
--theme_dark--callout_orange: rgb(154, 90, 63, 0.175);
|
||||||
|
--theme_dark--callout_yellow: rgb(181, 138, 70, 0.175);
|
||||||
|
--theme_dark--callout_green: rgb(101, 121, 83, 0.175);
|
||||||
|
--theme_dark--callout_blue: rgb(53, 84, 117, 0.175);
|
||||||
|
--theme_dark--callout_purple: rgb(119, 81, 134, 0.175);
|
||||||
|
--theme_dark--callout_pink: rgb(142, 75, 99, 0.175);
|
||||||
|
--theme_dark--callout_red: rgb(140, 61, 61, 0.175);
|
||||||
|
|
||||||
|
--theme_dark--code_inline-text: var(--theme_dark--text);
|
||||||
|
--theme_dark--code_inline-background: #333333;
|
||||||
|
--theme_dark--code-text: var(--theme_dark--text);
|
||||||
|
--theme_dark--code-background: #0e0e0e;
|
||||||
|
--theme_dark--code_function: var(--theme_dark--text_blue);
|
||||||
|
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_property: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_comment: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_punctuation: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_doctype: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_number: var(--theme_dark--text_purple);
|
||||||
|
--theme_dark--code_string: var(--theme_dark--text_orange);
|
||||||
|
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
||||||
|
}
|
||||||
@ -5,117 +5,6 @@
|
|||||||
* under the MIT license
|
* under the MIT license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
|
||||||
--theme_dark--main: #0b0b0b;
|
|
||||||
--theme_dark--sidebar: #0f0f0f;
|
|
||||||
--theme_dark--overlay: rgba(15, 15, 15, 0.6);
|
|
||||||
--theme_dark--dragarea: #0d0d0d;
|
|
||||||
|
|
||||||
--theme_dark--font_sans: 'Inter', -apple-system, BlinkMacSystemFont,
|
|
||||||
'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif,
|
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
||||||
|
|
||||||
--theme_dark--scrollbar: #141414;
|
|
||||||
--theme_dark--scrollbar_hover: #1b1b1b;
|
|
||||||
|
|
||||||
--theme_dark--card: #0f0f0f;
|
|
||||||
--theme_dark--gallery: rgba(8, 8, 8, 0.05);
|
|
||||||
--theme_dark--select_input: #0d0d0d;
|
|
||||||
--theme_dark--table-border: rgba(255, 255, 255, 0.1);
|
|
||||||
--theme_dark--ui-border: var(--theme_dark--table-border);
|
|
||||||
--theme_dark--interactive_hover: #1e1e1e5c;
|
|
||||||
--theme_dark--button_close: #eb5757;
|
|
||||||
|
|
||||||
--theme_dark--selected: rgba(184, 135, 247, 0.3);
|
|
||||||
--theme_dark--primary: #b887f7;
|
|
||||||
--theme_dark--primary_hover: #08d7c2;
|
|
||||||
--theme_dark--primary_click: #b887f7;
|
|
||||||
--theme_dark--primary_indicator: #08d7c2;
|
|
||||||
|
|
||||||
--theme_dark--option_active-background: var(--theme_dark--primary);
|
|
||||||
--theme_dark--option_hover-background: var(--theme_dark--primary_hover);
|
|
||||||
|
|
||||||
--theme_dark--danger_text: #eb5757;
|
|
||||||
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
|
||||||
|
|
||||||
--theme_dark--text: #ffffff;
|
|
||||||
--theme_dark--text_ui: #909090;
|
|
||||||
--theme_dark--text_ui_info: #464646;
|
|
||||||
|
|
||||||
--theme_dark--text_gray: #b1aeab;
|
|
||||||
--theme_dark--text_brown: #d8b6a6;
|
|
||||||
--theme_dark--text_orange: #fde3c0;
|
|
||||||
--theme_dark--text_yellow: #fcde93;
|
|
||||||
--theme_dark--text_green: #b3f5c8;
|
|
||||||
--theme_dark--text_blue: #bfe0fd;
|
|
||||||
--theme_dark--text_purple: #dac7fa;
|
|
||||||
--theme_dark--text_pink: #f7b8dc;
|
|
||||||
--theme_dark--text_red: #f8acb4;
|
|
||||||
|
|
||||||
--theme_dark--bg-text: rgb(55, 53, 47);
|
|
||||||
--theme_dark--bg_gray: #b1aeab;
|
|
||||||
--theme_dark--bg_brown: #d8b6a6;
|
|
||||||
--theme_dark--bg_orange: #fde3c0;
|
|
||||||
--theme_dark--bg_yellow: #fcde93;
|
|
||||||
--theme_dark--bg_green: #b3f5c8;
|
|
||||||
--theme_dark--bg_blue: #bfe0fd;
|
|
||||||
--theme_dark--bg_purple: #dac7fa;
|
|
||||||
--theme_dark--bg_pink: #f7b8dc;
|
|
||||||
--theme_dark--bg_red: #f8acb4;
|
|
||||||
|
|
||||||
--theme_dark--line-text: rgb(34, 34, 34);
|
|
||||||
--theme_dark--line_gray: #c2c1c089;
|
|
||||||
--theme_dark--line_brown: #dacec992;
|
|
||||||
--theme_dark--line_orange: #fff0dc9f;
|
|
||||||
--theme_dark--line_yellow: #ffe6a6ad;
|
|
||||||
--theme_dark--line_green: #c8fdd9a3;
|
|
||||||
--theme_dark--line_blue: #d1e9ffa3;
|
|
||||||
--theme_dark--line_purple: #e3d3ffa8;
|
|
||||||
--theme_dark--line_pink: #fdcce8b1;
|
|
||||||
--theme_dark--line_red: #ffc8ce9e;
|
|
||||||
|
|
||||||
--theme_dark--select-text: var(--theme_dark--bg-text);
|
|
||||||
--theme_dark--select_gray: var(--theme_dark--bg_gray);
|
|
||||||
--theme_dark--select_brown: var(--theme_dark--bg_brown);
|
|
||||||
--theme_dark--select_orange: var(--theme_dark--bg_orange);
|
|
||||||
--theme_dark--select_yellow: var(--theme_dark--bg_yellow);
|
|
||||||
--theme_dark--select_green: var(--theme_dark--bg_green);
|
|
||||||
--theme_dark--select_blue: var(--theme_dark--bg_blue);
|
|
||||||
--theme_dark--select_purple: var(--theme_dark--bg_purple);
|
|
||||||
--theme_dark--select_pink: var(--theme_dark--bg_pink);
|
|
||||||
--theme_dark--select_red: var(--theme_dark--bg_red);
|
|
||||||
|
|
||||||
--theme_dark--callout-text: var(--theme_dark--line-text);
|
|
||||||
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
|
||||||
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
|
||||||
--theme_dark--callout_orange: var(--theme_dark--line_orange);
|
|
||||||
--theme_dark--callout_yellow: var(--theme_dark--line_yellow);
|
|
||||||
--theme_dark--callout_green: var(--theme_dark--line_green);
|
|
||||||
--theme_dark--callout_blue: var(--theme_dark--line_blue);
|
|
||||||
--theme_dark--callout_purple: var(--theme_dark--line_purple);
|
|
||||||
--theme_dark--callout_pink: var(--theme_dark--line_pink);
|
|
||||||
--theme_dark--callout_red: var(--theme_dark--line_red);
|
|
||||||
|
|
||||||
--theme_dark--code_inline-text: #b3f5c8;
|
|
||||||
--theme_dark--code_inline-background: rgb(8, 8, 8);
|
|
||||||
--theme_dark--code-text: var(--theme_dark--text);
|
|
||||||
--theme_dark--code-background: #0f0f0f;
|
|
||||||
--theme_dark--code_function: var(--theme_dark--text_blue);
|
|
||||||
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_property: var(--theme_dark--text_pink);
|
|
||||||
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
|
||||||
--theme_dark--code_comment: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_punctuation: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_doctype: var(--theme_dark--text_gray);
|
|
||||||
--theme_dark--code_number: var(--theme_dark--text_purple);
|
|
||||||
--theme_dark--code_string: var(--theme_dark--text_orange);
|
|
||||||
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
|
||||||
}
|
|
||||||
|
|
||||||
.notion-dark-theme img[src*='/images/onboarding/use-case-note.png'],
|
.notion-dark-theme img[src*='/images/onboarding/use-case-note.png'],
|
||||||
.notion-dark-theme
|
.notion-dark-theme
|
||||||
img[src*='/images/onboarding/team-features-illustration.png'] {
|
img[src*='/images/onboarding/team-features-illustration.png'] {
|
||||||
|
|||||||
@ -18,5 +18,4 @@ module.exports = {
|
|||||||
link: 'https://www.reddit.com/user/zenith_illinois/',
|
link: 'https://www.reddit.com/user/zenith_illinois/',
|
||||||
avatar: 'https://www.redditstatic.com/avatars/avatar_default_18_46A508.png',
|
avatar: 'https://www.redditstatic.com/avatars/avatar_default_18_46A508.png',
|
||||||
},
|
},
|
||||||
fonts: ['https://rsms.me/inter/inter.css'],
|
|
||||||
};
|
};
|
||||||
|
|||||||
119
repo/pastel-dark/variables.css
Normal file
119
repo/pastel-dark/variables.css
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
/*
|
||||||
|
* pastel dark
|
||||||
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||||
|
* (c) 2020 u/zenith_illinois
|
||||||
|
* under the MIT license
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import 'https://rsms.me/inter/inter.css';
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--theme_dark--main: #0b0b0b;
|
||||||
|
--theme_dark--sidebar: #0f0f0f;
|
||||||
|
--theme_dark--overlay: rgba(15, 15, 15, 0.6);
|
||||||
|
--theme_dark--dragarea: #0d0d0d;
|
||||||
|
|
||||||
|
--theme_dark--font_sans: 'Inter', -apple-system, BlinkMacSystemFont,
|
||||||
|
'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif,
|
||||||
|
'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||||
|
|
||||||
|
--theme_dark--scrollbar: #141414;
|
||||||
|
--theme_dark--scrollbar_hover: #1b1b1b;
|
||||||
|
|
||||||
|
--theme_dark--card: #0f0f0f;
|
||||||
|
--theme_dark--gallery: rgba(8, 8, 8, 0.05);
|
||||||
|
--theme_dark--select_input: #0d0d0d;
|
||||||
|
--theme_dark--table-border: rgba(255, 255, 255, 0.1);
|
||||||
|
--theme_dark--ui-border: var(--theme_dark--table-border);
|
||||||
|
--theme_dark--interactive_hover: #1e1e1e5c;
|
||||||
|
--theme_dark--button_close: #eb5757;
|
||||||
|
|
||||||
|
--theme_dark--selected: rgba(184, 135, 247, 0.3);
|
||||||
|
--theme_dark--primary: #b887f7;
|
||||||
|
--theme_dark--primary_hover: #08d7c2;
|
||||||
|
--theme_dark--primary_click: #b887f7;
|
||||||
|
--theme_dark--primary_indicator: #08d7c2;
|
||||||
|
|
||||||
|
--theme_dark--option_active-background: var(--theme_dark--primary);
|
||||||
|
--theme_dark--option_hover-background: var(--theme_dark--primary_hover);
|
||||||
|
|
||||||
|
--theme_dark--danger_text: #eb5757;
|
||||||
|
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
||||||
|
|
||||||
|
--theme_dark--text: #ffffff;
|
||||||
|
--theme_dark--text_ui: #909090;
|
||||||
|
--theme_dark--text_ui_info: #464646;
|
||||||
|
|
||||||
|
--theme_dark--text_gray: #b1aeab;
|
||||||
|
--theme_dark--text_brown: #d8b6a6;
|
||||||
|
--theme_dark--text_orange: #fde3c0;
|
||||||
|
--theme_dark--text_yellow: #fcde93;
|
||||||
|
--theme_dark--text_green: #b3f5c8;
|
||||||
|
--theme_dark--text_blue: #bfe0fd;
|
||||||
|
--theme_dark--text_purple: #dac7fa;
|
||||||
|
--theme_dark--text_pink: #f7b8dc;
|
||||||
|
--theme_dark--text_red: #f8acb4;
|
||||||
|
|
||||||
|
--theme_dark--bg-text: rgb(55, 53, 47);
|
||||||
|
--theme_dark--bg_gray: #b1aeab;
|
||||||
|
--theme_dark--bg_brown: #d8b6a6;
|
||||||
|
--theme_dark--bg_orange: #fde3c0;
|
||||||
|
--theme_dark--bg_yellow: #fcde93;
|
||||||
|
--theme_dark--bg_green: #b3f5c8;
|
||||||
|
--theme_dark--bg_blue: #bfe0fd;
|
||||||
|
--theme_dark--bg_purple: #dac7fa;
|
||||||
|
--theme_dark--bg_pink: #f7b8dc;
|
||||||
|
--theme_dark--bg_red: #f8acb4;
|
||||||
|
|
||||||
|
--theme_dark--line-text: rgb(34, 34, 34);
|
||||||
|
--theme_dark--line_gray: #c2c1c089;
|
||||||
|
--theme_dark--line_brown: #dacec992;
|
||||||
|
--theme_dark--line_orange: #fff0dc9f;
|
||||||
|
--theme_dark--line_yellow: #ffe6a6ad;
|
||||||
|
--theme_dark--line_green: #c8fdd9a3;
|
||||||
|
--theme_dark--line_blue: #d1e9ffa3;
|
||||||
|
--theme_dark--line_purple: #e3d3ffa8;
|
||||||
|
--theme_dark--line_pink: #fdcce8b1;
|
||||||
|
--theme_dark--line_red: #ffc8ce9e;
|
||||||
|
|
||||||
|
--theme_dark--select-text: var(--theme_dark--bg-text);
|
||||||
|
--theme_dark--select_gray: var(--theme_dark--bg_gray);
|
||||||
|
--theme_dark--select_brown: var(--theme_dark--bg_brown);
|
||||||
|
--theme_dark--select_orange: var(--theme_dark--bg_orange);
|
||||||
|
--theme_dark--select_yellow: var(--theme_dark--bg_yellow);
|
||||||
|
--theme_dark--select_green: var(--theme_dark--bg_green);
|
||||||
|
--theme_dark--select_blue: var(--theme_dark--bg_blue);
|
||||||
|
--theme_dark--select_purple: var(--theme_dark--bg_purple);
|
||||||
|
--theme_dark--select_pink: var(--theme_dark--bg_pink);
|
||||||
|
--theme_dark--select_red: var(--theme_dark--bg_red);
|
||||||
|
|
||||||
|
--theme_dark--callout-text: var(--theme_dark--line-text);
|
||||||
|
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
||||||
|
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
||||||
|
--theme_dark--callout_orange: var(--theme_dark--line_orange);
|
||||||
|
--theme_dark--callout_yellow: var(--theme_dark--line_yellow);
|
||||||
|
--theme_dark--callout_green: var(--theme_dark--line_green);
|
||||||
|
--theme_dark--callout_blue: var(--theme_dark--line_blue);
|
||||||
|
--theme_dark--callout_purple: var(--theme_dark--line_purple);
|
||||||
|
--theme_dark--callout_pink: var(--theme_dark--line_pink);
|
||||||
|
--theme_dark--callout_red: var(--theme_dark--line_red);
|
||||||
|
|
||||||
|
--theme_dark--code_inline-text: #b3f5c8;
|
||||||
|
--theme_dark--code_inline-background: rgb(8, 8, 8);
|
||||||
|
--theme_dark--code-text: var(--theme_dark--text);
|
||||||
|
--theme_dark--code-background: #0f0f0f;
|
||||||
|
--theme_dark--code_function: var(--theme_dark--text_blue);
|
||||||
|
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_tag: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_operator: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_important: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_property: var(--theme_dark--text_pink);
|
||||||
|
--theme_dark--code_builtin: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_attr-name: var(--theme_dark--text_yellow);
|
||||||
|
--theme_dark--code_comment: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_punctuation: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_doctype: var(--theme_dark--text_gray);
|
||||||
|
--theme_dark--code_number: var(--theme_dark--text_purple);
|
||||||
|
--theme_dark--code_string: var(--theme_dark--text_orange);
|
||||||
|
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
|
||||||
|
}
|
||||||
@ -22,14 +22,14 @@ module.exports = {
|
|||||||
if (document.readyState !== 'complete') return false;
|
if (document.readyState !== 'complete') return false;
|
||||||
let queue = [];
|
let queue = [];
|
||||||
const observer = new MutationObserver((list, observer) => {
|
const observer = new MutationObserver((list, observer) => {
|
||||||
if (!queue.length) requestAnimationFrame(() => process(queue));
|
if (!queue.length) requestAnimationFrame(() => handle(queue));
|
||||||
queue.push(...list);
|
queue.push(...list);
|
||||||
});
|
});
|
||||||
observer.observe(document.body, {
|
observer.observe(document.body, {
|
||||||
childList: true,
|
childList: true,
|
||||||
subtree: true,
|
subtree: true,
|
||||||
});
|
});
|
||||||
function process(list) {
|
function handle(list) {
|
||||||
queue = [];
|
queue = [];
|
||||||
let properties = document.querySelector(
|
let properties = document.querySelector(
|
||||||
'.notion-scroller.vertical [style*="env(safe-area-inset-left)"] > [style="width: 100%; font-size: 14px;"]'
|
'.notion-scroller.vertical [style*="env(safe-area-inset-left)"] > [style="width: 100%; font-size: 14px;"]'
|
||||||
|
|||||||
@ -20,7 +20,7 @@ module.exports = {
|
|||||||
if (document.readyState !== 'complete') return false;
|
if (document.readyState !== 'complete') return false;
|
||||||
let queue = [];
|
let queue = [];
|
||||||
const DOCUMENT_OBSERVER = new MutationObserver((list, observer) => {
|
const DOCUMENT_OBSERVER = new MutationObserver((list, observer) => {
|
||||||
if (!queue.length) requestIdleCallback(() => process(queue));
|
if (!queue.length) requestIdleCallback(() => handle(queue));
|
||||||
queue.push(...list);
|
queue.push(...list);
|
||||||
}),
|
}),
|
||||||
PAGE_OBSERVER = new MutationObserver(autoAlignPageContent);
|
PAGE_OBSERVER = new MutationObserver(autoAlignPageContent);
|
||||||
@ -28,7 +28,7 @@ module.exports = {
|
|||||||
childList: true,
|
childList: true,
|
||||||
subtree: true,
|
subtree: true,
|
||||||
});
|
});
|
||||||
function process(list) {
|
function handle(list) {
|
||||||
queue = [];
|
queue = [];
|
||||||
for (let { addedNodes } of list) {
|
for (let { addedNodes } of list) {
|
||||||
if (
|
if (
|
||||||
|
|||||||
@ -82,7 +82,7 @@ module.exports = {
|
|||||||
let top = store().top || 0;
|
let top = store().top || 0;
|
||||||
|
|
||||||
const observer = new MutationObserver((list, observer) => {
|
const observer = new MutationObserver((list, observer) => {
|
||||||
if (!queue.length) requestAnimationFrame(() => process(queue));
|
if (!queue.length) requestAnimationFrame(() => handle(queue));
|
||||||
queue.push(...list);
|
queue.push(...list);
|
||||||
});
|
});
|
||||||
observer.observe(document.body, {
|
observer.observe(document.body, {
|
||||||
@ -90,7 +90,7 @@ module.exports = {
|
|||||||
subtree: true,
|
subtree: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
function process(list) {
|
function handle(list) {
|
||||||
queue = [];
|
queue = [];
|
||||||
setScrollDistance();
|
setScrollDistance();
|
||||||
|
|
||||||
|
|||||||
@ -68,7 +68,7 @@ module.exports = {
|
|||||||
|
|
||||||
let queue = [];
|
let queue = [];
|
||||||
const observer = new MutationObserver((list, observer) => {
|
const observer = new MutationObserver((list, observer) => {
|
||||||
if (!queue.length) requestAnimationFrame(() => process(queue));
|
if (!queue.length) requestAnimationFrame(() => handle(queue));
|
||||||
queue.push(...list);
|
queue.push(...list);
|
||||||
});
|
});
|
||||||
observer.observe(document.body, {
|
observer.observe(document.body, {
|
||||||
@ -76,7 +76,7 @@ module.exports = {
|
|||||||
subtree: true,
|
subtree: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
function process(list) {
|
function handle(list) {
|
||||||
queue = [];
|
queue = [];
|
||||||
for (let { addedNodes } of list) {
|
for (let { addedNodes } of list) {
|
||||||
if (
|
if (
|
||||||
|
|||||||
@ -55,11 +55,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
[data-tweaks*='[indentation_lines']
|
[data-tweaks*='[indentation_lines']
|
||||||
div.notion-selectable.notion-bulleted_list-block > div > div:last-child {
|
div.notion-selectable.notion-bulleted_list-block > div > div:last-child,
|
||||||
|
[data-tweaks*='[indentation_lines']
|
||||||
|
div.notion-selectable.notion-numbered_list-block > div > div:last-child {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
[data-tweaks*='[indentation_lines']
|
[data-tweaks*='[indentation_lines']
|
||||||
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
|
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before,
|
||||||
|
[data-tweaks*='[indentation_lines']
|
||||||
|
div.notion-selectable.notion-numbered_list-block > div > div:last-child::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: calc(100% - 2em);
|
height: calc(100% - 2em);
|
||||||
@ -68,15 +72,21 @@ div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before
|
|||||||
border-left: 1px solid;
|
border-left: 1px solid;
|
||||||
}
|
}
|
||||||
[data-tweaks*='[indentation_lines_dashed]']
|
[data-tweaks*='[indentation_lines_dashed]']
|
||||||
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
|
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before,
|
||||||
|
[data-tweaks*='[indentation_lines_dashed]']
|
||||||
|
div.notion-selectable.notion-numbered_list-block > div > div:last-child::before {
|
||||||
border-left-style: dashed;
|
border-left-style: dashed;
|
||||||
}
|
}
|
||||||
[data-tweaks*='[indentation_lines_dotted]']
|
[data-tweaks*='[indentation_lines_dotted]']
|
||||||
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
|
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before,
|
||||||
|
[data-tweaks*='[indentation_lines_dotted]']
|
||||||
|
div.notion-selectable.notion-numbered_list-block > div > div:last-child::before {
|
||||||
border-left-style: dotted;
|
border-left-style: dotted;
|
||||||
}
|
}
|
||||||
[data-tweaks*='[indentation_lines_soft]']
|
[data-tweaks*='[indentation_lines_soft]']
|
||||||
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
|
div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before,
|
||||||
|
[data-tweaks*='[indentation_lines_soft]']
|
||||||
|
div.notion-selectable.notion-numbered_list-block > div > div:last-child::before {
|
||||||
opacity: 0.25;
|
opacity: 0.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -70,16 +70,16 @@ module.exports = {
|
|||||||
key: 'condensed_bullets',
|
key: 'condensed_bullets',
|
||||||
label: 'condense bullet points',
|
label: 'condense bullet points',
|
||||||
desc:
|
desc:
|
||||||
"makes bullet point blocks closer together and have tighter line spacing",
|
'makes bullet point blocks closer together and have tighter line spacing',
|
||||||
type: 'toggle',
|
type: 'toggle',
|
||||||
value: false,
|
value: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: 'indentation_lines',
|
key: 'indentation_lines',
|
||||||
label: 'indentation lines for bullets',
|
label: 'indentation lines for lists',
|
||||||
desc:
|
desc:
|
||||||
"adds vertical indentation or relationship lines to make bullet trees\
|
'adds vertical indentation or relationship lines to make list trees\
|
||||||
easier to follow",
|
easier to follow',
|
||||||
type: 'select',
|
type: 'select',
|
||||||
value: ['none', 'solid', 'dashed', 'dotted', 'soft'],
|
value: ['none', 'solid', 'dashed', 'dotted', 'soft'],
|
||||||
},
|
},
|
||||||
@ -87,10 +87,10 @@ module.exports = {
|
|||||||
key: 'scroll_db_toolbars',
|
key: 'scroll_db_toolbars',
|
||||||
label: 'scroll database toolbars',
|
label: 'scroll database toolbars',
|
||||||
desc:
|
desc:
|
||||||
"allows scrolling database toolbars horizontally if\
|
'allows scrolling database toolbars horizontally if\
|
||||||
part of the toolbar is hidden (hold shift while scrolling)",
|
part of the toolbar is hidden (hold shift while scrolling)',
|
||||||
type: 'toggle',
|
type: 'toggle',
|
||||||
value: false,
|
value: true,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
hacks: {
|
hacks: {
|
||||||
@ -104,7 +104,7 @@ module.exports = {
|
|||||||
'spaced_lines',
|
'spaced_lines',
|
||||||
'hide_help',
|
'hide_help',
|
||||||
'condensed_bullets',
|
'condensed_bullets',
|
||||||
'scroll_db_toolbars'
|
'scroll_db_toolbars',
|
||||||
]
|
]
|
||||||
.filter((tweak) => store()[tweak])
|
.filter((tweak) => store()[tweak])
|
||||||
.map((tweak) => `[${tweak}]`)
|
.map((tweak) => `[${tweak}]`)
|
||||||
@ -124,7 +124,9 @@ module.exports = {
|
|||||||
window.addEventListener('resize', addResponsiveBreakpoint);
|
window.addEventListener('resize', addResponsiveBreakpoint);
|
||||||
addResponsiveBreakpoint();
|
addResponsiveBreakpoint();
|
||||||
if (store().indentation_lines !== 'none') {
|
if (store().indentation_lines !== 'none') {
|
||||||
document.body.dataset.tweaks += `[indentation_lines_${store().indentation_lines}]`
|
document.body.dataset.tweaks += `[indentation_lines_${
|
||||||
|
store().indentation_lines
|
||||||
|
}]`;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|||||||
@ -21,13 +21,13 @@ module.exports = {
|
|||||||
const notion_elem = document.querySelector('.notion-frame');
|
const notion_elem = document.querySelector('.notion-frame');
|
||||||
if (!notion_elem) return;
|
if (!notion_elem) return;
|
||||||
clearInterval(attempt_interval);
|
clearInterval(attempt_interval);
|
||||||
process([{ target: notion_elem }]);
|
handle([{ target: notion_elem }]);
|
||||||
const observer = new MutationObserver(process);
|
const observer = new MutationObserver(handle);
|
||||||
observer.observe(notion_elem, {
|
observer.observe(notion_elem, {
|
||||||
childList: true,
|
childList: true,
|
||||||
subtree: true,
|
subtree: true,
|
||||||
});
|
});
|
||||||
function process(list, observer) {
|
function handle(list, observer) {
|
||||||
document
|
document
|
||||||
.querySelectorAll('.notion-collection-view-select')
|
.querySelectorAll('.notion-collection-view-select')
|
||||||
.forEach((collection_view) => {
|
.forEach((collection_view) => {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user