From 465766a74981430ba7c564bed7080eb4cceae889 Mon Sep 17 00:00:00 2001 From: CI Date: Fri, 17 Mar 2023 21:31:42 +0000 Subject: [PATCH] Make Modular --- modular/base.css | 4 -- .../collapsing_sidebar/compact-er_support.css | 5 ++ modular/collapsing_sidebar/dynamic.css | 5 ++ .../dynamic_+_compact-er_support.css | 5 ++ modular/collapsing_sidebar/on.css | 5 ++ modular/overwrite_colors.css | 2 +- modular/scheme/amoled.css | 4 ++ modular/scheme/amora.css | 4 ++ modular/scheme/amora_focus.css | 4 ++ modular/scheme/annie_dark.css | 4 ++ modular/scheme/catppuccin_frappe.css | 4 ++ modular/scheme/catppuccin_macchiato.css | 4 ++ modular/scheme/catppuccin_mocha.css | 4 ++ modular/scheme/custom.css | 4 ++ modular/scheme/everforest.css | 4 ++ modular/scheme/gruvbox.css | 4 ++ modular/scheme/lovelace.css | 4 ++ modular/scheme/nord.css | 4 ++ modular/scheme/source_engine_-_tools.css | 48 +++++++++++++++++++ modular/scheme/stock.css | 4 ++ modular/scheme/tokyo_night.css | 4 ++ modular/scheme/valve.css | 48 +++++++++++++++++++ modular/scheme/xmc.css | 4 ++ modular/square_avatars.css | 3 +- modular/stylings.css | 9 ---- 25 files changed, 179 insertions(+), 15 deletions(-) create mode 100644 modular/scheme/source_engine_-_tools.css create mode 100644 modular/scheme/valve.css diff --git a/modular/base.css b/modular/base.css index 606403a..2edc70d 100644 --- a/modular/base.css +++ b/modular/base.css @@ -1,7 +1,3 @@ -#splash { - background-color: var(--primary, var(--background-primary)); -} - /* i have no idea what half of these are for anymore */ /* most of them are probably now-redundant color fixes */ /* others are things i dont feel like need a toggle at the current moment */ diff --git a/modular/collapsing_sidebar/compact-er_support.css b/modular/collapsing_sidebar/compact-er_support.css index 17b3bb0..33cf278 100644 --- a/modular/collapsing_sidebar/compact-er_support.css +++ b/modular/collapsing_sidebar/compact-er_support.css @@ -178,3 +178,8 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > * { display: none; } + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + .channel-typing-indicator { + display: none; +} diff --git a/modular/collapsing_sidebar/dynamic.css b/modular/collapsing_sidebar/dynamic.css index 9c44e30..1d8dcac 100644 --- a/modular/collapsing_sidebar/dynamic.css +++ b/modular/collapsing_sidebar/dynamic.css @@ -179,4 +179,9 @@ > * { display: none; } + + div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + .channel-typing-indicator { + display: none; + } } diff --git a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css index 37a0a91..139be79 100644 --- a/modular/collapsing_sidebar/dynamic_+_compact-er_support.css +++ b/modular/collapsing_sidebar/dynamic_+_compact-er_support.css @@ -179,4 +179,9 @@ > * { display: none; } + + div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + .channel-typing-indicator { + display: none; + } } diff --git a/modular/collapsing_sidebar/on.css b/modular/collapsing_sidebar/on.css index 2ca1936..ba94935 100644 --- a/modular/collapsing_sidebar/on.css +++ b/modular/collapsing_sidebar/on.css @@ -178,3 +178,8 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > * { display: none; } + +div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) + .channel-typing-indicator { + display: none; +} diff --git a/modular/overwrite_colors.css b/modular/overwrite_colors.css index f601504..4789b25 100644 --- a/modular/overwrite_colors.css +++ b/modular/overwrite_colors.css @@ -395,7 +395,7 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { [class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], [class^="reaction-"]:hover [class*="reactionCount-"] { - color: var(--_color15, var(--white-500)); + color: var(--white-500); } [class^="reaction-"] [class*="reactionCount-"] { diff --git a/modular/scheme/amoled.css b/modular/scheme/amoled.css index f2a2b24..0d555b1 100644 --- a/modular/scheme/amoled.css +++ b/modular/scheme/amoled.css @@ -42,3 +42,7 @@ --titlebar-color: #060606; } + +#splash { + background-color: #000000; +} diff --git a/modular/scheme/amora.css b/modular/scheme/amora.css index 5742712..e8da5b4 100644 --- a/modular/scheme/amora.css +++ b/modular/scheme/amora.css @@ -40,3 +40,7 @@ --status-offline: var(--tertiary); --status-streaming: var(--_color4); } + +#splash { + background-color: #302838; +} diff --git a/modular/scheme/amora_focus.css b/modular/scheme/amora_focus.css index 8c58c01..5599d89 100644 --- a/modular/scheme/amora_focus.css +++ b/modular/scheme/amora_focus.css @@ -44,3 +44,7 @@ --titlebar-color: var(--accent); } + +#splash { + background-color: #1a1a1a; +} diff --git a/modular/scheme/annie_dark.css b/modular/scheme/annie_dark.css index dcfc074..355c2fe 100644 --- a/modular/scheme/annie_dark.css +++ b/modular/scheme/annie_dark.css @@ -42,3 +42,7 @@ --titlebar-color: var(--tertiary); } + +#splash { + background-color: #141414; +} diff --git a/modular/scheme/catppuccin_frappe.css b/modular/scheme/catppuccin_frappe.css index 5262392..51c73ef 100644 --- a/modular/scheme/catppuccin_frappe.css +++ b/modular/scheme/catppuccin_frappe.css @@ -45,3 +45,7 @@ --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color7) !important; } + +#splash { + background-color: #303446; +} diff --git a/modular/scheme/catppuccin_macchiato.css b/modular/scheme/catppuccin_macchiato.css index 97acf1d..1457c4e 100644 --- a/modular/scheme/catppuccin_macchiato.css +++ b/modular/scheme/catppuccin_macchiato.css @@ -45,3 +45,7 @@ --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color7) !important; } + +#splash { + background-color: #24273a; +} diff --git a/modular/scheme/catppuccin_mocha.css b/modular/scheme/catppuccin_mocha.css index ca5bc9b..d4c6b07 100644 --- a/modular/scheme/catppuccin_mocha.css +++ b/modular/scheme/catppuccin_mocha.css @@ -49,3 +49,7 @@ --background-modifier-hover: rgba(137, 180, 250, 0.08) !important; --background-modifier-selected: rgba(137, 180, 250, 0.24) !important; } + +#splash { + background-color: #1e1e2e; +} diff --git a/modular/scheme/custom.css b/modular/scheme/custom.css index deb9ec2..b7a5944 100644 --- a/modular/scheme/custom.css +++ b/modular/scheme/custom.css @@ -44,3 +44,7 @@ --interactive-hover: var(--xmc-custom-hover) !important; --interactive-active: var(--xmc-custom-active) !important; } + +#splash { + background-color: var(--xmc-custom-primary, #36393f); +} diff --git a/modular/scheme/everforest.css b/modular/scheme/everforest.css index 38aab25..dd5e30a 100644 --- a/modular/scheme/everforest.css +++ b/modular/scheme/everforest.css @@ -43,3 +43,7 @@ --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color15) !important; } + +#splash { + background-color: #323c41; +} diff --git a/modular/scheme/gruvbox.css b/modular/scheme/gruvbox.css index 5132808..d21ab02 100644 --- a/modular/scheme/gruvbox.css +++ b/modular/scheme/gruvbox.css @@ -40,3 +40,7 @@ --status-offline: var(--_color8); --status-streaming: var(--_color13); } + +#splash { + background-color: #32302f; +} diff --git a/modular/scheme/lovelace.css b/modular/scheme/lovelace.css index f780c91..5384874 100644 --- a/modular/scheme/lovelace.css +++ b/modular/scheme/lovelace.css @@ -43,3 +43,7 @@ --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color7) !important; } + +#splash { + background-color: #1d1f28; +} diff --git a/modular/scheme/nord.css b/modular/scheme/nord.css index 073da2b..c3fdfd3 100644 --- a/modular/scheme/nord.css +++ b/modular/scheme/nord.css @@ -42,3 +42,7 @@ --titlebar-color: #4c566a; } + +#splash { + background-color: #434c5e; +} diff --git a/modular/scheme/source_engine_-_tools.css b/modular/scheme/source_engine_-_tools.css new file mode 100644 index 0000000..74bf911 --- /dev/null +++ b/modular/scheme/source_engine_-_tools.css @@ -0,0 +1,48 @@ +.theme-dark { + --_color0: #3c4635; + --_color1: #aa0000; + --_color2: #4d7455; + --_color3: #cf6a32; + --_color4: #476291; + --_color5: #8650ac; + --_color6: #5e98d9; + --_color7: #837e77; + + --_color8: #4c5844; + --_color9: #eb4b4b; + --_color10: #70b04a; + --_color11: #ffd700; + --_color12: #4b69ff; + --_color13: #8847ff; + --_color14: #38f3ab; + --_color15: #b2b2b2; + + --_colorFG: #d9d9d9; + + --primary: #404040; + --secondary: #343434; + --tertiary: #2c2c2c; + --primary-rgb: 64, 64, 64; + --secondary-rgb: 52, 52, 52; + --tertiary-rgb: 44, 44, 44; + + --accent: #ff9a1e; + --accent-rgb: 255, 154, 30; + --red: var(--_color9); + --text: var(--_colorFG); + --link: var(--_color12); + --highlight: #b5b5b5; + --highlight-rgb: 181, 181, 181; + + --status-online: var(--_color10); + --status-idle: var(--_color11); + --status-dnd: var(--_color9); + --status-offline: var(--tertiary); + --status-streaming: var(--_color5); + + --status-danger: var(--red); +} + +#splash { + background-color: #404040; +} diff --git a/modular/scheme/stock.css b/modular/scheme/stock.css index 2f039fa..8b00dcf 100644 --- a/modular/scheme/stock.css +++ b/modular/scheme/stock.css @@ -42,3 +42,7 @@ --titlebar-color: var(--highlight); } + +#splash { + background-color: #36393f; +} diff --git a/modular/scheme/tokyo_night.css b/modular/scheme/tokyo_night.css index 90d38d3..92c97fd 100644 --- a/modular/scheme/tokyo_night.css +++ b/modular/scheme/tokyo_night.css @@ -43,3 +43,7 @@ --interactive-hover: var(--_color4) !important; --interactive-active: var(--_color15) !important; } + +#splash { + background-color: #1a1b26; +} diff --git a/modular/scheme/valve.css b/modular/scheme/valve.css new file mode 100644 index 0000000..88ecc99 --- /dev/null +++ b/modular/scheme/valve.css @@ -0,0 +1,48 @@ +.theme-dark { + --_color0: #3c4635; + --_color1: #aa0000; + --_color2: #4d7455; + --_color3: #cf6a32; + --_color4: #476291; + --_color5: #8650ac; + --_color6: #5e98d9; + --_color7: #837e77; + + --_color8: #4c5844; + --_color9: #eb4b4b; + --_color10: #70b04a; + --_color11: #ffd700; + --_color12: #4b69ff; + --_color13: #8847ff; + --_color14: #38f3ab; + --_color15: #b2b2b2; + + --_colorFG: #ffffff; + + --primary: #4c5844; + --secondary: #3c4635; + --tertiary: #282e22; + --primary-rgb: 76, 88, 68; + --secondary-rgb: 60, 70, 53; + --tertiary-rgb: 40, 46, 34; + + --accent: #958831; + --accent-rgb: 150, 137, 49; + --red: var(--_color9); + --text: var(--_colorFG); + --link: var(--_color12); + --highlight: #889180; + --highlight-rgb: 137, 145, 130; + + --status-online: var(--_color10); + --status-idle: var(--_color11); + --status-dnd: var(--_color9); + --status-offline: var(--tertiary); + --status-streaming: var(--_color5); + + --status-danger: var(--red); +} + +#splash { + background-color: #4c5844; +} diff --git a/modular/scheme/xmc.css b/modular/scheme/xmc.css index 9bf2c1c..0224bfc 100644 --- a/modular/scheme/xmc.css +++ b/modular/scheme/xmc.css @@ -42,3 +42,7 @@ --titlebar-color: var(--accent); } + +#splash { + background-color: #2c2c2c; +} diff --git a/modular/square_avatars.css b/modular/square_avatars.css index 1700a3a..7cc70c1 100644 --- a/modular/square_avatars.css +++ b/modular/square_avatars.css @@ -46,7 +46,8 @@ div[class^="listItem-"] foreignObject [class^="folder-"], div[class^="listItem-"] div[class^="wrapperSimple-"], [class^="circleIconButton-"], [class^="folderIconWrapper-"], -[class^="avatarContainer-"] { +[class^="avatarContainer-"], +[class^="executedCommandAvatar-"] { border-radius: 10% !important; } diff --git a/modular/stylings.css b/modular/stylings.css index 218aca0..8d72b0b 100644 --- a/modular/stylings.css +++ b/modular/stylings.css @@ -172,12 +172,3 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, background-color: var(--hover-bg); box-shadow: var(--hover-shadow); } - -[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], -[class^="reaction-"]:hover [class*="reactionCount-"] { - color: #ffffff; -} - -[class^="reaction-"] [class*="reactionCount-"] { - color: var(--text); -}