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

themes: light+, pinky boom, playful purple

Browse Source 
+ quotation marks tweak extracted from prev. littlepig
This commit is contained in:
dragonwocky 2021-10-09 18:16:56 +11:00
parent 809df67a14
commit bb42117024
14 changed files with 455 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
repo/dark+/mod.json
View File

@ -2,7 +2,7 @@
"name": "dark+",
"id": "c86cfe98-e645-4822-aa6b-e2de1e08bafa",
"version": "0.2.0",
"description": "a vivid-colour near-black theme.",
"description": "a vivid-colour near-black theme, with a configurable accent.",
"tags": ["theme", "dark"],
"authors": [
{

21
repo/light+/mod.json Normal file
View File

@ -0,0 +1,21 @@
{
"name": "light+",
"id": "336cbc54-67b9-4b00-b4a2-9cc86eef763b",
"version": "0.2.0",
"description": "a simple white theme that brightens coloured text and blocks, with a configurable accent.",
"tags": ["theme", "light"],
"authors": [
{
"name": "Lizishan",
"homepage": "https://www.reddit.com/user/Lizishan",
"avatar": "https://styles.redditmedia.com/t5_110nz4/styles/profileIcon_h1m3b16exoi51.jpg"
}
],
"css": {
"frame": ["variables.css"],
"client": ["variables.css"],
"menu": ["variables.css"]
},
"js": {},
"options": []
}

101
repo/light+/variables.css Normal file
View File

@ -0,0 +1,101 @@
/*
* notion-enhancer: light+
* (c) 2020 Lizishan
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* under the MIT license
*/
:root {
--theme--accent_red: crimson;
--theme--accent_red-button: rgba(220, 20, 60, 0.2);
--theme--text_gray: rgba(151, 154, 155, 0.95);
--theme--text_brown: rgb(167, 126, 100);
--theme--text_orange: rgb(255, 134, 0);
--theme--text_yellow: rgb(255, 195, 0);
--theme--text_green: rgb(0, 171, 0);
--theme--text_blue: rgb(0, 121, 255);
--theme--text_purple: rgb(126, 0, 255);
--theme--text_pink: rgb(255, 0, 208);
--theme--text_red: rgb(255, 0, 0);
--theme--highlight_gray: rgb(234, 234, 234);
--theme--highlight_gray-text: rgb(17, 17, 17);
--theme--highlight_brown: rgb(206, 206, 206);
--theme--highlight_brown-text: rgb(85, 35, 1);
--theme--highlight_orange: rgb(254, 214, 155);
--theme--highlight_orange-text: rgb(199, 110, 0);
--theme--highlight_yellow: #fcffd8;
--theme--highlight_yellow-text: #ff8c22;
--theme--highlight_green: #d5fded;
--theme--highlight_green-text: #006a00;
--theme--highlight_blue: #e2f5ff;
--theme--highlight_blue-text: #00b2ff;
--theme--highlight_purple: #efe6ff;
--theme--highlight_purple-text: #8334ff;
--theme--highlight_pink: #ffe9f1;
--theme--highlight_pink-text: rgb(255, 0, 127);
--theme--highlight_red: rgb(248, 215, 218);
--theme--highlight_red-text: rgb(138, 0, 10);
--theme--block_gray: #e2e3e5;
--theme--block_gray-text: #383d41;
--theme--block_brown: rgb(130, 118, 111);
--theme--block_brown-text: rgb(85, 35, 1);
--theme--block_orange: rgb(254, 214, 155);
--theme--block_orange-text: rgb(255, 140, 0);
--theme--block_yellow: #fcffd8;
--theme--block_yellow-text: #c76e00;
--theme--block_green: #d4edda;
--theme--block_green-text: #155724;
--theme--block_blue: #cce5ff;
--theme--block_blue-text: #004085;
--theme--block_purple: rgb(199, 178, 230);
--theme--block_purple-text: rgb(90, 49, 148);
--theme--block_pink: rgb(255, 206, 228);
--theme--block_pink-text: rgb(255, 0, 127);
--theme--block_red: #f8d7da;
--theme--block_red-text: #721c24;
--theme--tag_default: rgb(234, 234, 234);
--theme--tag_gray: rgb(234, 234, 234);
--theme--tag_gray-text: rgb(17, 17, 17);
--theme--tag_brown: rgb(206, 206, 206);
--theme--tag_brown-text: rgb(85, 35, 1);
--theme--tag_orange: rgb(254, 214, 155);
--theme--tag_orange-text: rgb(199, 110, 0);
--theme--tag_yellow: #fcffd8;
--theme--tag_yellow-text: #ff8c22;
--theme--tag_green: #d5fded;
--theme--tag_green-text: #006a00;
--theme--tag_blue: #e2f5ff;
--theme--tag_blue-text: #00b2ff;
--theme--tag_purple: #efe6ff;
--theme--tag_purple-text: #8334ff;
--theme--tag_pink: #ffe9f1;
--theme--tag_pink-text: rgb(255, 0, 127);
--theme--tag_red: rgb(248, 215, 218);
--theme--tag_red-text: rgb(138, 0, 10);
--theme--callout_gray: #e2e3e5;
--theme--callout_gray-text: #383d41;
--theme--callout_brown: rgb(130, 118, 111);
--theme--callout_brown-text: rgb(85, 35, 1);
--theme--callout_orange: rgb(254, 214, 155);
--theme--callout_orange-text: rgb(255, 140, 0);
--theme--callout_yellow: #fcffd8;
--theme--callout_yellow-text: #c76e00;
--theme--callout_green: #d4edda;
--theme--callout_green-text: #155724;
--theme--callout_blue: #cce5ff;
--theme--callout_blue-text: #004085;
--theme--callout_purple: rgb(199, 178, 230);
--theme--callout_purple-text: rgb(90, 49, 148);
--theme--callout_pink: rgb(255, 206, 228);
--theme--callout_pink-text: rgb(255, 0, 127);
--theme--callout_red: #f8d7da;
--theme--callout_red-text: #721c24;
--theme--code_inline: rgb(179, 39, 39);
--theme--code_inline-text: #e0dfe2;
}

2
repo/nord/mod.json
View File

@ -2,7 +2,7 @@
"name": "nord",
"id": "d64ad391-1494-4112-80ae-0a3b6f4b0c3f",
"version": "0.2.0",
"description": "an arctic, north-bluish color palette..",
"description": "an arctic, north-bluish color palette.",
"tags": ["theme", "dark"],
"authors": [
{

21
repo/pinky-boom/mod.json Normal file
View File

@ -0,0 +1,21 @@
{
"name": "pinky boom",
"id": "b5f43232-391b-415a-9099-4334dc6c7b55",
"version": "0.2.0",
"description": "pinkify your life.",
"tags": ["theme", "light"],
"authors": [
{
"name": "mugiwarafx",
"homepage": "https://github.com/mugiwarafx",
"avatar": "https://avatars.githubusercontent.com/u/58401248"
}
],
"css": {
"frame": ["variables.css"],
"client": ["variables.css"],
"menu": ["variables.css"]
},
"js": {},
"options": []
}

127
repo/pinky-boom/variables.css Normal file
View File

@ -0,0 +1,127 @@
/*
* notion-enhancer: pinky boom
* (c) 2020 mugiwarafx
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* under the MIT license
*/
:root {
--pinky_boom--brown: #a52a2a80;
--pinky_boom--orange: #ffa60080;
--pinky_boom--yellow: #ffff0080;
--pinky_boom--green: #00ff0080;
--pinky_boom--blue: #00ffff80;
--pinky_boom--purple: #9b00ff80;
--pinky_boom--pink: #ff149180;
--pinky_boom--red: #ff000080;
--pinky_boom--black: black;
--pinky_boom--white: white;
--theme--accent_blue: deeppink;
--theme--accent_blue-selection: rgba(255, 20, 145, 0.2);
--theme--accent_blue-hover: rgb(255, 57, 163);
--theme--accent_blue-active: rgb(255, 48, 158);
--theme--accent_red: deeppink;
--theme--accent_red-button: rgba(255, 20, 145, 0.2);
--theme--bg: #fdf0f4;
--theme--bg_secondary: #fce4ec;
--theme--bg_card: #ffd5e4;
--theme--scrollbar_track: transparent;
--theme--scrollbar_thumb: #f8bbd0;
--theme--scrollbar_thumb-hover: #f48fb1;
--theme--ui_shadow: #ff89c842;
--theme--ui_divider: #ffbbdf;
--theme--ui_interactive-hover: #fcb9d0;
--theme--ui_interactive-active: #ffccdc;
--theme--ui_toggle-off: #ffc9e6;
--theme--icon: #56002e;
--theme--icon_secondary: rgba(255, 20, 145, 0.75);
--theme--text: #56002e;
--theme--text_secondary: rgba(255, 20, 145, 0.75);
--theme--text_gray: rgb(155, 154, 151);
--theme--text_brown: rgb(100, 71, 58);
--theme--text_orange: rgb(217, 115, 13);
--theme--text_yellow: rgb(223, 171, 1);
--theme--text_green: rgb(15, 123, 108);
--theme--text_blue: rgb(11, 110, 153);
--theme--text_purple: var(--pinky_boom--purple);
--theme--text_pink: var(--pinky_boom--deep-pink);
--theme--text_red: rgb(224, 62, 62);
--theme--highlight_gray: rgba(128, 128, 128, 0.25);
--theme--highlight_brown: var(--pinky_boom--brown);
--theme--highlight_orange: var(--pinky_boom--orange);
--theme--highlight_orange-text: var(--pinky_boom--black);
--theme--highlight_yellow: var(--pinky_boom--yellow);
--theme--highlight_yellow-text: var(--pinky_boom--black);
--theme--highlight_green: var(--pinky_boom--green);
--theme--highlight_green-text: var(--pinky_boom--black);
--theme--highlight_blue: var(--pinky_boom--blue);
--theme--highlight_blue-text: var(--pinky_boom--black);
--theme--highlight_purple: var(--pinky_boom--purple);
--theme--highlight_purple-text: var(--pinky_boom--white);
--theme--highlight_pink: var(--pinky_boom--pink);
--theme--highlight_pink-text: var(--pinky_boom--white);
--theme--highlight_red: var(--pinky_boom--red);
--theme--block_gray: rgba(128, 128, 128, 0.5);
--theme--block_brown: var(--pinky_boom--brown);
--theme--block_orange: var(--pinky_boom--orange);
--theme--block_yellow: var(--pinky_boom--yellow);
--theme--block_green: var(--pinky_boom--green);
--theme--block_blue: var(--pinky_boom--blue);
--theme--block_purple: var(--pinky_boom--purple);
--theme--block_pink: var(--pinky_boom--pink);
--theme--block_red: var(--pinky_boom--red);
--theme--tag_default: #ffc9e6;
--theme--tag_gray: rgba(128, 128, 128, 0.25);
--theme--tag_gray-text: var(--pinky_boom--white);
--theme--tag_brown: var(--pinky_boom--brown);
--theme--tag_brown-text: var(--pinky_boom--white);
--theme--tag_orange: var(--pinky_boom--orange);
--theme--tag_orange-text: var(--pinky_boom--black);
--theme--tag_yellow: var(--pinky_boom--yellow);
--theme--tag_yellow-text: var(--pinky_boom--black);
--theme--tag_green: var(--pinky_boom--green);
--theme--tag_green-text: var(--pinky_boom--black);
--theme--tag_blue: var(--pinky_boom--blue);
--theme--tag_blue-text: var(--pinky_boom--black);
--theme--tag_purple: var(--pinky_boom--purple);
--theme--tag_purple-text: var(--pinky_boom--white);
--theme--tag_pink: var(--pinky_boom--pink);
--theme--tag_pink-text: var(--pinky_boom--white);
--theme--tag_red: var(--pinky_boom--red);
--theme--tag_red-text: var(--pinky_boom--white);
--theme--callout_gray: rgba(128, 128, 128, 0.25);
--theme--callout_gray-text: var(--pinky_boom--black);
--theme--callout_brown: var(--pinky_boom--brown);
--theme--callout_brown-text: var(--pinky_boom--white);
--theme--callout_orange: var(--pinky_boom--orange);
--theme--callout_orange-text: var(--pinky_boom--black);
--theme--callout_yellow: var(--pinky_boom--yellow);
--theme--callout_yellow-text: var(--pinky_boom--black);
--theme--callout_green: var(--pinky_boom--green);
--theme--callout_green-text: var(--pinky_boom--black);
--theme--callout_blue: var(--pinky_boom--blue);
--theme--callout_blue-text: var(--pinky_boom--black);
--theme--callout_purple: var(--pinky_boom--purple);
--theme--callout_purple-text: var(--pinky_boom--white);
--theme--callout_pink: var(--pinky_boom--pink);
--theme--callout_pink-text: var(--pinky_boom--white);
--theme--callout_red: var(--pinky_boom--red);
--theme--callout_red-text: var(--pinky_boom--white);
--theme--code_inline: var(--theme--code);
--theme--code_inline-text: var(--theme--text);
--theme--code: var(--theme--bg_secondary);
--theme--code_punctuation: var(--pinky_boom--black);
}

26
repo/playful-purple/mod.json Normal file
View File

@ -0,0 +1,26 @@
{
"name": "playful purple",
"id": "ae7862a9-5dbe-4f2c-9931-940f3ba5015d",
"version": "0.2.0",
"description": "a purple-shaded theme with bright highlights.",
"tags": ["theme", "dark"],
"authors": [
{
"name": "Lizishan",
"homepage": "https://www.reddit.com/user/Lizishan",
"avatar": "https://styles.redditmedia.com/t5_110nz4/styles/profileIcon_h1m3b16exoi51.jpg"
},
{
"name": "LVL100ShrekCultist",
"homepage": "https://www.reddit.com/user/LVL100ShrekCultist/",
"avatar": "https://styles.redditmedia.com/t5_2js69j/styles/profileIcon_jvnzmo30fyq41.jpg"
}
],
"css": {
"frame": ["variables.css"],
"client": ["variables.css"],
"menu": ["variables.css"]
},
"js": {},
"options": []
}

112
repo/playful-purple/variables.css Normal file
View File

@ -0,0 +1,112 @@
/*
* notion-enhancer: playful dark
* (c) 2020 Lizishan
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* under the MIT license
*/
:root.dark {
--theme--accent_blue: rgb(117, 65, 200);
--theme--accent_blue-selection: #9500ff1e;
--theme--accent_blue-hover: rgb(110, 48, 211);
--theme--accent_blue-active: rgb(117, 65, 200);
--theme--accent_red: rgb(150, 84, 226);
--theme--accent_red-button: rgba(150, 84, 226, 0.5);
--theme--bg: #1e1c26;
--theme--bg_secondary: #24222c;
--theme--bg_card: #19181f;
--theme--scrollbar_track: transparent;
--theme--scrollbar_thumb: #221f29;
--theme--scrollbar_thumb-hover: #312d3c;
--theme--ui_divider: rgba(148, 148, 184, 0.5);
--theme--ui_interactive-hover: #282632;
--theme--ui_interactive-active: #2b293a;
--theme--ui_toggle-off: rgb(20, 0, 51);
--theme--icon: #978ec7;
--theme--icon_secondary: #978ec7;
--theme--text: rgb(239, 235, 255);
--theme--text_secondary: #978ec7;
--theme--text_brown: rgb(177, 144, 131);
--theme--text_green: rgb(66, 222, 137);
--theme--text_blue: rgb(0, 157, 255);
--theme--text_purple: rgb(162, 94, 255);
--theme--text_red: rgb(240, 52, 38);
--theme--highlight_gray: rgb(234, 234, 234);
--theme--highlight_gray-text: rgb(17, 17, 17);
--theme--highlight_brown: rgb(206, 206, 206);
--theme--highlight_brown-text: rgb(85, 35, 1);
--theme--highlight_orange: rgb(254, 214, 155);
--theme--highlight_orange-text: rgb(199, 110, 0);
--theme--highlight_yellow: #fcffd8;
--theme--highlight_yellow-text: #ff8c22;
--theme--highlight_green: #d5fded;
--theme--highlight_green-text: #006a00;
--theme--highlight_blue: #e2f5ff;
--theme--highlight_blue-text: #00b2ff;
--theme--highlight_purple: #efe6ff;
--theme--highlight_purple-text: #8334ff;
--theme--highlight_pink: #ffe9f1;
--theme--highlight_pink-text: rgb(255, 0, 127);
--theme--highlight_red: rgb(251, 228, 228);
--theme--highlight_red-text: rgb(138, 0, 10);
--theme--block_gray: rgb(69, 75, 78);
--theme--block_brown: rgb(78, 57, 48);
--theme--block_orange: rgb(136, 80, 48);
--theme--block_yellow: #fbe2287c;
--theme--block_red: rgb(151, 62, 62);
--theme--tag_default: rgb(234, 234, 234);
--theme--tag_default-text: rgb(17, 17, 17);
--theme--tag_gray: rgb(234, 234, 234);
--theme--tag_gray-text: rgb(17, 17, 17);
--theme--tag_brown: rgb(206, 206, 206);
--theme--tag_brown-text: rgb(85, 35, 1);
--theme--tag_orange: rgb(254, 214, 155);
--theme--tag_orange-text: rgb(199, 110, 0);
--theme--tag_yellow: #fcffd8;
--theme--tag_yellow-text: #ff8c22;
--theme--tag_green: #d5fded;
--theme--tag_green-text: #006a00;
--theme--tag_blue: #e2f5ff;
--theme--tag_blue-text: #00b2ff;
--theme--tag_purple: #efe6ff;
--theme--tag_purple-text: #8334ff;
--theme--tag_pink: #ffe9f1;
--theme--tag_pink-text: rgb(255, 0, 127);
--theme--tag_red: rgb(251, 228, 228);
--theme--tag_red-text: rgb(138, 0, 10);
--theme--callout_gray: #e2e3e5;
--theme--callout_gray-text: #383d41;
--theme--callout_brown: rgb(130, 118, 111);
--theme--callout_brown-text: rgb(85, 35, 1);
--theme--callout_orange: rgb(254, 214, 155);
--theme--callout_orange-text: rgb(255, 140, 0);
--theme--callout_yellow: #fcffd8;
--theme--callout_yellow-text: #c76e00;
--theme--callout_green: #d4edda;
--theme--callout_green-text: #155724;
--theme--callout_blue: #cce5ff;
--theme--callout_blue-text: #004085;
--theme--callout_purple: rgb(199, 178, 230);
--theme--callout_purple-text: rgb(90, 49, 148);
--theme--callout_pink: rgb(255, 206, 228);
--theme--callout_pink-text: rgb(255, 0, 127);
--theme--callout_red: #f8d7da;
--theme--callout_red-text: #721c24;
--theme--code_inline: rgb(179, 39, 39);
--theme--code_inline-text: #e0dfe2;
--theme--code: var(--theme--bg_card);
--theme--code_function: rgb(179, 146, 240);
--theme--code_number: hsl(159, 69%, 39%);
}

4
repo/registry.json
View File

@ -7,13 +7,15 @@
"material-ocean",
"cherry-cola",
"dark+",
"light+",
"dracula",
"pastel-dark",
"neutral",
"nord",
"gruvbox-dark",
"gruvbox-light",
"playful-purple",
"pinky-boom",
"bypass-preview",
"calendar-scroll"

7
repo/theming/theme.css
View File

@ -30,6 +30,7 @@
[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;']
img {
height: var(--theme--page_banner-height) !important;
background: transparent !important;
}
.notion-peek-renderer > :nth-child(2) {
@ -70,6 +71,7 @@
[style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;']
img {
height: var(--theme--page_preview_banner-height) !important;
background: transparent !important;
}
/* backgrounds */
@ -362,7 +364,6 @@ body,
.notion-focusable
> [style*='width: 16px; height: 16px;'][style*='background: rgb(46, 170, 220);']
.check,
.notion-to_do-block .checkboxSquare[style*='fill: inherit'],
.notion-to_do-block .check {
fill: var(--theme--ui_toggle-feature) !important;
}
@ -700,6 +701,7 @@ body,
[style^='color: rgb(46, 170, 220)'] {
color: var(--theme--accent_blue) !important;
}
[style*='background: rgba(46, 170, 220, 0.'],
[style*='background-color: rgba(46, 170, 220, 0.'] {
background-color: var(--theme--accent_blue-selection) !important;
}
@ -791,7 +793,8 @@ body,
[style*='fill: rgba(55, 53, 47, 0.']:not([style*='fill: rgba(55, 53, 47, 0.8)']) {
fill: var(--theme--icon_secondary) !important;
}
.alarmClock {
.alarmClock,
.notion-to_do-block .checkboxSquare[style*='fill: inherit'] {
fill: currentColor !important;
}

2
repo/theming/variables.css
View File

@ -42,7 +42,7 @@
--theme--scrollbar_thumb: #d3d1cb;
--theme--scrollbar_thumb-hover: #aeaca6;
--theme--ui_shadow: rgba(15, 15, 15, 0.15);
--theme--ui_shadow: rgba(15, 15, 15, 0.05);
--theme--ui_divider: rgb(237, 237, 236);
--theme--ui_interactive-hover: rgba(55, 53, 47, 0.08);
--theme--ui_interactive-active: rgba(55, 53, 47, 0.16);

29
repo/tweaks/client.css
View File

@ -27,7 +27,9 @@
.enhancer--tweak-normalise_table_scroll
.notion-page-template-modal
.notion-collection_view-block {
width: 100% !important;
width: calc(100% + 8px) !important;
padding-left: 4px;
padding-right: 4px;
}
.enhancer--tweak-normalise_table_scroll
.notion-frame
@ -133,3 +135,28 @@
.enhancer--tweak-bracketed_links .notion-link-token:hover::after {
opacity: 1;
}
.enhancer--tweak-quotation_marks
.notion-quote-block
[style*='border-left: 3px solid currentcolor;'] {
position: relative;
padding-left: 24px !important;
padding-right: 18px !important;
}
.enhancer--tweak-quotation_marks .notion-quote-block [placeholder='Empty quote']::before,
.enhancer--tweak-quotation_marks .notion-quote-block [placeholder='Empty quote']::after {
font-family: Georgia, serif;
font-size: 24px;
font-weight: bold;
position: absolute;
}
.enhancer--tweak-quotation_marks .notion-quote-block [placeholder='Empty quote']::before {
content: '\201C';
left: 8px;
top: -2px;
}
.enhancer--tweak-quotation_marks .notion-quote-block [placeholder='Empty quote']::after {
content: '\201D';
right: 2px;
bottom: -2px;
}

1
repo/tweaks/client.mjs
View File

@ -35,6 +35,7 @@ export default async function (api, db) {
'spaced_lines',
'condensed_bullets',
'bracketed_links',
'quotation_marks',
];
for (const tweak of tweaks) {
if (await db.get([`tweak.${tweak}`])) {

7
repo/tweaks/mod.json
View File

@ -85,6 +85,13 @@
"label": "bracketed links",
"tooltip": "**render links surrounded with [[brackets]] instead of __underlined__**",
"value": false
},
{
"type": "toggle",
"key": "tweak.quotation_marks",
"label": "quote block quotation marks",
"tooltip": "**wrap quote block content in large, decorative serif quotation marks**",
"value": false
}
]
}