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

split app.css and variables.css, load both into main window + add relationship lines to numbered lists

Browse Source 
fonts should now be added to variables.css instead of mod.js
This commit is contained in:
dragonwocky 2020-11-11 21:48:30 +11:00
parent e7ad0fb51e
commit 2fc1e66cff
32 changed files with 894 additions and 850 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
repo/bracketed-links/app.css
View File

@ -1,5 +1,5 @@
/*
* notion-enhancer
* bracketed links
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 Arecsu
* under the MIT license

2
repo/bracketed-links/mod.js
View File

@ -1,5 +1,5 @@
/*
* notion-enhancer
* bracketed links
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* under the MIT license
*/

142
repo/cherrycola/app.css
View File

@ -4,146 +4,8 @@
* (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);
}
/* Quotations as serif */
/* quotations as serif */
.notion-dark-theme .notion-quote-block {
font-family: Georgia, 'Times New Roman', Times, serif;
background-color: var(--cola-sec);

144
repo/cherrycola/variables.css Normal file
View 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);
}

21
repo/code-line-numbers/app.css
View File

@ -6,20 +6,19 @@
*/
.notion-code-block.line-numbers > div {
position: relative;
position: relative;
}
.code-numbered {
padding-left: 48px !important;
padding-left: 48px !important;
}
#code-line-numbers {
font-size: var(--theme--font_code-size) !important;
font-family: var(--theme--font_code) !important;
opacity: 0.5;
text-align: right;
position: absolute;
right: calc(100% - 30px);
overflow: hidden;
pointer-events: none;
font-size: var(--theme--font_code-size) !important;
font-family: var(--theme--font_code) !important;
opacity: 0.5;
text-align: right;
position: absolute;
right: calc(100% - 30px);
overflow: hidden;
pointer-events: none;
}

27
repo/code-line-numbers/mod.js
View File

