From 69d45d9d772b39c67a30113f9b03c7e4b04950b0 Mon Sep 17 00:00:00 2001 From: dragonwocky Date: Fri, 14 Aug 2020 23:18:38 +1000 Subject: [PATCH] pastel dark theme + custom author definitions --- DOCUMENTATION.md | 39 +++++++--- mods/bracketed-links/mod.js | 2 +- mods/core/css/dark.css | 39 ++++++++++ mods/core/css/light.css | 39 ++++++++++ mods/core/css/localised.css | 4 + mods/core/css/menu.css | 4 +- mods/core/css/variables.css | 10 ++- mods/core/css/variables.json | 4 + mods/core/menu.js | 18 +++-- mods/custom-inserts/mod.js | 2 +- mods/dark+/mod.js | 2 +- mods/dark+/styles.css | 4 + mods/focus-mode/mod.js | 2 +- mods/gameish/mod.js | 11 ++- mods/gameish/styles.css | 10 ++- mods/neutral/mod.js | 2 +- mods/neutral/styles.css | 8 +- mods/pastel-dark/mod.js | 22 ++++++ mods/pastel-dark/styles.css | 138 +++++++++++++++++++++++++++++++++++ pkg/helpers.js | 1 + 20 files changed, 328 insertions(+), 33 deletions(-) create mode 100644 mods/pastel-dark/mod.js create mode 100644 mods/pastel-dark/styles.css diff --git a/DOCUMENTATION.md b/DOCUMENTATION.md index 1bf0ce0..e033195 100644 --- a/DOCUMENTATION.md +++ b/DOCUMENTATION.md @@ -40,7 +40,11 @@ module.exports = { tags?: Array 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, @@ -53,16 +57,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\_ | -| 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_ | -| options | **optional:** see below: options made available in the enhancer menu (accessible from the tray) | _array\_ | -| hacks | **optional:** see below: code inserted at various points | _object_ | +| key | value | type | +| ------- | ----------------------------------------------------------------------------------------------- | ---------------------- | +| id | **required:** uuidv4 | _string_ | +| name | **required:** short name (e.g. `'ocean theme'`) | _string_ | +| tags | **required:** categories/type (e.g. `'extension'`, `'theme'`, `'light'`, `'dark'`) | _array\_ | +| 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:** see below: original extension creator | _string_ or \ | +| options | **optional:** see below: options made available in the enhancer menu (accessible from the tray) | _array\_ | +| 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 diff --git a/mods/bracketed-links/mod.js b/mods/bracketed-links/mod.js index a92597d..551e979 100644 --- a/mods/bracketed-links/mod.js +++ b/mods/bracketed-links/mod.js @@ -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', }; diff --git a/mods/core/css/dark.css b/mods/core/css/dark.css index 5dc1df7..edea597 100644 --- a/mods/core/css/dark.css +++ b/mods/core/css/dark.css @@ -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'] { diff --git a/mods/core/css/light.css b/mods/core/css/light.css index 4cc43ea..b72ab69 100644 --- a/mods/core/css/light.css +++ b/mods/core/css/light.css @@ -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'] { diff --git a/mods/core/css/localised.css b/mods/core/css/localised.css index 16709b9..160603e 100644 --- a/mods/core/css/localised.css +++ b/mods/core/css/localised.css @@ -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); diff --git a/mods/core/css/menu.css b/mods/core/css/menu.css index 7583cf8..bcd6713 100644 --- a/mods/core/css/menu.css +++ b/mods/core/css/menu.css @@ -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 { diff --git a/mods/core/css/variables.css b/mods/core/css/variables.css index f21f4a9..7854438 100644 --- a/mods/core/css/variables.css +++ b/mods/core/css/variables.css @@ -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); diff --git a/mods/core/css/variables.json b/mods/core/css/variables.json index 19e7fd4..da593b8 100644 --- a/mods/core/css/variables.json +++ b/mods/core/css/variables.json @@ -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", diff --git a/mods/core/menu.js b/mods/core/menu.js index 542fc11..4f0f3e1 100644 --- a/mods/core/menu.js +++ b/mods/core/menu.js @@ -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(`
${markdown(mod.desc)}

- - - ${mod.author} + + + ${author.name} v${mod.version}

diff --git a/mods/custom-inserts/mod.js b/mods/custom-inserts/mod.js index 89a6b17..0879d36 100644 --- a/mods/custom-inserts/mod.js +++ b/mods/custom-inserts/mod.js @@ -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: [ { diff --git a/mods/dark+/mod.js b/mods/dark+/mod.js index 56d4d99..c0bac84 100644 --- a/mods/dark+/mod.js +++ b/mods/dark+/mod.js @@ -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: [ { diff --git a/mods/dark+/styles.css b/mods/dark+/styles.css index 2628758..3bc37dc 100644 --- a/mods/dark+/styles.css +++ b/mods/dark+/styles.css @@ -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); diff --git a/mods/focus-mode/mod.js b/mods/focus-mode/mod.js index d5eee7f..3f61241 100644 --- a/mods/focus-mode/mod.js +++ b/mods/focus-mode/mod.js @@ -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', }; diff --git a/mods/gameish/mod.js b/mods/gameish/mod.js index 1289918..7fac8f9 100644 --- a/mods/gameish/mod.js +++ b/mods/gameish/mod.js @@ -1,7 +1,7 @@ /* * gameish * (c) 2020 dragonwocky (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', + }, }; diff --git a/mods/gameish/styles.css b/mods/gameish/styles.css index 2257aeb..08e4274 100644 --- a/mods/gameish/styles.css +++ b/mods/gameish/styles.css @@ -1,7 +1,7 @@ /* * gameish * (c) 2020 dragonwocky (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; diff --git a/mods/neutral/mod.js b/mods/neutral/mod.js index 500d734..ba1dfc2 100644 --- a/mods/neutral/mod.js +++ b/mods/neutral/mod.js @@ -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', }; diff --git a/mods/neutral/styles.css b/mods/neutral/styles.css index 78fce15..d57f3c8 100644 --- a/mods/neutral/styles.css +++ b/mods/neutral/styles.css @@ -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; diff --git a/mods/pastel-dark/mod.js b/mods/pastel-dark/mod.js new file mode 100644 index 0000000..6ed006d --- /dev/null +++ b/mods/pastel-dark/mod.js @@ -0,0 +1,22 @@ +/* + * pastel dark + * (c) 2020 dragonwocky (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', + }, +}; diff --git a/mods/pastel-dark/styles.css b/mods/pastel-dark/styles.css new file mode 100644 index 0000000..a37d7e9 --- /dev/null +++ b/mods/pastel-dark/styles.css @@ -0,0 +1,138 @@ +/* + * pastel dark + * (c) 2020 dragonwocky (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; +} diff --git a/pkg/helpers.js b/pkg/helpers.js index 4654892..d8309eb 100644 --- a/pkg/helpers.js +++ b/pkg/helpers.js @@ -134,6 +134,7 @@ function getEnhancements() { )) ) throw Error; + modules.IDs.push(mod.id); modules.loaded.push({ ...mod, dir,