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

pastel dark theme + custom author definitions

Browse Source
This commit is contained in:
dragonwocky 2020-08-14 23:18:38 +10:00
parent 64358e5576
commit 69d45d9d77
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
20 changed files with 328 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
DOCUMENTATION.md
View File

@ -40,7 +40,11 @@ module.exports = {
tags?: Array<String> of categories,
desc: String of markdown,
version: String of semver,
author: String of github_username,
author: String of github_username OR {
name: String of author_name,
link: String of url,
avatar: String of image_source,
},
options?: Array<{
key: String,
label: String,
@ -54,16 +58,29 @@ module.exports = {
```
| key | value | type |
| ------- | ----------------------------------------------------------------------------------------------- | ----------------- |
| ------- | ----------------------------------------------------------------------------------------------- | ---------------------- |
| id | **required:** uuidv4 | _string_ |
| name | **required:** short name (e.g. 'frameless window') | _string_ |
| tags | **required:** categories/type (e.g. 'extension', 'theme', 'light', 'dark') | _array\<string\>_ |
| name | **required:** short name (e.g. `'ocean theme'`) | _string_ |
| tags | **required:** categories/type (e.g. `'extension'`, `'theme'`, `'light'`, `'dark'`) | _array\<string\>_ |
| desc | **optional:** 1-3 sentence description of what the module is/does, with basic markdown support. | _string_ |
| version | **required:** semver (e.g. '0.3.7') | _string_ |
| author | **required:** github username | _string_ |
| version | **required:** semver (e.g. `'0.3.7'`) | _string_ |
| author | **required:** see below: original extension creator | _string_ or \<object\> |
| options | **optional:** see below: options made available in the enhancer menu (accessible from the tray) | _array\<object\>_ |
| hacks | **optional:** see below: code inserted at various points | _object_ |
#### author
by default this is assumed to be a github username: just pass it as a string and
the link/avatar will be automatically found.
if you'd rather customise this, pass this object:
| key | value | type |
| ------ | ------------------------------------------ | -------- |
| name | **required:** author's (your?) name | _string_ |
| link | **required:** link to the author's profile | _string_ |
| avatar | **required:** url for the author's avatar | _string_ |
#### options
| key | value | type |

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

@ -11,6 +11,6 @@ module.exports = {
tags: ['extension'],
name: 'bracketed links',
desc: 'render links surrounded with [[brackets]] instead of __underlined__.',
version: '0.0.1',
version: '0.1.0',
author: 'arecsu',
};

39
mods/core/css/dark.css
View File

@ -170,6 +170,7 @@
.notion-dark-theme [style*='background: rgba(151, 154, 155, 0.5)'],
.notion-dark-theme [style*='background:rgb(69,75,78)'] {
background: var(--theme_dark--bg_gray) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(69, 75, 78)'] {
background: var(--theme_dark--line_gray) !important;
@ -180,6 +181,7 @@
.notion-dark-theme [style*='background: rgba(147, 114, 100, 0.5)'],
.notion-dark-theme [style*='background:rgb(67,64,64)'] {
background: var(--theme_dark--bg_brown) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(67, 64, 64)'] {
background: var(--theme_dark--line_brown) !important;
@ -190,6 +192,7 @@
.notion-dark-theme [style*='background: rgba(255, 163, 68, 0.5)'],
.notion-dark-theme [style*='background:rgb(89,74,58)'] {
background: var(--theme_dark--bg_orange) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(89, 74, 58)'] {
background: var(--theme_dark--line_orange) !important;
@ -200,6 +203,7 @@
.notion-dark-theme [style*='background: rgba(255, 220, 73, 0.5)'],
.notion-dark-theme [style*='background:rgb(89,86,59)'] {
background: var(--theme_dark--bg_yellow) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(89, 86, 59)'] {
background: var(--theme_dark--line_yellow) !important;
@ -210,6 +214,7 @@
.notion-dark-theme [style*='background: rgba(77, 171, 154, 0.5)'],
.notion-dark-theme [style*='background:rgb(53,76,75)'] {
background: var(--theme_dark--bg_green) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(53, 76, 75)'] {
background: var(--theme_dark--line_green) !important;
@ -220,6 +225,7 @@
.notion-dark-theme [style*='background: rgba(82, 156, 202, 0.5)'],
.notion-dark-theme [style*='background:rgb(54,73,84)'] {
background: var(--theme_dark--bg_blue) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(54, 73, 84)'] {
background: var(--theme_dark--line_blue) !important;
@ -230,6 +236,7 @@
.notion-dark-theme [style*='background: rgba(154, 109, 215, 0.5)'],
.notion-dark-theme [style*='background:rgb(68,63,87)'] {
background: var(--theme_dark--bg_purple) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(68, 63, 87)'] {
background: var(--theme_dark--line_purple) !important;
@ -240,6 +247,7 @@
.notion-dark-theme [style*='background: rgba(226, 85, 161, 0.5)'],
.notion-dark-theme [style*='background:rgb(83,59,76)'] {
background: var(--theme_dark--bg_pink) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(83, 59, 76)'] {
background: var(--theme_dark--line_pink) !important;
@ -250,11 +258,42 @@
.notion-dark-theme [style*='background: rgba(255, 115, 105, 0.5);'],
.notion-dark-theme [style*='background:rgb(89,65,65)'] {
background: var(--theme_dark--bg_red) !important;
color: var(--theme_dark--bg_text) !important;
}
.notion-dark-theme [style*='background: rgb(89, 65, 65)'] {
background: var(--theme_dark--line_red) !important;
}
.notion-dark-theme
[style*='background: rgb(69, 75, 78)']
[style*='color: rgba(255, 255, 255, 0.9)'],
.notion-dark-theme
[style*='background: rgb(67, 64, 64)']
[style*='color: rgba(255, 255, 255, 0.9)'],
.notion-dark-theme
[style*='background: rgb(89, 74, 58)']
[style*='color: rgba(255, 255, 255, 0.9)'],
.notion-dark-theme
[style*='background: rgb(89, 86, 59)']
[style*='color: rgba(255, 255, 255, 0.9)'],
.notion-dark-theme
[style*='background: rgb(53, 76, 75)']
[style*='color: rgba(255, 255, 255, 0.9)'],
.notion-dark-theme
[style*='background: rgb(54, 73, 84)']
[style*='color: rgba(255, 255, 255, 0.9)'],
.notion-dark-theme
[style*='background: rgb(68, 63, 87)']
[style*='color: rgba(255, 255, 255, 0.9)'],
.notion-dark-theme
[style*='background: rgb(83, 59, 76)']
[style*='color: rgba(255, 255, 255, 0.9)'],
.notion-dark-theme
[style*='background: rgb(89, 65, 65)']
[style*='color: rgba(255, 255, 255, 0.9)'] {
color: var(--theme_dark--line_text) !important;
}
/* code */
.notion-dark-theme [style*='color:#EB5757'] {

39
mods/core/css/light.css
View File

@ -178,6 +178,7 @@
.notion-light-theme [style*='background: rgba(140, 46, 0, 0.2)'],
.notion-light-theme [style*='background:rgb(235,236,237)'] {
background: var(--theme_light--bg_gray) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(235, 236, 237)'] {
background: var(--theme_light--line_gray) !important;
@ -188,6 +189,7 @@
.notion-light-theme [style*='background: rgba(140, 46, 0, 0.2)'],
.notion-light-theme [style*='background:rgb(233,229,227)'] {
background: var(--theme_light--bg_brown) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(233, 229, 227)'] {
background: var(--theme_light--line_brown) !important;
@ -198,6 +200,7 @@
.notion-light-theme [style*='background: rgba(245, 93, 0, 0.2)'],
.notion-light-theme [style*='background:rgb(250,235,221)'] {
background: var(--theme_light--bg_orange) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(250, 235, 221)'] {
background: var(--theme_light--line_orange) !important;
@ -208,6 +211,7 @@
.notion-light-theme [style*='background: rgba(233, 168, 0, 0.2)'],
.notion-light-theme [style*='background:rgb(251,243,219)'] {
background: var(--theme_light--bg_yellow) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(251, 243, 219)'] {
background: var(--theme_light--line_yellow) !important;
@ -218,6 +222,7 @@
.notion-light-theme [style*='background: rgba(0, 135, 107, 0.2)'],
.notion-light-theme [style*='background:rgb(221,237,234)'] {
background: var(--theme_light--bg_green) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(221, 237, 234)'] {
background: var(--theme_light--line_green) !important;
@ -228,6 +233,7 @@
.notion-light-theme [style*='background: rgba(0, 120, 223, 0.2)'],
.notion-light-theme [style*='background:rgb(221,235,241)'] {
background: var(--theme_light--bg_blue) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(221, 235, 241)'] {
background: var(--theme_light--line_blue) !important;
@ -238,6 +244,7 @@
.notion-light-theme [style*='background: rgba(103, 36, 222, 0.2)'],
.notion-light-theme [style*='background:rgb(234,228,242)'] {
background: var(--theme_light--bg_purple) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(234, 228, 242)'] {
background: var(--theme_light--line_purple) !important;
@ -248,6 +255,7 @@
.notion-light-theme [style*='background: rgba(221, 0, 129, 0.2)'],
.notion-light-theme [style*='background:rgb(244,223,235)'] {
background: var(--theme_light--bg_pink) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(244, 223, 235)'] {
background: var(--theme_light--line_pink) !important;
@ -258,11 +266,42 @@
.notion-light-theme [style*='background: rgba(255, 0, 26, 0.2)'],
.notion-light-theme [style*='background:rgb(251,228,228)'] {
background: var(--theme_light--bg_red) !important;
color: var(--theme_light--bg_text) !important;
}
.notion-light-theme [style*='background: rgb(251, 228, 228)'] {
background: var(--theme_light--line_red) !important;
}
.notion-light-theme
[style*='background: rgb(235, 236, 237)']
[style*='color: rgb(55, 53, 47);'],
.notion-light-theme
[style*='background: rgb(233, 229, 227)']
[style*='color: rgb(55, 53, 47);'],
.notion-light-theme
[style*='background: rgb(250, 235, 221)']
[style*='color: rgb(55, 53, 47);'],
.notion-light-theme
[style*='background: rgb(251, 243, 219)']
[style*='color: rgb(55, 53, 47);'],
.notion-light-theme
[style*='background: rgb(221, 237, 234)']
[style*='color: rgb(55, 53, 47);'],
.notion-light-theme
[style*='background: rgb(221, 235, 241)']
[style*='color: rgb(55, 53, 47);'],
.notion-light-theme
[style*='background: rgb(234, 228, 242)']
[style*='color: rgb(55, 53, 47);'],
.notion-light-theme
[style*='background: rgb(244, 223, 235)']
[style*='color: rgb(55, 53, 47);'],
.notion-light-theme
[style*='background: rgb(251, 228, 228)']
[style*='color: rgb(55, 53, 47);'] {
color: var(--theme_light--line_text) !important;
}
/* code */
.notion-light-theme [style*='color:#EB5757'] {

4
mods/core/css/localised.css
View File

@ -66,6 +66,7 @@
--theme--text_purple: var(--theme_dark--text_purple);
--theme--text_pink: var(--theme_dark--text_pink);
--theme--text_red: var(--theme_dark--text_red);
--theme--bg_text: var(--theme_dark--bg_text);
--theme--bg_gray: var(--theme_dark--bg_gray);
--theme--bg_brown: var(--theme_dark--bg_brown);
--theme--bg_orange: var(--theme_dark--bg_orange);
@ -75,6 +76,7 @@
--theme--bg_purple: var(--theme_dark--bg_purple);
--theme--bg_pink: var(--theme_dark--bg_pink);
--theme--bg_red: var(--theme_dark--bg_red);
--theme--line_text: var(--theme_dark--line_text);
--theme--line_gray: var(--theme_dark--line_gray);
--theme--line_brown: var(--theme_dark--line_brown);
--theme--line_orange: var(--theme_dark--line_orange);
@ -164,6 +166,7 @@
--theme--text_purple: var(--theme_light--text_purple);
--theme--text_pink: var(--theme_light--text_pink);
--theme--text_red: var(--theme_light--text_red);
--theme--bg_text: var(--theme_light--bg_text);
--theme--bg_gray: var(--theme_light--bg_gray);
--theme--bg_brown: var(--theme_light--bg_brown);
--theme--bg_orange: var(--theme_light--bg_orange);
@ -173,6 +176,7 @@
--theme--bg_purple: var(--theme_light--bg_purple);
--theme--bg_pink: var(--theme_light--bg_pink);
--theme--bg_red: var(--theme_light--bg_red);
--theme--line_text: var(--theme_light--line_text);
--theme--line_gray: var(--theme_light--line_gray);
--theme--line_brown: var(--theme_light--line_brown);
--theme--line_orange: var(--theme_light--line_orange);

4
mods/core/css/menu.css
View File

@ -133,13 +133,13 @@ s {
font-weight: bold;
font-size: 1.2em;
padding-right: 0.5rem;
color: var(--theme--text_ui_info);
color: var(--theme--bg_text);
}
#alerts [role='alert'] p {
font-size: 1rem;
margin: auto 0;
padding-left: 0.5em;
color: var(--theme--text_ui);
color: var(--theme--bg_text);
}
#alerts .error {

10
mods/core/css/variables.css
View File

@ -79,6 +79,8 @@
--theme_dark--text_purple: rgb(154, 109, 215);
--theme_dark--text_pink: rgb(226, 85, 161);
--theme_dark--text_red: rgb(255, 115, 105);
--theme_dark--bg_text: var(--theme_dark--text);
--theme_dark--bg_gray: rgba(151, 154, 155, 0.5);
--theme_dark--bg_brown: rgba(147, 114, 100, 0.5);
--theme_dark--bg_orange: rgba(255, 163, 68, 0.5);
@ -88,6 +90,8 @@
--theme_dark--bg_purple: rgba(154, 109, 215, 0.5);
--theme_dark--bg_pink: rgba(226, 85, 161, 0.5);
--theme_dark--bg_red: rgba(255, 115, 105, 0.5);
--theme_dark--line_text: var(--theme_dark--text);
--theme_dark--line_gray: rgb(69, 75, 78);
--theme_dark--line_brown: rgb(67, 64, 64);
--theme_dark--line_orange: rgb(89, 74, 58);
@ -188,6 +192,8 @@
--theme_light--text_purple: rgb(105, 64, 165);
--theme_light--text_pink: rgb(173, 26, 114);
--theme_light--text_red: rgb(224, 62, 62);
--theme_light--bg_text: var(--theme_light--text);
--theme_light--bg_gray: rgb(235, 236, 237);
--theme_light--bg_brown: rgb(233, 229, 227);
--theme_light--bg_orange: rgb(250, 235, 221);
@ -197,13 +203,15 @@
--theme_light--bg_purple: rgb(234, 228, 242);
--theme_light--bg_pink: rgb(244, 223, 235);
--theme_light--bg_red: rgb(251, 228, 228);
--theme_light--line_text: var(--theme_light--text);
--theme_light--line_gray: rgb(235, 236, 237);
--theme_light--line_brown: rgb(233, 229, 227);
--theme_light--line_orange: rgb(250, 235, 221);
--theme_light--line_yellow: rgb(251, 243, 219);
--theme_light--line_green: rgb(221, 237, 234);
--theme_light--line_blue: rgb(221, 235, 241);
--theme_light--line_purple: rgb(105, 64, 165);
--theme_light--line_purple: rgb(234, 228, 242);
--theme_light--line_pink: rgb(244, 223, 235);
--theme_light--line_red: rgb(251, 228, 228);

4
mods/core/css/variables.json
View File

@ -54,6 +54,7 @@
"--theme_dark--text_purple",
"--theme_dark--text_pink",
"--theme_dark--text_red",
"--theme_dark--bg_text",
"--theme_dark--bg_gray",
"--theme_dark--bg_brown",
"--theme_dark--bg_orange",
@ -63,6 +64,7 @@
"--theme_dark--bg_purple",
"--theme_dark--bg_pink",
"--theme_dark--bg_red",
"--theme_dark--line_text",
"--theme_dark--line_gray",
"--theme_dark--line_brown",
"--theme_dark--line_orange",
@ -145,6 +147,7 @@
"--theme_light--text_purple",
"--theme_light--text_pink",
"--theme_light--text_red",
"--theme_light--bg_text",
"--theme_light--bg_gray",
"--theme_light--bg_brown",
"--theme_light--bg_orange",
@ -154,6 +157,7 @@
"--theme_light--bg_purple",
"--theme_light--bg_pink",
"--theme_light--bg_red",
"--theme_light--line_text",
"--theme_light--line_gray",
"--theme_light--line_brown",
"--theme_light--line_orange",

18
mods/core/menu.js
View File

@ -373,7 +373,15 @@ window['__start'] = async () => {
? 1
: a.name.localeCompare(b.name)
)) {
const menuStore = store('mods', { [mod.id]: { enabled: false } });
const menuStore = store('mods', { [mod.id]: { enabled: false } }),
author =
typeof mod.author === 'object'
? mod.author
: {
name: mod.author,
link: `https://github.com/${mod.author}`,
avatar: `https://github.com/${mod.author}.png`,
};
mod.elem = createElement(`
<section class="${
mod.tags.includes('core') || menuStore[mod.id].enabled
@ -397,11 +405,9 @@ window['__start'] = async () => {
.join(' ')}</p>
<div class="desc">${markdown(mod.desc)}</div>
<p>
<a href="https://github.com/${mod.author}" class="author">
<img src="https://github.com/${
mod.author
}.png" onerror="this.src='./icons/user.png'">
${mod.author}
<a href="${author.link}" class="author">
<img src="${author.avatar}" onerror="this.src='./icons/user.png'">
${author.name}
</a>
<span class="version">v${mod.version}</span>
</p>

2
mods/custom-inserts/mod.js
View File

@ -11,7 +11,7 @@ module.exports = {
tags: ['extension'],
name: 'custom inserts',
desc: 'link files for small client-side tweaks.',
version: '0.0.2',
version: '0.1.1',
author: 'dragonwocky',
options: [
{

2
mods/dark+/mod.js
View File

@ -11,7 +11,7 @@ module.exports = {
tags: ['theme', 'dark'],
name: 'dark+',
desc: 'a vivid-colour near-black theme.',
version: '0.1.0',
version: '0.1.3',
author: 'dragonwocky',
options: [
{

4
mods/dark+/styles.css
View File

@ -72,6 +72,8 @@
--theme_dark--text_purple: rgb(154, 109, 215);
--theme_dark--text_pink: rgb(226, 85, 161);
--theme_dark--text_red: rgb(218, 47, 35);
/* --theme_dark--bg_text: var(--theme_dark--text); */
--theme_dark--bg_gray: rgba(126, 128, 129, 0.5);
--theme_dark--bg_brown: #50331f;
--theme_dark--bg_orange: rgba(255, 155, 0, 0.58);
@ -81,6 +83,8 @@
--theme_dark--bg_purple: rgba(91, 49, 148, 0.74);
--theme_dark--bg_pink: rgba(243, 61, 159, 0.5);
--theme_dark--bg_red: rgb(122, 20, 20);
/* --theme_dark--line_text: var(--theme_dark--text); */
--theme_dark--line_gray: rgba(126, 128, 129, 0.301);
--theme_dark--line_brown: #50331fad;
--theme_dark--line_orange: rgba(255, 153, 0, 0.315);

2
mods/focus-mode/mod.js
View File

@ -13,6 +13,6 @@ module.exports = {
name: 'focus mode',
desc:
'hide the titlebar/menubar if the sidebar is closed (will be shown on hover).',
version: '0.0.1',
version: '0.1.0',
author: 'arecsu',
};

11
mods/gameish/mod.js
View File

@ -1,7 +1,7 @@
/*
* gameish
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 alizarin
* (c) 2020 u/LVL100ShrekCultist
* under the MIT license
*/
@ -12,6 +12,11 @@ module.exports = {
tags: ['theme', 'dark'],
name: 'gameish',
desc: 'a purple, "gamer-styled" theme with a blocky-font.',
version: '0.0.3',
author: 'alizarin',
version: '0.1.1',
author: {
name: 'LVL100ShrekCultist',
link: 'https://www.reddit.com/user/LVL100ShrekCultist/',
avatar:
'https://styles.redditmedia.com/t5_2js69j/styles/profileIcon_jvnzmo30fyq41.jpg',
},
};

10
mods/gameish/styles.css
View File

@ -1,7 +1,7 @@
/*
* gameish
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 alizarin
* (c) 2020 u/LVL100ShrekCultist
* under the MIT license
*/
@ -78,7 +78,9 @@
--theme_dark--text_purple: #d43cc7;
/* --theme_dark--text_pink: rgb(226, 85, 161); */
--theme_dark--text_red: #d93939;
/* --theme_dark--bg_gray: rgba(151, 154, 155, 0.5);
/* --theme_dark--bg_text: var(--theme_dark--text);
--theme_dark--bg_gray: rgba(151, 154, 155, 0.5);
--theme_dark--bg_brown: rgba(147, 114, 100, 0.5);
--theme_dark--bg_orange: rgba(255, 163, 68, 0.5);
--theme_dark--bg_yellow: rgba(255, 220, 73, 0.5);
@ -87,7 +89,9 @@
--theme_dark--bg_purple: rgba(154, 109, 215, 0.5);
--theme_dark--bg_pink: rgba(226, 85, 161, 0.5); */
--theme_dark--bg_red: rgba(216, 57, 46, 0.5);
/* --theme_dark--line_gray: rgb(69, 75, 78); */
/* --theme_dark--line_text: var(--theme_dark--text);
--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;

2
mods/neutral/mod.js
View File

@ -12,6 +12,6 @@ module.exports = {
tags: ['theme', 'dark'],
name: 'neutral',
desc: 'smoother colours and fonts, designed to be more pleasing to the eye.',
version: '0.0.2',
version: '0.1.0',
author: 'arecsu',
};

8
mods/neutral/styles.css
View File

@ -55,8 +55,8 @@
--theme_dark--selected: #52525244;
--theme_dark--primary: #404040;
--theme_dark--primary_hover: #f3f3f3;
--theme_dark--primary_click: #f3f3f3;
--theme_dark--primary_hover: #6d6d6d;
--theme_dark--primary_click: #cacaca;
--theme_dark--primary_indicator: #6d6d6d;
/* --theme_dark--option-color: white;
@ -82,6 +82,8 @@
--theme_dark--text_purple: #ab82bb;
--theme_dark--text_pink: #d285aa;
--theme_dark--text_red: #ce535f;
/* --theme_dark--bg_text: var(--theme_dark--text); */
--theme_dark--bg_gray: #585858;
--theme_dark--bg_brown: #333333;
--theme_dark--bg_orange: #9a5a3f;
@ -91,6 +93,8 @@
--theme_dark--bg_purple: #775186;
--theme_dark--bg_pink: #8e4b63;
--theme_dark--bg_red: #8c3d3d;
/* --theme_dark--line_text: var(--theme_dark--text); */
--theme_dark--line_gray: #585858;
--theme_dark--line_brown: #333333;
--theme_dark--line_orange: #9a5a3f;

22
mods/pastel-dark/mod.js Normal file
View File

@ -0,0 +1,22 @@
/*
* pastel dark
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 u/zenith_illinois
* under the MIT license
*/
'use strict';
module.exports = {
id: '033bff54-50ba-4cec-bdc0-b2ca7e307085',
tags: ['theme', 'dark'],
name: 'pastel dark',
desc: 'a true dark theme with a hint of pastel.',
version: '0.1.0',
author: {
name: 'zenith_illinois',
link: 'https://www.reddit.com/user/zenith_illinois/',
avatar:
'https://cdn.discordapp.com/avatars/565182533940150283/54f36546ab586298a5df5c238cbaaa4b.png?size=128',
},
};

138
mods/pastel-dark/styles.css Normal file
View File

@ -0,0 +1,138 @@
/*
* pastel dark
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 u/zenith_illinois
* under the MIT license
*/
@import url('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--preview-width: 977px;
--theme_dark--preview-padding: 8em;
--theme_dark--preview_banner-height: 20vh;
--theme_dark--page_banner-height: 30vh; */
--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_serif: Lyon-Text, Georgia, YuMincho, 'Yu Mincho',
'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'Songti TC', 'Songti SC',
SimSun, 'Nanum Myeongjo', NanumMyeongjo, Batang, serif;
--theme_dark--font_mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
--theme_dark--font_code: SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
Courier, monospace; */
/* --theme_dark--font_title-size: 40px;
--theme_dark--font_heading1-size: 30px;
--theme_dark--font_heading2-size: 24px;
--theme_dark--font_heading3-size: 20px;
--theme_dark--font_label-size: 14px;
--theme_dark--font_body-size: 16px;
--theme_dark--font_code-size: 12.75px;
--theme_dark--font_sidebar-size: 14px; */
--theme_dark--scrollbar: #141414;
/* --theme_dark--scrollbar-border: transparent; */
--theme_dark--scrollbar_hover: #1b1b1b;
--theme_dark--card: #0f0f0f;
--theme_dark--gallery: rgba(8, 8, 8, 0.05);
--theme_dark--table-border: rgba(255, 255, 255, 0.1);
--theme_dark--interactive_hover: #1e1e1e5c;
/* --theme_dark--interactive_hover-border: transparent; */
--theme_dark--button_close: #eb5757;
/* --theme_dark--button_close-fill: white; */
--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-color: white;
--theme_dark--option-background: transparent;
--theme_dark--option_active-color: white; */
--theme_dark--option_active-background: var(--theme_dark--primary);
/* --theme_dark--option_hover-color: white; */
--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(55, 53, 47);
--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--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);
}
img[src*='/images/onboarding/use-case-note.png'],
img[src*='/images/onboarding/team-features-illustration.png'] {
filter: invert(1) !important;
}
img[src*='/images/onboarding/checked.svg'] {
filter: hue-rotate(45deg) !important;
}
img[style*='display: block; object-fit: cover; border-radius: 100%; width: 90px; height: 90px;']:hover,
img[style*='display: block; object-fit: cover; border-radius: 3px; width: 56.832px; height: 56.832px; transition: opacity 100ms ease-out 0s;']:hover {
filter: brightness(1.2);
}
[style*='font-family: iawriter-mono, Nitti, Menlo, Courier, monospace;'] {
filter: hue-rotate(170deg) !important;
}

1
pkg/helpers.js
View File

@ -134,6 +134,7 @@ function getEnhancements() {
))
)
throw Error;
modules.IDs.push(mod.id);
modules.loaded.push({
...mod,
dir,