From d94629d9ed80deed6752b75581ddc66a29e515b2 Mon Sep 17 00:00:00 2001 From: dragonwocky Date: Tue, 20 Oct 2020 11:59:22 +1100 Subject: [PATCH] update themes to new variables --- repo/core/tray.js | 4 +-- repo/dark+/mod.js | 2 +- repo/dark+/styles.css | 5 +++- repo/littilepig-dark/mod.js | 2 +- repo/littilepig-dark/styles.css | 8 +++--- repo/material-ocean/styles.css | 45 ++++++++++++++++++--------------- repo/neutral/styles.css | 40 +++++++++++++++-------------- repo/pastel-dark/mod.js | 2 +- repo/pastel-dark/styles.css | 44 +++++++++++++++++--------------- 9 files changed, 80 insertions(+), 72 deletions(-) diff --git a/repo/core/tray.js b/repo/core/tray.js index 59e292a..9e832a1 100644 --- a/repo/core/tray.js +++ b/repo/core/tray.js @@ -32,9 +32,7 @@ module.exports = (store, __exports) => { // menu - electron.ipcMain.on('enhancer:open-menu', (event, arg) => { - openEnhancerMenu(); - }); + electron.ipcMain.on('enhancer:open-menu', openEnhancerMenu); electron.ipcMain.on('enhancer:set-menu-theme', (event, arg) => { if (!enhancer_menu) return; enhancer_menu.webContents.send('enhancer:set-menu-theme', arg); diff --git a/repo/dark+/mod.js b/repo/dark+/mod.js index 3fbd819..981a1c7 100644 --- a/repo/dark+/mod.js +++ b/repo/dark+/mod.js @@ -11,7 +11,7 @@ module.exports = { tags: ['theme', 'dark'], name: 'dark+', desc: 'a vivid-colour near-black theme.', - version: '0.1.5', + version: '0.1.6', author: 'dragonwocky', options: [ { diff --git a/repo/dark+/styles.css b/repo/dark+/styles.css index 5308330..4ed9764 100644 --- a/repo/dark+/styles.css +++ b/repo/dark+/styles.css @@ -8,14 +8,17 @@ --theme_dark--main: rgb(5, 5, 5); --theme_dark--sidebar: rgb(1, 1, 1); --theme_dark--dragarea: #000; + --theme_dark--box-shadow_strong: none; --theme_dark--scrollbar: #23242599; --theme_dark--scrollbar-border: transparent; --theme_dark--scrollbar_hover: #37383899; - --theme_dark--card: #101010; + --theme_dark--card: rgb(8, 8, 8); --theme_dark--gallery: rgba(26, 26, 26, 0.3); + --theme_dark--select_input: rgb(12, 12, 12); --theme_dark--table-border: rgba(46, 46, 46, 0.7); + --theme_dark--ui-border: var(--theme_dark--table-border); --theme_dark--interactive_hover: #020202; --theme_dark--option_hover-background: rgb(32, 32, 32); diff --git a/repo/littilepig-dark/mod.js b/repo/littilepig-dark/mod.js index a655447..469127c 100644 --- a/repo/littilepig-dark/mod.js +++ b/repo/littilepig-dark/mod.js @@ -12,7 +12,7 @@ module.exports = { tags: ['theme', 'dark'], name: 'littlepig dark', desc: 'a purple monospaced theme using emojis and colourful text.', - version: '0.1.1', + version: '0.1.2', author: { name: 'Lizishan', link: 'https://www.reddit.com/user/Lizishan/', diff --git a/repo/littilepig-dark/styles.css b/repo/littilepig-dark/styles.css index af8c8a1..cf06d90 100644 --- a/repo/littilepig-dark/styles.css +++ b/repo/littilepig-dark/styles.css @@ -10,10 +10,10 @@ --theme_dark--sidebar: #24222c; --theme_dark--dragarea: #19181f; - --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_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; diff --git a/repo/material-ocean/styles.css b/repo/material-ocean/styles.css index cb6bc4f..e00d769 100644 --- a/repo/material-ocean/styles.css +++ b/repo/material-ocean/styles.css @@ -7,6 +7,7 @@ :root { --ocean-main: #0f111a; --ocean-sec: #00010a; + --ocean-tet: #000108; --ocean-accent: #ff4151; --ocean-gray: #e0e0e0; --ocean-brown: #d8b6a6; @@ -28,8 +29,10 @@ --theme_dark--card: var(--ocean-sec); --theme_dark--gallery: var(--ocean-sec); + --theme_dark--select_input: var(--ocean-tet); --theme_dark--table-border: rgba(255, 255, 255, 0.1); - --theme_dark--interactive_hover: var(--ocean-main); + --theme_dark--ui-border: var(--theme_dark--table-border); + --theme_dark--interactive_hover: var(--ocean-tet); --theme_dark--button_close: var(--ocean-accent); --theme_dark--selected: rgba(255, 65, 81, 0.2); @@ -58,16 +61,16 @@ --theme_dark--text_pink: var(--ocean-pink); --theme_dark--text_red: var(--ocean-red); - --theme_dark--select-text: var(--ocean-main); - --theme_dark--select_gray: var(--ocean-gray); - --theme_dark--select_brown: var(--ocean-brown); - --theme_dark--select_orange: var(--ocean-orange); - --theme_dark--select_yellow: var(--ocean-yellow); - --theme_dark--select_green: var(--ocean-green); - --theme_dark--select_blue: var(--ocean-blue); - --theme_dark--select_purple: var(--ocean-purple); - --theme_dark--select_pink: var(--ocean-pink); - --theme_dark--select_red: var(--ocean-red); + --theme_dark--bg-text: var(--ocean-main); + --theme_dark--bg_gray: var(--ocean-gray); + --theme_dark--bg_brown: var(--ocean-brown); + --theme_dark--bg_orange: var(--ocean-orange); + --theme_dark--bg_yellow: var(--ocean-yellow); + --theme_dark--bg_green: var(--ocean-green); + --theme_dark--bg_blue: var(--ocean-blue); + --theme_dark--bg_purple: var(--ocean-purple); + --theme_dark--bg_pink: var(--ocean-pink); + --theme_dark--bg_red: var(--ocean-red); --theme_dark--line-text: var(--ocean-main); --theme_dark--line_gray: #e0e0e089; @@ -80,16 +83,16 @@ --theme_dark--line_pink: #ffc0cbb1; --theme_dark--line_red: #bf616a9e; - --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); + --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); diff --git a/repo/neutral/styles.css b/repo/neutral/styles.css index 5f6c242..dff7185 100644 --- a/repo/neutral/styles.css +++ b/repo/neutral/styles.css @@ -38,7 +38,9 @@ --theme_dark--card: #171717; --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; @@ -66,25 +68,15 @@ --theme_dark--text_pink: #d285aa; --theme_dark--text_red: #ce535f; - --theme_dark--select_gray: #585858; - --theme_dark--select_brown: #333333; - --theme_dark--select_orange: #9a5a3f; - --theme_dark--select_yellow: #b58a46; - --theme_dark--select_green: #657953; - --theme_dark--select_blue: #355475; - --theme_dark--select_purple: #775186; - --theme_dark--select_pink: #8e4b63; - --theme_dark--select_red: #8c3d3d; - - --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); + --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; @@ -96,6 +88,16 @@ --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); diff --git a/repo/pastel-dark/mod.js b/repo/pastel-dark/mod.js index c5a5f14..71d4319 100644 --- a/repo/pastel-dark/mod.js +++ b/repo/pastel-dark/mod.js @@ -12,7 +12,7 @@ module.exports = { tags: ['theme', 'dark'], name: 'pastel dark', desc: 'a smooth-transition true dark theme with a hint of pastel.', - version: '0.1.3', + version: '0.1.4', author: { name: 'zenith_illinois', link: 'https://www.reddit.com/user/zenith_illinois/', diff --git a/repo/pastel-dark/styles.css b/repo/pastel-dark/styles.css index 0137242..1587b7d 100644 --- a/repo/pastel-dark/styles.css +++ b/repo/pastel-dark/styles.css @@ -20,7 +20,9 @@ --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; @@ -50,27 +52,16 @@ --theme_dark--text_pink: #f7b8dc; --theme_dark--text_red: #f8acb4; - --theme_dark--select-text: rgb(55, 53, 47); - --theme_dark--select_gray: #b1aeab; - --theme_dark--select_brown: #d8b6a6; - --theme_dark--select_orange: #fde3c0; - --theme_dark--select_yellow: #fcde93; - --theme_dark--select_green: #b3f5c8; - --theme_dark--select_blue: #bfe0fd; - --theme_dark--select_purple: #dac7fa; - --theme_dark--select_pink: #f7b8dc; - --theme_dark--select_red: #f8acb4; - - --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); + --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; @@ -83,6 +74,17 @@ --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);