From 83c7408bf8f9dd4fb75cb28aaa731e3dc33f18b0 Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 13:52:56 +0800 Subject: [PATCH 01/29] add .DS_Store to .gitignore --- .gitignore | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index 650e52f..cbf4737 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ node_modules/ -.env \ No newline at end of file +.env +**/.DS_Store \ No newline at end of file From 49a29445f1f809710de890ec6bb7dbeb990b8f6b Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 13:53:56 +0800 Subject: [PATCH 02/29] fix setting tab underline & status bubble --- src/main.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/main.css b/src/main.css index 52c3fb6..8fffd89 100644 --- a/src/main.css +++ b/src/main.css @@ -870,12 +870,14 @@ html.theme-light { --elevation-low: none; --shadow-ledge: none; + --brand-360: var(--acc-1); --brand-500: var(--acc-0); /* unread bar, accent buttons, spotify */ --brand-530: var(--acc-0); /* hover highlight in context menu */ --brand-560: var(--acc-1); /* accent button hover */ --brand-600: var(--acc-2); /* accent button active */ --primary-500: var(--bg-2); /* neutral button background */ + --primary-600: var(--bg-2); --primary-800: var(--bg-1); /* bot command panel suggestion argument */ --white-500: var(--txt-dark); /* THE BANE OF MY EXISTENCE */ From 8726a80034bc641d4ba957a674eb3e15dc64b9f9 Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 14:05:44 +0800 Subject: [PATCH 03/29] remove some whitespace --- src/main.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/main.css b/src/main.css index 8fffd89..6553999 100644 --- a/src/main.css +++ b/src/main.css @@ -78,7 +78,7 @@ [class^=attachedBars_], [class^=replyBar_], [class^=threadSuggestionBar_] /* reply, thread, atttachment bars above chat bar */, [class^=panels_] /* user panel */, #app-mount #vc-spotify-player, -[class^=panels_] > [class^=panel_] /* streaming panel */, +[class^=panels_] > [class^=panel_] /* streaming panel */, [class^=panels_] > [class^=container_] /* user panel inner */, [class^=chat_] > [class^=content_] > [class^=container_] /* member list */, [class^=members_] /* member list inner */, @@ -104,11 +104,11 @@ color: var(--bg-0); } /* fix white-500 */ -[class*=buttonColor_] /* play on spotify button */, +[class*=buttonColor_] /* play on spotify button */, [class*=lookFilled_][class*=colorPrimary_] /* neutral buttons (like in account settings) */, #app-mount [class*=lookLink_][class*=colorPrimary_] /* link buttons (like in account settings) */, [class^=friendRequestsButton_] [class^=numberBadge_] /* inbox friend requests number */, -[class^=searchFilter_], [class^=searchAnswer_], +[class^=searchFilter_], [class^=searchAnswer_], #app-mount [class^=partyStatus_] [class^=anchor_] /* spotify listen along link */, #app-mount [class^=partyStatus_] /* spotify listen along text */, [class^=iconBadge_]:not([class*=isCurrentUserConnected_]) /* vc icon */, From 71b0862d7f0e2f62d79d331b6c3cfacd808a4835 Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 14:07:44 +0800 Subject: [PATCH 04/29] some comments --- src/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/main.css b/src/main.css index 6553999..9f1a9b1 100644 --- a/src/main.css +++ b/src/main.css @@ -870,14 +870,14 @@ html.theme-light { --elevation-low: none; --shadow-ledge: none; - --brand-360: var(--acc-1); + --brand-360: var(--acc-1); /* tab underlines */ --brand-500: var(--acc-0); /* unread bar, accent buttons, spotify */ --brand-530: var(--acc-0); /* hover highlight in context menu */ --brand-560: var(--acc-1); /* accent button hover */ --brand-600: var(--acc-2); /* accent button active */ --primary-500: var(--bg-2); /* neutral button background */ - --primary-600: var(--bg-2); + --primary-600: var(--bg-2); /* status bubbles, modals */ --primary-800: var(--bg-1); /* bot command panel suggestion argument */ --white-500: var(--txt-dark); /* THE BANE OF MY EXISTENCE */ From 9cb915b0148a0031959a3ec36e14cc4cb35cc2bb Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 14:31:23 +0800 Subject: [PATCH 05/29] remove top border of modal footers --- src/main.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/main.css b/src/main.css index 9f1a9b1..22fb95c 100644 --- a/src/main.css +++ b/src/main.css @@ -542,6 +542,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { order: -1; } +/* modal */ +.theme-dark .footerSeparator_f9a4c9, .theme-light .footerSeparator_f9a4c9 { + box-shadow: none /* remove top border of footer */ +} + .theme-dark, html.theme-light { --action-sheet-gradient-bg: var(--primary-630); @@ -734,8 +739,8 @@ html.theme-light { --logo-primary: var(--white-500); --mention-background: var(--mention-bg); --mention-foreground: var(--mention-txt); - --modal-background: var(--primary-600); - --modal-footer-background: var(--primary-630); + --modal-background: var(--bg-0); + --modal-footer-background: var(--primary-600); --navigator-header-tint: var(--white-500); --panel-bg: var(--primary-600); --polls-normal-fill-hover: var(--primary-600); @@ -877,7 +882,7 @@ html.theme-light { --brand-600: var(--acc-2); /* accent button active */ --primary-500: var(--bg-2); /* neutral button background */ - --primary-600: var(--bg-2); /* status bubbles, modals */ + --primary-600: var(--bg-1); /* status bubbles, modals */ --primary-800: var(--bg-1); /* bot command panel suggestion argument */ --white-500: var(--txt-dark); /* THE BANE OF MY EXISTENCE */ From 8284966e4c6391defe6f9c5323939a13bd9bac0f Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 14:45:01 +0800 Subject: [PATCH 06/29] fix light mode color override issue --- src/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/main.css b/src/main.css index 22fb95c..5e01176 100644 --- a/src/main.css +++ b/src/main.css @@ -547,8 +547,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { box-shadow: none /* remove top border of footer */ } -.theme-dark, -html.theme-light { +@supports (color:color-mix(in lch,red,blue))and (top:var(--f)) { + .theme-light, .theme-dark { --action-sheet-gradient-bg: var(--primary-630); --activity-card-background: var(--primary-700); --activity-card-icon-overlay: hsl(223 calc(1 * 6.7%) 20.6% / 0.85); From 4ca3b4a4c3670023bd4aa57580bbe5a26e445621 Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 14:53:30 +0800 Subject: [PATCH 07/29] add a missing bracket --- src/main.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index 5e01176..2f03c84 100644 --- a/src/main.css +++ b/src/main.css @@ -899,4 +899,5 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --green-530: var(--green-2); --twitch: var(--acc-1); -} + } +} \ No newline at end of file From 5160041eb109b94a3c5f894b71a3d437b86facd6 Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 15:02:09 +0800 Subject: [PATCH 08/29] use class^= instead of specifying light and dark themes --- src/main.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index 2f03c84..8dc5233 100644 --- a/src/main.css +++ b/src/main.css @@ -543,7 +543,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { } /* modal */ -.theme-dark .footerSeparator_f9a4c9, .theme-light .footerSeparator_f9a4c9 { +[class^='footerSeparator_f9a4c9'] { box-shadow: none /* remove top border of footer */ } @@ -881,6 +881,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --brand-560: var(--acc-1); /* accent button hover */ --brand-600: var(--acc-2); /* accent button active */ + --primary-130: var(--txt-0); /* embed titles eg. youtube channel names */ --primary-500: var(--bg-2); /* neutral button background */ --primary-600: var(--bg-1); /* status bubbles, modals */ --primary-800: var(--bg-1); /* bot command panel suggestion argument */ From 0154e13ba820286affed461391c3e792e57ae042 Mon Sep 17 00:00:00 2001 From: stel Date: Mon, 23 Sep 2024 15:06:01 +0800 Subject: [PATCH 09/29] remove forum grid shadow --- src/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/main.css b/src/main.css index 8dc5233..304694f 100644 --- a/src/main.css +++ b/src/main.css @@ -547,6 +547,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { box-shadow: none /* remove top border of footer */ } +/* forums */ +[class^='textContentFooter_a57509'] { + background: none !important /* removes the shadow in grid view forum posts */ +} + @supports (color:color-mix(in lch,red,blue))and (top:var(--f)) { .theme-light, .theme-dark { --action-sheet-gradient-bg: var(--primary-630); From 2f504d9e54a10edb4ee68e3b3bf0a56148019fce Mon Sep 17 00:00:00 2001 From: stel Date: Sun, 29 Sep 2024 14:09:43 +0800 Subject: [PATCH 10/29] some vc fixes --- src/main.css | 27 ++++++++++++++++++++++++--- 1 file changed, 24 insertions(+), 3 deletions(-) diff --git a/src/main.css b/src/main.css index 304694f..d523ec6 100644 --- a/src/main.css +++ b/src/main.css @@ -84,7 +84,7 @@ [class^=members_] /* member list inner */, [class^=member_] /* member containers */, [class^=searchResultsWrap_] /* search results */, -.container_adcaac /* vc panel */, +.callContainer_d880dc /* vc panel */, [class^=channelTextArea] > [class^=scrollableContainer] { background: none; } @@ -207,7 +207,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { [class^=searchResultsWrap_] /* search results */, .scroller_fb4810 /* new thread */, [class^=chat_] > [class*=container_] /* header bar */, -[class^='form_'] > [class^='wrapper_'] /* no access chat bar */ { +[class^='form_'] > [class^='wrapper_'] /* no access chat bar */, +.callContainer_d880dc /* vc container */ { border-radius: var(--panel-roundness); border: var(--border-width) solid var(--border-color); transition: border-color var(--border-transition); @@ -345,7 +346,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { [class^='searchResultsWrap_']::after, .scroller_fb4810::after, [class^='peopleColumn_']::after, -[class^='nowPlayingColumn_']::after { +[class^='nowPlayingColumn_']::after, +.root_dd069c::before { display: block; color: var(--txt-3); font-weight: var(--label-font-weight); @@ -364,6 +366,10 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { content: 'channel'; top: -11px; } +.root_dd069c::before { + content: 'channel'; +} + [class^='chatContent_'] > [class^='messagesWrapper_']::after, .scroller_fb4810::after { content: 'messages'; @@ -552,6 +558,19 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { background: none !important /* removes the shadow in grid view forum posts */ } +/* voice */ +.gradientContainer_dd069c { + background: none !important /* removes the top/bottom gradients in voice channels */; + overflow: visible +} + +.callContainer_d880dc .container_fc4f04::after { + display: none +} +.callContainer_d880dc .container_fc4f04 { + border: 0 +} + @supports (color:color-mix(in lch,red,blue))and (top:var(--f)) { .theme-light, .theme-dark { --action-sheet-gradient-bg: var(--primary-630); @@ -889,6 +908,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --primary-130: var(--txt-0); /* embed titles eg. youtube channel names */ --primary-500: var(--bg-2); /* neutral button background */ --primary-600: var(--bg-1); /* status bubbles, modals */ + --primary-630: var(--bg-1); /* vc controls */ + --primary-700: var(--bg-2); /* vc controls hover */ --primary-800: var(--bg-1); /* bot command panel suggestion argument */ --white-500: var(--txt-dark); /* THE BANE OF MY EXISTENCE */ From dfb2a0f83384941b9c11ebe82411029c6b2f2309 Mon Sep 17 00:00:00 2001 From: stel Date: Sun, 29 Sep 2024 19:09:38 +0800 Subject: [PATCH 11/29] more fixes, mostly voice --- src/main.css | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/main.css b/src/main.css index d523ec6..6a29cbf 100644 --- a/src/main.css +++ b/src/main.css @@ -561,15 +561,19 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { /* voice */ .gradientContainer_dd069c { background: none !important /* removes the top/bottom gradients in voice channels */; - overflow: visible } - .callContainer_d880dc .container_fc4f04::after { display: none } .callContainer_d880dc .container_fc4f04 { border: 0 } +.button_dd4f85.colorable_ef18ee.red_ef18ee svg { + color: var(--white-500) !important /* disconnect button */ +} +.heading_a5ea57 { + color: var(--txt-0) !important /* "you're the only one here. */ +} @supports (color:color-mix(in lch,red,blue))and (top:var(--f)) { .theme-light, .theme-dark { @@ -717,7 +721,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --divider-subtle: hsl(0 calc(1 * 0%) 100% / 0.08); --embed-background: var(--primary-630); --embed-background-alternate: var(--primary-600); - --embed-title: var(--primary-130); + --embed-title: var(--txt-0); --expression-picker-bg: var(--primary-630); --focus-primary: var(--blue-345); --forum-post-extra-media-count-container-background: hsl(228 calc(1 * 6.7%) 14.7% / 0.8); @@ -882,7 +886,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --text-muted-on-default: var(--primary-330); --text-normal: var(--txt-1); --text-positive: var(--green); - --text-primary: var(--primary-230); + --text-primary: var(--txt-0); --text-secondary: var(--primary-330); --text-warning: var(--yellow-300); --textbox-markdown-syntax: var(--primary-360); @@ -905,7 +909,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --brand-560: var(--acc-1); /* accent button hover */ --brand-600: var(--acc-2); /* accent button active */ - --primary-130: var(--txt-0); /* embed titles eg. youtube channel names */ + --primary-130: var(--bg-0); /* vc controls (2?) */ + --primary-230: var(--bg-1); /* vc controls hover (2?) */ --primary-500: var(--bg-2); /* neutral button background */ --primary-600: var(--bg-1); /* status bubbles, modals */ --primary-630: var(--bg-1); /* vc controls */ From d13ba5ff53d8527e96adbd1ea7ff9156073598a5 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 18 Oct 2024 10:50:59 +0800 Subject: [PATCH 12/29] fix "input" title on forum --- src/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index 6a29cbf..215f0c9 100644 --- a/src/main.css +++ b/src/main.css @@ -377,7 +377,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { [class^='panels_']::after { content: 'user'; } -[class^='form_'] [class^='channelTextArea_']::after { +[class^='form_']::not(.container_a6d69a .form) [class^='channelTextArea_']::after { content: 'input'; } .guilds_a4d4d9::after { From b0e7ed3c65c4a5e8c41e6ab1ff33ffd5d6e5b514 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 18 Oct 2024 11:06:44 +0800 Subject: [PATCH 13/29] search popup color variables --- src/main.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/main.css b/src/main.css index 215f0c9..e27d131 100644 --- a/src/main.css +++ b/src/main.css @@ -859,6 +859,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --scrollbar-auto-track: transparent; --scrollbar-thin-thumb: var(--bg-1); --scrollbar-thin-track: transparent; + --search-popout-date-picker-hint-text: var(--txt-1); + --search-popout-date-picker-hint-value-text: var(--white-500); + --search-popout-option-filter-text: var(--txt-1); + --search-popout-option-non-text-color: var(--txt-1); + --search-popout-option-filter-color: var(--text-1); --spoiler-hidden-background: var(--primary-700); --spoiler-revealed-background: var(--primary-660); --stage-card-pill-bg: var(--primary-630); @@ -904,6 +909,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --shadow-ledge: none; --brand-360: var(--acc-1); /* tab underlines */ + --brand-400: var(--acc-2); /* search date picker suggestion hover */ --brand-500: var(--acc-0); /* unread bar, accent buttons, spotify */ --brand-530: var(--acc-0); /* hover highlight in context menu */ --brand-560: var(--acc-1); /* accent button hover */ From 25c3710f440e2cf927e3b1c127a7c04299c45742 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 18 Oct 2024 11:14:52 +0800 Subject: [PATCH 14/29] make "open in browser" white like the forward button --- src/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/main.css b/src/main.css index e27d131..d3e4863 100644 --- a/src/main.css +++ b/src/main.css @@ -575,6 +575,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { color: var(--txt-0) !important /* "you're the only one here. */ } +/* image popup */ +.downloadLink_a15d41 { + color: white!important /* QUICK FIX, same color as the forward button but technically not themed */ +} + @supports (color:color-mix(in lch,red,blue))and (top:var(--f)) { .theme-light, .theme-dark { --action-sheet-gradient-bg: var(--primary-630); From 5aba8d4f904a19eb1a7e0ac43b395a406f86c9d9 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 18 Oct 2024 11:18:11 +0800 Subject: [PATCH 15/29] add margin to "this post has been locked" header --- src/main.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/main.css b/src/main.css index d3e4863..4b50f13 100644 --- a/src/main.css +++ b/src/main.css @@ -558,6 +558,10 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { background: none !important /* removes the shadow in grid view forum posts */ } +.chatHeaderBar_e2f46e { + margin-bottom: 10px /* removes overlap between "messages" and "this post has been locked" */ +} + /* voice */ .gradientContainer_dd069c { background: none !important /* removes the top/bottom gradients in voice channels */; From 1e31ea754bf0813cf7e6d254a9391d57548ebdc4 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 12:32:14 +0800 Subject: [PATCH 16/29] remove random bracket --- src/main.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/main.css b/src/main.css index 658e119..3a6abf1 100644 --- a/src/main.css +++ b/src/main.css @@ -956,7 +956,6 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --twitch: var(--acc-1); } } -} /* begin 909 commits */ ::placeholder { From a924cd14a8bd0a9cd5df6ae931ad32aa47000da6 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 13:22:20 +0800 Subject: [PATCH 17/29] remove redundancy --- src/main.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/main.css b/src/main.css index 3a6abf1..8407a48 100644 --- a/src/main.css +++ b/src/main.css @@ -209,8 +209,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { [class^=searchResultsWrap_] /* search results */, .scroller_fb4810 /* new thread */, [class^=chat_] > [class*=container_] /* header bar */, -[class^='form_'] > [class^='wrapper_'] /* no access chat bar */, -.callContainer_d880dc /* vc container */ { +[class^='form_'] > [class^='wrapper_'] /* no access chat bar */ { border-radius: var(--panel-roundness); border: var(--border-width) solid var(--border-color); transition: border-color var(--border-transition); @@ -373,9 +372,6 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { content: 'channel'; top: -11px; } -.root_dd069c::before { - content: 'channel'; -} [class^='chatContent_'] > [class^='messagesWrapper_']::after, .scroller_fb4810::after { From e3675f6a33d02a77690c04ea02f6f39bacc20194 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 13:22:28 +0800 Subject: [PATCH 18/29] move my additions to the bottom --- src/main.css | 76 +++++++++++++++++++++++++++------------------------- 1 file changed, 40 insertions(+), 36 deletions(-) diff --git a/src/main.css b/src/main.css index 8407a48..4c9bd6f 100644 --- a/src/main.css +++ b/src/main.css @@ -552,42 +552,6 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { order: -1; } -/* modal */ -[class^='footerSeparator_f9a4c9'] { - box-shadow: none /* remove top border of footer */ -} - -/* forums */ -[class^='textContentFooter_a57509'] { - background: none !important /* removes the shadow in grid view forum posts */ -} - -.chatHeaderBar_e2f46e { - margin-bottom: 10px /* removes overlap between "messages" and "this post has been locked" */ -} - -/* voice */ -.gradientContainer_dd069c { - background: none !important /* removes the top/bottom gradients in voice channels */; -} -.callContainer_d880dc .container_fc4f04::after { - display: none -} -.callContainer_d880dc .container_fc4f04 { - border: 0 -} -.button_dd4f85.colorable_ef18ee.red_ef18ee svg { - color: var(--white-500) !important /* disconnect button */ -} -.heading_a5ea57 { - color: var(--txt-0) !important /* "you're the only one here. */ -} - -/* image popup */ -.downloadLink_a15d41 { - color: white!important /* QUICK FIX, same color as the forward button but technically not themed */ -} - @supports (color:color-mix(in lch,red,blue))and (top:var(--f)) { .theme-light, .theme-dark { --action-sheet-gradient-bg: var(--primary-630); @@ -1009,3 +973,43 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { transform: none !important; } /* end 909 commits */ + +/* begin stel commits */ + +/* modal */ +[class^='footerSeparator_f9a4c9'] { + box-shadow: none /* remove top border of footer */ +} + +/* forums */ +[class^='textContentFooter_a57509'] { + background: none !important /* removes the shadow in grid view forum posts */ +} + +.chatHeaderBar_e2f46e { + margin-bottom: 10px /* removes overlap between "messages" and "this post has been locked" */ +} + +/* voice */ +.gradientContainer_dd069c { + background: none !important /* removes the top/bottom gradients in voice channels */; +} +.callContainer_d880dc .container_fc4f04::after { + display: none +} +.callContainer_d880dc .container_fc4f04 { + border: 0 +} +.button_dd4f85.colorable_ef18ee.red_ef18ee svg { + color: var(--white-500) !important /* disconnect button */ +} +.heading_a5ea57 { + color: var(--txt-0) !important /* "you're the only one here. */ +} + +/* image popup */ +.downloadLink_a15d41 { + color: white!important /* QUICK FIX, same color as the forward button but technically not themed */ +} + +/* end stel commits */ \ No newline at end of file From 6cb4e408d967f9a66dd45d10ba28c1437a9cb683 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 13:29:17 +0800 Subject: [PATCH 19/29] add more color vars --- src/main.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/main.css b/src/main.css index 4c9bd6f..ec7e2cd 100644 --- a/src/main.css +++ b/src/main.css @@ -885,6 +885,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --elevation-low: none; --shadow-ledge: none; + --brand-200: var(--txt-2); --brand-360: var(--acc-1); /* tab underlines */ --brand-400: var(--acc-2); /* search date picker suggestion hover */ --brand-500: var(--acc-0); /* unread bar, accent buttons, spotify */ @@ -894,6 +895,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --primary-130: var(--bg-0); /* vc controls (2?) */ --primary-230: var(--bg-1); /* vc controls hover (2?) */ + --primary-330: var(--txt-2); + --primary-400: var(--acc-2); --primary-500: var(--bg-2); /* neutral button background */ --primary-600: var(--bg-1); /* status bubbles, modals */ --primary-630: var(--bg-1); /* vc controls */ From f80cec3e5e99828a16e6aedf933968bbb4fdf5ff Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 13:29:21 +0800 Subject: [PATCH 20/29] add placeholder text color --- src/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/main.css b/src/main.css index ec7e2cd..bde5291 100644 --- a/src/main.css +++ b/src/main.css @@ -979,6 +979,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { /* begin stel commits */ +/* placeholder text */ +::placeholder { + color: var(--txt-3)!important; + } + /* modal */ [class^='footerSeparator_f9a4c9'] { box-shadow: none /* remove top border of footer */ From dfa58ddd19eaad51229cb018c0fc8ba48788ef87 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 13:39:55 +0800 Subject: [PATCH 21/29] change primary-400 --- src/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index bde5291..cf348ea 100644 --- a/src/main.css +++ b/src/main.css @@ -896,7 +896,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --primary-130: var(--bg-0); /* vc controls (2?) */ --primary-230: var(--bg-1); /* vc controls hover (2?) */ --primary-330: var(--txt-2); - --primary-400: var(--acc-2); + --primary-400: var(--bg-2); --primary-500: var(--bg-2); /* neutral button background */ --primary-600: var(--bg-1); /* status bubbles, modals */ --primary-630: var(--bg-1); /* vc controls */ From 7cda616041fa758bd4fb65b28df4e187b71972da Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 13:40:50 +0800 Subject: [PATCH 22/29] change primary-400 again to be darker --- src/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index cf348ea..998b285 100644 --- a/src/main.css +++ b/src/main.css @@ -896,7 +896,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { --primary-130: var(--bg-0); /* vc controls (2?) */ --primary-230: var(--bg-1); /* vc controls hover (2?) */ --primary-330: var(--txt-2); - --primary-400: var(--bg-2); + --primary-400: var(--bg-3); --primary-500: var(--bg-2); /* neutral button background */ --primary-600: var(--bg-1); /* status bubbles, modals */ --primary-630: var(--bg-1); /* vc controls */ From ffe069852c468b5acf124a648db7ef964d7f06cc Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 14:56:05 +0800 Subject: [PATCH 23/29] color audio controls --- src/main.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/main.css b/src/main.css index 998b285..739f11d 100644 --- a/src/main.css +++ b/src/main.css @@ -1020,4 +1020,14 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { color: white!important /* QUICK FIX, same color as the forward button but technically not themed */ } +/* audio controls */ +.audioControls_f72aac { + background-color: var(--bg-1); + color: var(--txt-1) +} + +.controlIcon_f72aac { + color: inherit +} + /* end stel commits */ \ No newline at end of file From 9b5dcd28503012253ceb25284cdf01e3f0d8753e Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 14:56:15 +0800 Subject: [PATCH 24/29] color call button dropdown arrows --- src/main.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/main.css b/src/main.css index 739f11d..bc2f4f6 100644 --- a/src/main.css +++ b/src/main.css @@ -1011,6 +1011,9 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { .button_dd4f85.colorable_ef18ee.red_ef18ee svg { color: var(--white-500) !important /* disconnect button */ } +.colorable_ef18ee.primaryDark_ef18ee { + color: inherit +} .heading_a5ea57 { color: var(--txt-0) !important /* "you're the only one here. */ } From 0cf576ed9c2b23ceac04162fb5c4b0990d72c559 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 15:01:08 +0800 Subject: [PATCH 25/29] change vc names to --redesign-button-overlay-alpha-text --- src/main.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index bc2f4f6..7523d1d 100644 --- a/src/main.css +++ b/src/main.css @@ -122,7 +122,6 @@ [class^=jumpToPresentBar_] > button, [class^=gifFavoriteButton_], [class^=iconWrapper_] /* video play button */, -[class^=overlayBottom_] > [class^=text-] /* vc names */, [class^=categoryText_] /* gif category labels */ { color: var(--txt-0); } @@ -1018,6 +1017,10 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { color: var(--txt-0) !important /* "you're the only one here. */ } +.overlayBottom .text { + color: var(--redesign-button-overlay-alpha-text) /* vc names */ +} + /* image popup */ .downloadLink_a15d41 { color: white!important /* QUICK FIX, same color as the forward button but technically not themed */ From 715d08c3f12b18533c5196bd86b24fd3198ad0e8 Mon Sep 17 00:00:00 2001 From: stel Date: Fri, 22 Nov 2024 15:19:44 +0800 Subject: [PATCH 26/29] fix "input" label so it's on the chat bar but not the forum input --- src/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index 7523d1d..d1d876f 100644 --- a/src/main.css +++ b/src/main.css @@ -379,7 +379,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { [class^='panels_']::after { content: 'user'; } -[class^='form_']::not(.container_a6d69a .form) [class^='channelTextArea_']::after { +[class^='form_a7d72e'] [class^='channelTextArea_']::after { content: 'input'; } .guilds_a4d4d9::after { From 55dbfb5c453f4f49fe2b6913946b7da1b7928075 Mon Sep 17 00:00:00 2001 From: stel Date: Tue, 26 Nov 2024 12:36:33 +0800 Subject: [PATCH 27/29] fix coloring on voice connected box --- src/main.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index 82706c5..fa766ed 100644 --- a/src/main.css +++ b/src/main.css @@ -90,7 +90,8 @@ background: none; } /* fix bgs */ -[class^='content_']>[class^='outer_'] /* profile panel */ { +[class^='content_']>[class^='outer_'], /* profile panel */ +.container_adcaac /* "voice connected" box */ { --background-secondary-alt: var(--bg-0) !important; } [class^=childWrapper_] /* no color servers */ { From f0911c3b52bde57c5aca6d39ccf70e0ed8ad4cb9 Mon Sep 17 00:00:00 2001 From: stel Date: Tue, 26 Nov 2024 12:38:29 +0800 Subject: [PATCH 28/29] fix coloring on vc names --- src/main.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/main.css b/src/main.css index fa766ed..4b053e2 100644 --- a/src/main.css +++ b/src/main.css @@ -124,6 +124,8 @@ [class^=jumpToPresentBar_] > button, [class^=gifFavoriteButton_], [class^=iconWrapper_] /* video play button */, +[class^=overlayBottom_] > [class^=text-] /* vc names */, +.status_ba4b17 /* vc mute indicator */, [class^=categoryText_] /* gif category labels */ { color: var(--txt-0); } @@ -1030,10 +1032,6 @@ h3[data-text-variant='heading-xxl/extrabold'] { color: var(--txt-0) !important /* "you're the only one here. */ } -.overlayBottom .text { - color: var(--redesign-button-overlay-alpha-text) /* vc names */ -} - /* image popup */ .downloadLink_a15d41 { color: white!important /* QUICK FIX, same color as the forward button but technically not themed */ From 584086d8d5a917582880644b23bd4b858253caec Mon Sep 17 00:00:00 2001 From: stel Date: Thu, 13 Feb 2025 16:57:17 +0800 Subject: [PATCH 29/29] remove grid forum post shadow --- src/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index d819e05..c8c224a 100644 --- a/src/main.css +++ b/src/main.css @@ -1160,7 +1160,7 @@ h3[data-text-variant='heading-xxl/extrabold'] { } /* forums */ -[class^='textContentFooter_a57509'] { +.textContentFooter__9a337 { background: none !important /* removes the shadow in grid view forum posts */ }