Merge pull request #57 from FedeIlLeone/activity-view-forums

feat: theme new forums activity view
LuckFire · Sep 18, 2023 · 200b51a · 200b51a
2 parents da88094 + 79a1286
commit 200b51a
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 30 deletions.
diff --git a/clients/amoled-cord.theme.css b/clients/amoled-cord.theme.css
@@ -257,10 +257,10 @@ html.theme-dark .theme-light .root-1CAIjD,
 #app-mount .chat-2ZfjoI .container-3wLKDe {
   background-color: var(--background-primary);
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .mainCard-3KBsBI, #app-mount .chat-2ZfjoI .container-3wLKDe .container-2nXUah, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3arpDl {
+#app-mount .chat-2ZfjoI .container-3wLKDe .mainCard-3KBsBI, #app-mount .chat-2ZfjoI .container-3wLKDe .container-2nXUah, #app-mount .chat-2ZfjoI .container-3wLKDe .increasedActivityMainCard-2ry6hI, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3arpDl, #app-mount .chat-2ZfjoI .container-3wLKDe .container-2_J666 {
   background-color: var(--background-tertiary);
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .loadingCard-3pIp9h {
+#app-mount .chat-2ZfjoI .container-3wLKDe .loadingCard-3pIp9h, #app-mount .chat-2ZfjoI .container-3wLKDe .card-3BPR1O {
   background-color: var(--background-tertiary);
 }
 #app-mount .chat-2ZfjoI .container-3wLKDe .container-1PloNW:hover {
@@ -275,18 +275,12 @@ html.theme-dark .theme-light .root-1CAIjD,
 #app-mount .chat-2ZfjoI .container-3wLKDe .container-1PloNW .textContentFooter-2JnNv8 {
   background: transparent;
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH {
-  background-color: var(--background-tertiary);
-}
-#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH:active {
+#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH:active, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3wvkMY:active {
   background-color: var(--background-modifier-active);
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH.isOpen-2Gyel_ {
+#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH.isOpen-2Gyel_, #app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH.isOpen-2ldXbM, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3wvkMY.isOpen-2Gyel_, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3wvkMY.isOpen-2ldXbM {
   background-color: var(--background-modifier-selected);
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .container-2_J666 {
-  background-color: var(--background-tertiary);
-}
 
 #app-mount .messageListItem-ZZ7v6g:hover {
   background-color: rgba(255, 255, 255, 0.015);

diff --git a/manifest.json b/manifest.json
@@ -7,7 +7,7 @@
     "discordID": "399416615742996480",
     "github": "luckfire"
   },
-  "version": "4.0.6",
+  "version": "4.0.7",
   "updater": {
     "type": "store",
     "id": "dev.LuckFire.AMOLEDCord"

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "amoled-cord",
-  "version": "4.0.6",
+  "version": "4.0.7",
   "description": "A customizable, pitch black theme for Discord. Lights out, baby!",
   "type": "module",
   "engines": {

diff --git a/src/amoled-cord.css b/src/amoled-cord.css
@@ -245,10 +245,10 @@ html.theme-dark .theme-light .root-1CAIjD,
 #app-mount .chat-2ZfjoI .container-3wLKDe {
   background-color: var(--background-primary);
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .mainCard-3KBsBI, #app-mount .chat-2ZfjoI .container-3wLKDe .container-2nXUah, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3arpDl {
+#app-mount .chat-2ZfjoI .container-3wLKDe .mainCard-3KBsBI, #app-mount .chat-2ZfjoI .container-3wLKDe .container-2nXUah, #app-mount .chat-2ZfjoI .container-3wLKDe .increasedActivityMainCard-2ry6hI, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3arpDl, #app-mount .chat-2ZfjoI .container-3wLKDe .container-2_J666 {
   background-color: var(--background-tertiary);
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .loadingCard-3pIp9h {
+#app-mount .chat-2ZfjoI .container-3wLKDe .loadingCard-3pIp9h, #app-mount .chat-2ZfjoI .container-3wLKDe .card-3BPR1O {
   background-color: var(--background-tertiary);
 }
 #app-mount .chat-2ZfjoI .container-3wLKDe .container-1PloNW:hover {
@@ -263,18 +263,12 @@ html.theme-dark .theme-light .root-1CAIjD,
 #app-mount .chat-2ZfjoI .container-3wLKDe .container-1PloNW .textContentFooter-2JnNv8 {
   background: transparent;
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH {
-  background-color: var(--background-tertiary);
-}
-#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH:active {
+#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH:active, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3wvkMY:active {
   background-color: var(--background-modifier-active);
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH.isOpen-2Gyel_ {
+#app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH.isOpen-2Gyel_, #app-mount .chat-2ZfjoI .container-3wLKDe .container-q2_DnH.isOpen-2ldXbM, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3wvkMY.isOpen-2Gyel_, #app-mount .chat-2ZfjoI .container-3wLKDe .container-3wvkMY.isOpen-2ldXbM {
   background-color: var(--background-modifier-selected);
 }
-#app-mount .chat-2ZfjoI .container-3wLKDe .container-2_J666 {
-  background-color: var(--background-tertiary);
-}
 
 #app-mount .messageListItem-ZZ7v6g:hover {
   background-color: rgba(255, 255, 255, 0.015);

diff --git a/src/theme/chat/_forums.scss b/src/theme/chat/_forums.scss
@@ -1,10 +1,10 @@
 #app-mount .chat-2ZfjoI {
     .container-3wLKDe {
         background-color: var(--background-primary);
-        .mainCard-3KBsBI, .container-2nXUah, .container-3arpDl {
+        .mainCard-3KBsBI, .container-2nXUah, .increasedActivityMainCard-2ry6hI, .container-3arpDl, .container-2_J666 {
             background-color: var(--background-tertiary);
         }
-        .loadingCard-3pIp9h {
+        .loadingCard-3pIp9h, .card-3BPR1O {
             background-color: var(--background-tertiary);
         }
         .container-1PloNW {
@@ -21,17 +21,13 @@
                 background: transparent;
             }
         }
-        .container-q2_DnH {
-            background-color: var(--background-tertiary);
+        .container-q2_DnH, .container-3wvkMY {
             &:active {
                 background-color: var(--background-modifier-active);
             }
-            &.isOpen-2Gyel_ {
+            &.isOpen-2Gyel_, &.isOpen-2ldXbM {
                 background-color: var(--background-modifier-selected);
             }
         }
-        .container-2_J666 {
-            background-color: var(--background-tertiary);
-        }
     }
 }