@ -21,23 +21,23 @@ module.exports = {
key: 'single_lined',
label: 'show line numbers on single-lined code blocks',
type: 'toggle',
value: false
}
value: false,
},
],
hacks: {
'renderer/preload.js'(store, __exports) {
document.addEventListener('readystatechange', (event) => {
if (document.readyState !== 'complete') return false;
if (document.readyState !== 'complete') return false;
let queue = [];
const observer = new MutationObserver((list, observer) => {
if (!queue.length) requestAnimationFrame(() => process(queue));
if (!queue.length) requestAnimationFrame(() => handle(queue));
queue.push(...list);
});
observer.observe(document.body, {
childList: true,
subtree: true,
});
function process(list) {
function handle(list) {
queue = [];
for (let { addedNodes } of list) {
if (
@ -48,16 +48,18 @@ module.exports = {
) {
const block = addedNodes[0].parentElement.parentElement;
if (
block &&
block &&
block.classList &&
block.classList.contains('notion-code-block')
) {
let numbers = block.querySelector('#code-line-numbers');
if (!numbers) {
numbers = createElement('<span id="code-line-numbers"></span>');
const blockStyle = window.getComputedStyle(block.children[0])
numbers.style.top = blockStyle.paddingTop;
numbers = createElement(
'<span id="code-line-numbers"></span>'
);
const blockStyle = window.getComputedStyle(block.children[0]);
numbers.style.top = blockStyle.paddingTop;
numbers.style.bottom = blockStyle.paddingBottom;
block.append(numbers);
@ -69,10 +71,9 @@ module.exports = {
}
const lines = Math.round(
numbers.getBoundingClientRect().height /
block.lineHeight
numbers.getBoundingClientRect().height / block.lineHeight
);
if (lines > 1) {
block.children[0].classList.add('code-numbered');
numbers.innerText = Array.from(

0
repo/dark+/app.css → repo/dark+/variables.css
View File

127
repo/dracula/app.css
View File

@ -1,135 +1,10 @@
/*
* 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);
}
.notion-dark-theme img[src*='/images/onboarding/use-case-note.png'],
.notion-dark-theme
img[src*='/images/onboarding/team-features-illustration.png'] {

131
repo/dracula/variables.css Normal file
View 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);
}

63
repo/gameish/app.css
View File

@ -5,69 +5,6 @@
* 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-scroller.vertical.horizontal
.notion-table-view

3
repo/gameish/mod.js
View File

@ -19,7 +19,4 @@ module.exports = {
avatar:
'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
View 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;
}

117
repo/littilepig-dark/app.css
View File

@ -5,123 +5,6 @@
* 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 颜色 */
.notion-body.dark .notion-dark-theme [style*='background: rgb(46, 170, 220)'],
.notion-body.dark

1
repo/littilepig-dark/mod.js
View File

@ -19,5 +19,4 @@ module.exports = {
avatar:
'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
View 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;
}

96
repo/littlepig-light/app.css
View File

@ -5,102 +5,6 @@
* 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 颜色 */
.notion-body:not(.dark)
.notion-light-theme

1
repo/littlepig-light/mod.js
View File

@ -19,5 +19,4 @@ module.exports = {
avatar:
'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
View 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;
}

0
repo/material-ocean/app.css → repo/material-ocean/variables.css
View File

136
repo/neutral/app.css
View File

@ -5,148 +5,12 @@
* 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 2'],
.notion-dark-theme [placeholder='Heading 3'] {
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 */
.notion-dark-theme
.notion-sidebar

4
repo/neutral/mod.js
View File

@ -14,8 +14,4 @@ module.exports = {
desc: 'smoother colours and fonts, designed to be more pleasing to the eye.',
version: '0.1.4',
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
View 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);
}

111
repo/pastel-dark/app.css
View File

@ -5,117 +5,6 @@
* 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/team-features-illustration.png'] {

1
repo/pastel-dark/mod.js
View File

@ -18,5 +18,4 @@ module.exports = {
link: 'https://www.reddit.com/user/zenith_illinois/',
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
View 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);
}

4
repo/property-layout/mod.js
View File

@ -22,14 +22,14 @@ module.exports = {
if (document.readyState !== 'complete') return false;
let queue = [];
const observer = new MutationObserver((list, observer) => {
if (!queue.length) requestAnimationFrame(() => process(queue));
if (!queue.length) requestAnimationFrame(() => handle(queue));
queue.push(...list);
});
observer.observe(document.body, {
childList: true,
subtree: true,
});
function process(list) {
function handle(list) {
queue = [];
let properties = document.querySelector(
'.notion-scroller.vertical [style*="env(safe-area-inset-left)"] > [style="width: 100%; font-size: 14px;"]'

4
repo/right-to-left/mod.js
View File

@ -20,7 +20,7 @@ module.exports = {
if (document.readyState !== 'complete') return false;
let queue = [];
const DOCUMENT_OBSERVER = new MutationObserver((list, observer) => {
if (!queue.length) requestIdleCallback(() => process(queue));
if (!queue.length) requestIdleCallback(() => handle(queue));
queue.push(...list);
}),
PAGE_OBSERVER = new MutationObserver(autoAlignPageContent);
@ -28,7 +28,7 @@ module.exports = {
childList: true,
subtree: true,
});
function process(list) {
function handle(list) {
queue = [];
for (let { addedNodes } of list) {
if (

4
repo/scroll-to-top/mod.js
View File

@ -82,7 +82,7 @@ module.exports = {
let top = store().top || 0;
const observer = new MutationObserver((list, observer) => {
if (!queue.length) requestAnimationFrame(() => process(queue));
if (!queue.length) requestAnimationFrame(() => handle(queue));
queue.push(...list);
});
observer.observe(document.body, {
@ -90,7 +90,7 @@ module.exports = {
subtree: true,
});
function process(list) {
function handle(list) {
queue = [];
setScrollDistance();

4
repo/topbar-icons/mod.js
View File

@ -68,7 +68,7 @@ module.exports = {
let queue = [];
const observer = new MutationObserver((list, observer) => {
if (!queue.length) requestAnimationFrame(() => process(queue));
if (!queue.length) requestAnimationFrame(() => handle(queue));
queue.push(...list);
});
observer.observe(document.body, {
@ -76,7 +76,7 @@ module.exports = {
subtree: true,
});
function process(list) {
function handle(list) {
queue = [];
for (let { addedNodes } of list) {
if (

20
repo/tweaks/app.css
View File

@ -55,11 +55,15 @@
}
[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;
}
[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: "";
position: absolute;
height: calc(100% - 2em);
@ -68,15 +72,21 @@ div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before
border-left: 1px solid;
}
[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;
}
[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;
}
[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;
}

20
repo/tweaks/mod.js
View File

@ -70,16 +70,16 @@ module.exports = {
key: 'condensed_bullets',
label: 'condense bullet points',
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',
value: false,
},
{
key: 'indentation_lines',
label: 'indentation lines for bullets',
label: 'indentation lines for lists',
desc:
"adds vertical indentation or relationship lines to make bullet trees\
easier to follow",
'adds vertical indentation or relationship lines to make list trees\
easier to follow',
type: 'select',
value: ['none', 'solid', 'dashed', 'dotted', 'soft'],
},
@ -87,10 +87,10 @@ module.exports = {
key: 'scroll_db_toolbars',
label: 'scroll database toolbars',
desc:
"allows scrolling database toolbars horizontally if\
part of the toolbar is hidden (hold shift while scrolling)",
'allows scrolling database toolbars horizontally if\
part of the toolbar is hidden (hold shift while scrolling)',
type: 'toggle',
value: false,
value: true,
},
],
hacks: {
@ -104,7 +104,7 @@ module.exports = {
'spaced_lines',
'hide_help',
'condensed_bullets',
'scroll_db_toolbars'
'scroll_db_toolbars',
]
.filter((tweak) => store()[tweak])
.map((tweak) => `[${tweak}]`)
@ -124,7 +124,9 @@ module.exports = {
window.addEventListener('resize', addResponsiveBreakpoint);
addResponsiveBreakpoint();
if (store().indentation_lines !== 'none') {
document.body.dataset.tweaks += `[indentation_lines_${store().indentation_lines}]`
document.body.dataset.tweaks += `[indentation_lines_${
store().indentation_lines
}]`;
}
});
},

6
repo/weekly-view/mod.js
View File

@ -21,13 +21,13 @@ module.exports = {
const notion_elem = document.querySelector('.notion-frame');
if (!notion_elem) return;
clearInterval(attempt_interval);
process([{ target: notion_elem }]);
const observer = new MutationObserver(process);
handle([{ target: notion_elem }]);
const observer = new MutationObserver(handle);
observer.observe(notion_elem, {
childList: true,
subtree: true,
});
function process(list, observer) {
function handle(list, observer) {
document
.querySelectorAll('.notion-collection-view-select')
.forEach((collection_view) => {