From ba6fe79e7a6d0f3fce9c7ff2a04283f6392e4357 Mon Sep 17 00:00:00 2001 From: 909 Date: Tue, 22 Oct 2024 17:57:26 +1300 Subject: [PATCH 01/11] selected text highlight --- src/main.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/main.css b/src/main.css index 52c3fb6..d8edec4 100644 --- a/src/main.css +++ b/src/main.css @@ -542,6 +542,12 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { order: -1; } +/* text selected highlight */ +::selection { + color: var(--bg-0); + background: var(--txt-1); +} + .theme-dark, html.theme-light { --action-sheet-gradient-bg: var(--primary-630); From 76e1c20edb2b128562c87987181e2bfe07e44a2a Mon Sep 17 00:00:00 2001 From: 909 Date: Tue, 22 Oct 2024 18:23:16 +1300 Subject: [PATCH 02/11] call container fixes --- src/main.css | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/main.css b/src/main.css index d8edec4..0d2fcad 100644 --- a/src/main.css +++ b/src/main.css @@ -257,7 +257,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { margin-top: 0; } .form_a7d72e::after, -.form_a7d72e::before { +.form_a7d72e::before +/* remove call container gradient */ +[class^=gradientTop_], +[class^=gradientBottom_] +{ display: none !important; } [class^='form_'] [class^='channelTextArea_'] { @@ -409,9 +413,14 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { [class^=peopleColumn_] /* friends page */ , .tabBody_c2739c /* friends page outer */, .container_d1c246 /* thread outer */, -[class^=container_] > [class^=base_] { +[class^=container_] > [class^=base_], +[class^=callContainer_] { overflow: visible; } +/* remove black call container */ +[class^=callContainer_] { + background: none!important; +} .scroller_fb4810 /* new thread messages box */ { overflow: visible !important; } @@ -882,7 +891,7 @@ html.theme-light { --brand-600: var(--acc-2); /* accent button active */ --primary-500: var(--bg-2); /* neutral button background */ - --primary-800: var(--bg-1); /* bot command panel suggestion argument */ + --primary-800: var(--bg-0); /* call background */ --white-500: var(--txt-dark); /* THE BANE OF MY EXISTENCE */ From 58dd8f82c2a2cb2af1d96544f8c4f786208bf4bf Mon Sep 17 00:00:00 2001 From: 909 Date: Tue, 22 Oct 2024 19:27:59 +1300 Subject: [PATCH 03/11] call container border and such --- src/main.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/src/main.css b/src/main.css index 0d2fcad..fa2c16f 100644 --- a/src/main.css +++ b/src/main.css @@ -557,6 +557,39 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { background: var(--txt-1); } +/* call container border and such */ +[class^=callContainer_] { + overflow-x: hidden; + border-radius: var(--panel-roundness); + border: var(--border-width) solid var(--border-color); + transition: border-color var(--border-transition); + &:hover { + border-color: var(--border-hover-color); + &::after { + color: var(--border-hover-color); + } + } +} +[class^=callContainer_] [class^=topControls_] section { + border: none; + &::after { + content: ''; + } +} +[class^='callContainer_']::after { + content: 'call'; + display: block; + color: var(--txt-3); + font-weight: var(--label-font-weight); + position: absolute; + top: -8px; + left: 8px; + background-color: var(--bg-0); + padding: 0 4px; + z-index: 100; + transition: color var(--border-transition); +} + .theme-dark, html.theme-light { --action-sheet-gradient-bg: var(--primary-630); From 778e0e6d16272da19f2b2a084705d7d91650419e Mon Sep 17 00:00:00 2001 From: 909 Date: Tue, 22 Oct 2024 19:43:05 +1300 Subject: [PATCH 04/11] fullscreen call left margin fix --- src/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/main.css b/src/main.css index fa2c16f..fbffb50 100644 --- a/src/main.css +++ b/src/main.css @@ -590,6 +590,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { transition: color var(--border-transition); } +/* fullscreen call left margin fix */ +.wrapper_fea3ef.hidden_fea3ef { + display: none; +} + .theme-dark, html.theme-light { --action-sheet-gradient-bg: var(--primary-630); From 666f2cc33c1fb2ac569409ecc503fbc87738f96c Mon Sep 17 00:00:00 2001 From: 909 Date: Tue, 22 Oct 2024 19:46:08 +1300 Subject: [PATCH 05/11] placeholder text fix --- src/main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/main.css b/src/main.css index fbffb50..aaf306e 100644 --- a/src/main.css +++ b/src/main.css @@ -595,6 +595,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { display: none; } +/* placeholder text fixes */ +::placeholder { + color: var(--txt-3)!important; +} + .theme-dark, html.theme-light { --action-sheet-gradient-bg: var(--primary-630); From e97361bb789c976fdb6e03f522b63bc645c805d1 Mon Sep 17 00:00:00 2001 From: 909 Date: Wed, 23 Oct 2024 12:59:32 +1300 Subject: [PATCH 06/11] change fullscreen margin class selector --- src/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/main.css b/src/main.css index aaf306e..0835a1f 100644 --- a/src/main.css +++ b/src/main.css @@ -591,8 +591,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { } /* fullscreen call left margin fix */ -.wrapper_fea3ef.hidden_fea3ef { - display: none; +.wrapper_fea3ef.guilds_a4d4d9.hidden_fea3ef { + display: none!important; } /* placeholder text fixes */ From 7f44ad6221f938cf5dc50bd2f3a1fa6a6f4e39c0 Mon Sep 17 00:00:00 2001 From: 909 Date: Wed, 23 Oct 2024 13:07:15 +1300 Subject: [PATCH 07/11] fix missing comma and add persistence to container --- src/main.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/main.css b/src/main.css index 0835a1f..12116ca 100644 --- a/src/main.css +++ b/src/main.css @@ -257,7 +257,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { margin-top: 0; } .form_a7d72e::after, -.form_a7d72e::before +.form_a7d72e::before, /* remove call container gradient */ [class^=gradientTop_], [class^=gradientBottom_] @@ -590,6 +590,12 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { transition: color var(--border-transition); } +[class^=topControls_], +[class^=bottomControls_] { + opacity: 1!important; + transform: none!important; +} + /* fullscreen call left margin fix */ .wrapper_fea3ef.guilds_a4d4d9.hidden_fea3ef { display: none!important; From bc67a96983a6dfbc6c2fc35abd577ea7e3a80d0e Mon Sep 17 00:00:00 2001 From: 909 Date: Wed, 23 Oct 2024 13:51:41 +1300 Subject: [PATCH 08/11] restructure some of my code doesnt work in the order i had it, pushed all to bottom so overrides are properly set. --- src/main.css | 49 ++++++++++++++++++++++--------------------------- 1 file changed, 22 insertions(+), 27 deletions(-) diff --git a/src/main.css b/src/main.css index 12116ca..de256b2 100644 --- a/src/main.css +++ b/src/main.css @@ -257,10 +257,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { margin-top: 0; } .form_a7d72e::after, -.form_a7d72e::before, -/* remove call container gradient */ -[class^=gradientTop_], -[class^=gradientBottom_] +.form_a7d72e::before { display: none !important; } @@ -413,14 +410,9 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { [class^=peopleColumn_] /* friends page */ , .tabBody_c2739c /* friends page outer */, .container_d1c246 /* thread outer */, -[class^=container_] > [class^=base_], -[class^=callContainer_] { +[class^=container_] > [class^=base_] { overflow: visible; } -/* remove black call container */ -[class^=callContainer_] { - background: none!important; -} .scroller_fb4810 /* new thread messages box */ { overflow: visible !important; } @@ -551,13 +543,27 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { order: -1; } -/* text selected highlight */ +/* begin 909 commits */ +::placeholder { + color: var(--txt-3)!important; +} ::selection { color: var(--bg-0); background: var(--txt-1); } - -/* call container border and such */ +[class^=callContainer_] { + overflow: visible; + background: none!important; +} +[class^=gradientTop_], +[class^=gradientBottom_] { + display: none!important; +} +[class^=topControls_], +[class^=bottomControls_] { + opacity: 1!important; + transform: none!important; +} [class^=callContainer_] { overflow-x: hidden; border-radius: var(--panel-roundness); @@ -590,21 +596,10 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { transition: color var(--border-transition); } -[class^=topControls_], -[class^=bottomControls_] { - opacity: 1!important; - transform: none!important; -} - -/* fullscreen call left margin fix */ -.wrapper_fea3ef.guilds_a4d4d9.hidden_fea3ef { - display: none!important; -} - -/* placeholder text fixes */ -::placeholder { - color: var(--txt-3)!important; +.wrapper_fea3ef.hidden_fea3ef { + display: none; } +/* end 909 commits */ .theme-dark, html.theme-light { From a4f9f68a9950b8f616d9fc15376a01e85693e590 Mon Sep 17 00:00:00 2001 From: 909 Date: Wed, 23 Oct 2024 14:09:54 +1300 Subject: [PATCH 09/11] ???????????? --- src/main.css | 121 +++++++++++++++++++++++++-------------------------- 1 file changed, 60 insertions(+), 61 deletions(-) diff --git a/src/main.css b/src/main.css index de256b2..229a827 100644 --- a/src/main.css +++ b/src/main.css @@ -257,8 +257,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { margin-top: 0; } .form_a7d72e::after, -.form_a7d72e::before -{ +.form_a7d72e::before { display: none !important; } [class^='form_'] [class^='channelTextArea_'] { @@ -523,7 +522,8 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { .container_c75f85::after /* channel list dividers */, [class^=customizationSection_], [class^=session_], -[class^=columnHeading_], [class^=tableCell_] { +[class^=columnHeading_], +[class^=tableCell_] { border-width: var(--border-width); border-color: var(--border-color); } @@ -543,64 +543,6 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ { order: -1; } -/* begin 909 commits */ -::placeholder { - color: var(--txt-3)!important; -} -::selection { - color: var(--bg-0); - background: var(--txt-1); -} -[class^=callContainer_] { - overflow: visible; - background: none!important; -} -[class^=gradientTop_], -[class^=gradientBottom_] { - display: none!important; -} -[class^=topControls_], -[class^=bottomControls_] { - opacity: 1!important; - transform: none!important; -} -[class^=callContainer_] { - overflow-x: hidden; - border-radius: var(--panel-roundness); - border: var(--border-width) solid var(--border-color); - transition: border-color var(--border-transition); - &:hover { - border-color: var(--border-hover-color); - &::after { - color: var(--border-hover-color); - } - } -} -[class^=callContainer_] [class^=topControls_] section { - border: none; - &::after { - content: ''; - } -} -[class^='callContainer_']::after { - content: 'call'; - display: block; - color: var(--txt-3); - font-weight: var(--label-font-weight); - position: absolute; - top: -8px; - left: 8px; - background-color: var(--bg-0); - padding: 0 4px; - z-index: 100; - transition: color var(--border-transition); -} - -.wrapper_fea3ef.hidden_fea3ef { - display: none; -} -/* end 909 commits */ - .theme-dark, html.theme-light { --action-sheet-gradient-bg: var(--primary-630); @@ -952,3 +894,60 @@ html.theme-light { --twitch: var(--acc-1); } + +/* begin 909 commits */ +::placeholder { + color: var(--txt-3)!important; +} +::selection { + color: var(--bg-0); + background: var(--txt-1); +} +[class^=callContainer_] { + overflow: visible; + background: none!important; + overflow-x: hidden; + border-radius: var(--panel-roundness); + border: var(--border-width) solid var(--border-color); + transition: border-color var(--border-transition); + &:hover { + border-color: var(--border-hover-color); + &::after { + color: var(--border-hover-color); + } + } +} +[class^=callContainer_] [class^=topControls_] section { + border: none; + &::after { + content: ''; + } +} +[class^='callContainer_']::after { + content: 'call'; + display: block; + color: var(--txt-3); + font-weight: var(--label-font-weight); + position: absolute; + top: -8px; + left: 8px; + background-color: var(--bg-0); + padding: 0 4px; + z-index: 100; + transition: color var(--border-transition); +} + +.wrapper_fea3ef.hidden_fea3ef { + display: none; +} +[class^=gradientTop_], +[class^=gradientBottom_] { + display: none!important; +} +[class^=topControls_], +[class^=bottomControls_] { + opacity: 1!important; + transform: none!important; +} +/* end 909 commits */ + From 62797c6e64f38b2c51a6bc29d3799f219a012cc0 Mon Sep 17 00:00:00 2001 From: 909 Date: Wed, 23 Oct 2024 14:15:47 +1300 Subject: [PATCH 10/11] add note about broken code --- src/main.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/main.css b/src/main.css index 229a827..bf81a6a 100644 --- a/src/main.css +++ b/src/main.css @@ -940,6 +940,8 @@ html.theme-light { .wrapper_fea3ef.hidden_fea3ef { display: none; } + +/* from here onward only works if you put this stuff in your theme css file */ [class^=gradientTop_], [class^=gradientBottom_] { display: none!important; From bbc7c7136a80a5c4a08faa02cecab18997373782 Mon Sep 17 00:00:00 2001 From: 909 Date: Wed, 23 Oct 2024 14:53:56 +1300 Subject: [PATCH 11/11] remove broken code comment --- src/main.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/main.css b/src/main.css index bf81a6a..f97b666 100644 --- a/src/main.css +++ b/src/main.css @@ -941,7 +941,6 @@ html.theme-light { display: none; } -/* from here onward only works if you put this stuff in your theme css file */ [class^=gradientTop_], [class^=gradientBottom_] { display: none!important;