Merge pull request #100 from FedeIlLeone/main

Fix class names
LuckFire · Aug 14, 2024 · 5b7601f · 5b7601f
2 parents d59270c + 6eb3e07
commit 5b7601f
Show file tree

Hide file tree

Showing 10 changed files with 54 additions and 72 deletions.
diff --git a/clients/amoled-cord.theme.css b/clients/amoled-cord.theme.css
@@ -428,7 +428,7 @@ html.theme-dark .theme-light .root_f9a4c9,
   background-color: var(--background-primary);
 }
 
-:is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .wrapper_ef319f {
+:is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .wrapper_f7e168 {
   background-color: var(--background-tertiary);
 }
 
@@ -660,22 +660,22 @@ html.theme-dark .theme-light .root_f9a4c9,
   background-color: hsl(var(--primary-900-hsl)/0.9);
 }
 
-:is(.theme-dark, .platform-overlay) .widget_eb6bd1.default_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .widget_cbf964.default_cbf964 {
   background-color: var(--background-primary);
 }
-:is(.theme-dark, .platform-overlay) .widget_eb6bd1.unpinned_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .widget_cbf964.unpinned_cbf964 {
   background-color: var(--background-tertiary);
 }
-:is(.theme-dark, .platform-overlay) .bar_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .bar_cbf964 {
   background-color: hsl(var(--primary-900-hsl)/0.85);
 }
-:is(.theme-dark, .platform-overlay) .bar_eb6bd1.default_eb6bd1, :is(.theme-dark, .platform-overlay) .bar_eb6bd1.unpinned_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .bar_cbf964.default_cbf964, :is(.theme-dark, .platform-overlay) .bar_cbf964.unpinned_cbf964 {
   background-color: var(--background-primary);
 }
-:is(.theme-dark, .platform-overlay) .body_eb6bd1.default_eb6bd1, :is(.theme-dark, .platform-overlay) .body_eb6bd1.unpinned_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .body_cbf964.default_cbf964, :is(.theme-dark, .platform-overlay) .body_cbf964.unpinned_cbf964 {
   background-color: var(--background-primary);
 }
-:is(.theme-dark, .platform-overlay) .body_eb6bd1.pinned_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .body_cbf964.pinned_cbf964 {
   background-color: hsl(var(--primary-900-hsl)/0.75);
 }
 
@@ -712,10 +712,10 @@ html.theme-dark .theme-light .root_f9a4c9,
   background-color: var(--background-secondary);
 }
 
-:is(.theme-dark, .platform-overlay) .option_d2da9c:not(.selected_d2da9c, :hover) {
+:is(.theme-dark, .platform-overlay) .option_b877fa:not(.selected_b877fa, :hover) {
   background-color: var(--primary-600);
 }
-:is(.theme-dark, .platform-overlay) .disabled_d2da9c:not(.selected_d2da9c, :hover) {
+:is(.theme-dark, .platform-overlay) .disabled_b877fa:not(.selected_b877fa, :hover) {
   color: var(--primary-600);
 }
 
@@ -1034,7 +1034,7 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
 :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .tierHeaderContent_da77bd {
   background-color: var(--background-secondary);
 }
-:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .background_a4fd01 {
+:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .background_bfac79 {
   color: var(--background-secondary-alt);
 }
 :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .prefixInput_a6236d {
@@ -1114,7 +1114,7 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
   border-color: var(--background-secondary);
   background-color: var(--background-primary) !important;
 }
-:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .notches_e5cdf3.gray_e5cdf3 {
+:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .notches_a1107d.gray_a1107d {
   color: var(--background-primary);
 }
 :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .container_c67e31 {
@@ -1128,10 +1128,10 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
   border-color: var(--background-tertiary);
   background-color: var(--background-secondary);
 }
-:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .option_d2da9c:not(.selected_d2da9c, :hover) {
+:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .option_b877fa:not(.selected_b877fa, :hover) {
   background-color: var(--background-accent);
 }
-:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .disabled_d2da9c:not(.selected_d2da9c, :hover) {
+:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .disabled_b877fa:not(.selected_b877fa, :hover) {
   color: var(--background-accent);
 }
 
@@ -1165,10 +1165,6 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
   background-color: transparent;
 }
 
-#app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .topRow_d936aa, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .bottomRowAction_d936aa, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .header_f51af4, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .container_f51af4 {
-  background-color: hsl(var(--black-hsl)/0.8) !important;
-}
-
 :is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .panels_a4d4d9 {
   background-color: var(--background-primary);
 }

diff --git a/clients/amoled-cord.user.css b/clients/amoled-cord.user.css
@@ -427,7 +427,7 @@
 	  background-color: var(--background-primary);
 	}
 
-	:is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .wrapper_ef319f {
+	:is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .wrapper_f7e168 {
 	  background-color: var(--background-tertiary);
 	}
 
@@ -659,22 +659,22 @@
 	  background-color: hsl(var(--primary-900-hsl)/0.9);
 	}
 
-	:is(.theme-dark, .platform-overlay) .widget_eb6bd1.default_eb6bd1 {
+	:is(.theme-dark, .platform-overlay) .widget_cbf964.default_cbf964 {
 	  background-color: var(--background-primary);
 	}
-	:is(.theme-dark, .platform-overlay) .widget_eb6bd1.unpinned_eb6bd1 {
+	:is(.theme-dark, .platform-overlay) .widget_cbf964.unpinned_cbf964 {
 	  background-color: var(--background-tertiary);
 	}
-	:is(.theme-dark, .platform-overlay) .bar_eb6bd1 {
+	:is(.theme-dark, .platform-overlay) .bar_cbf964 {
 	  background-color: hsl(var(--primary-900-hsl)/0.85);
 	}
-	:is(.theme-dark, .platform-overlay) .bar_eb6bd1.default_eb6bd1, :is(.theme-dark, .platform-overlay) .bar_eb6bd1.unpinned_eb6bd1 {
+	:is(.theme-dark, .platform-overlay) .bar_cbf964.default_cbf964, :is(.theme-dark, .platform-overlay) .bar_cbf964.unpinned_cbf964 {
 	  background-color: var(--background-primary);
 	}
-	:is(.theme-dark, .platform-overlay) .body_eb6bd1.default_eb6bd1, :is(.theme-dark, .platform-overlay) .body_eb6bd1.unpinned_eb6bd1 {
+	:is(.theme-dark, .platform-overlay) .body_cbf964.default_cbf964, :is(.theme-dark, .platform-overlay) .body_cbf964.unpinned_cbf964 {
 	  background-color: var(--background-primary);
 	}
-	:is(.theme-dark, .platform-overlay) .body_eb6bd1.pinned_eb6bd1 {
+	:is(.theme-dark, .platform-overlay) .body_cbf964.pinned_cbf964 {
 	  background-color: hsl(var(--primary-900-hsl)/0.75);
 	}
 
@@ -711,10 +711,10 @@
 	  background-color: var(--background-secondary);
 	}
 
-	:is(.theme-dark, .platform-overlay) .option_d2da9c:not(.selected_d2da9c, :hover) {
+	:is(.theme-dark, .platform-overlay) .option_b877fa:not(.selected_b877fa, :hover) {
 	  background-color: var(--primary-600);
 	}
-	:is(.theme-dark, .platform-overlay) .disabled_d2da9c:not(.selected_d2da9c, :hover) {
+	:is(.theme-dark, .platform-overlay) .disabled_b877fa:not(.selected_b877fa, :hover) {
 	  color: var(--primary-600);
 	}
 
@@ -1033,7 +1033,7 @@
 	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .tierHeaderContent_da77bd {
 	  background-color: var(--background-secondary);
 	}
-	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .background_a4fd01 {
+	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .background_bfac79 {
 	  color: var(--background-secondary-alt);
 	}
 	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .prefixInput_a6236d {
@@ -1113,7 +1113,7 @@
 	  border-color: var(--background-secondary);
 	  background-color: var(--background-primary) !important;
 	}
-	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .notches_e5cdf3.gray_e5cdf3 {
+	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .notches_a1107d.gray_a1107d {
 	  color: var(--background-primary);
 	}
 	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .container_c67e31 {
@@ -1127,10 +1127,10 @@
 	  border-color: var(--background-tertiary);
 	  background-color: var(--background-secondary);
 	}
-	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .option_d2da9c:not(.selected_d2da9c, :hover) {
+	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .option_b877fa:not(.selected_b877fa, :hover) {
 	  background-color: var(--background-accent);
 	}
-	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .disabled_d2da9c:not(.selected_d2da9c, :hover) {
+	:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .disabled_b877fa:not(.selected_b877fa, :hover) {
 	  color: var(--background-accent);
 	}
 
@@ -1164,10 +1164,6 @@
 	  background-color: transparent;
 	}
 
-	#app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .topRow_d936aa, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .bottomRowAction_d936aa, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .header_f51af4, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .container_f51af4 {
-	  background-color: hsl(var(--black-hsl)/0.8) !important;
-	}
-
 	:is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .panels_a4d4d9 {
 	  background-color: var(--background-primary);
 	}

diff --git a/src/amoled-cord.css b/src/amoled-cord.css
@@ -415,7 +415,7 @@ html.theme-dark .theme-light .root_f9a4c9,
   background-color: var(--background-primary);
 }
 
-:is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .wrapper_ef319f {
+:is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e .wrapper_f7e168 {
   background-color: var(--background-tertiary);
 }
 
@@ -647,22 +647,22 @@ html.theme-dark .theme-light .root_f9a4c9,
   background-color: hsl(var(--primary-900-hsl)/0.9);
 }
 
-:is(.theme-dark, .platform-overlay) .widget_eb6bd1.default_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .widget_cbf964.default_cbf964 {
   background-color: var(--background-primary);
 }
-:is(.theme-dark, .platform-overlay) .widget_eb6bd1.unpinned_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .widget_cbf964.unpinned_cbf964 {
   background-color: var(--background-tertiary);
 }
-:is(.theme-dark, .platform-overlay) .bar_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .bar_cbf964 {
   background-color: hsl(var(--primary-900-hsl)/0.85);
 }
-:is(.theme-dark, .platform-overlay) .bar_eb6bd1.default_eb6bd1, :is(.theme-dark, .platform-overlay) .bar_eb6bd1.unpinned_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .bar_cbf964.default_cbf964, :is(.theme-dark, .platform-overlay) .bar_cbf964.unpinned_cbf964 {
   background-color: var(--background-primary);
 }
-:is(.theme-dark, .platform-overlay) .body_eb6bd1.default_eb6bd1, :is(.theme-dark, .platform-overlay) .body_eb6bd1.unpinned_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .body_cbf964.default_cbf964, :is(.theme-dark, .platform-overlay) .body_cbf964.unpinned_cbf964 {
   background-color: var(--background-primary);
 }
-:is(.theme-dark, .platform-overlay) .body_eb6bd1.pinned_eb6bd1 {
+:is(.theme-dark, .platform-overlay) .body_cbf964.pinned_cbf964 {
   background-color: hsl(var(--primary-900-hsl)/0.75);
 }
 
@@ -699,10 +699,10 @@ html.theme-dark .theme-light .root_f9a4c9,
   background-color: var(--background-secondary);
 }
 
-:is(.theme-dark, .platform-overlay) .option_d2da9c:not(.selected_d2da9c, :hover) {
+:is(.theme-dark, .platform-overlay) .option_b877fa:not(.selected_b877fa, :hover) {
   background-color: var(--primary-600);
 }
-:is(.theme-dark, .platform-overlay) .disabled_d2da9c:not(.selected_d2da9c, :hover) {
+:is(.theme-dark, .platform-overlay) .disabled_b877fa:not(.selected_b877fa, :hover) {
   color: var(--primary-600);
 }
 
@@ -1021,7 +1021,7 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
 :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .tierHeaderContent_da77bd {
   background-color: var(--background-secondary);
 }
-:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .background_a4fd01 {
+:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .background_bfac79 {
   color: var(--background-secondary-alt);
 }
 :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .prefixInput_a6236d {
@@ -1101,7 +1101,7 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
   border-color: var(--background-secondary);
   background-color: var(--background-primary) !important;
 }
-:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .notches_e5cdf3.gray_e5cdf3 {
+:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .notches_a1107d.gray_a1107d {
   color: var(--background-primary);
 }
 :is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .container_c67e31 {
@@ -1115,10 +1115,10 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
   border-color: var(--background-tertiary);
   background-color: var(--background-secondary);
 }
-:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .option_d2da9c:not(.selected_d2da9c, :hover) {
+:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .option_b877fa:not(.selected_b877fa, :hover) {
   background-color: var(--background-accent);
 }
-:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .disabled_d2da9c:not(.selected_d2da9c, :hover) {
+:is(.theme-dark, .theme-midnight) #app-mount .layers_d4b6c5 .disabled_b877fa:not(.selected_b877fa, :hover) {
   color: var(--background-accent);
 }
 
@@ -1152,10 +1152,6 @@ body .contentWrapper-3RqEiS .accordionContainer-vSTU_l {
   background-color: transparent;
 }
 
-#app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .topRow_d936aa, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .bottomRowAction_d936aa, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .header_f51af4, #app-mount .sidebarContianer_d2194f :is(.theme-dark, .theme-midnight) .container_f51af4 {
-  background-color: hsl(var(--black-hsl)/0.8) !important;
-}
-
 :is(.theme-dark, .theme-midnight) .sidebar_a4d4d9 .panels_a4d4d9 {
   background-color: var(--background-primary);
 }

diff --git a/src/theme/chat/_container.scss b/src/theme/chat/_container.scss
@@ -1,5 +1,5 @@
 :is(.theme-dark, .theme-midnight) #app-mount .chat_a7d72e {
-    .wrapper_ef319f {
+    .wrapper_f7e168 {
         background-color: var(--background-tertiary);
     }
 }
diff --git a/src/theme/overlay/_base-widget.scss b/src/theme/overlay/_base-widget.scss
@@ -1,24 +1,24 @@
 :is(.theme-dark, .platform-overlay) {
-    .widget_eb6bd1 {
-        &.default_eb6bd1 {
+    .widget_cbf964 {
+        &.default_cbf964 {
             background-color: var(--background-primary);
         }
-        &.unpinned_eb6bd1 {
+        &.unpinned_cbf964 {
             background-color: var(--background-tertiary);
         }
     }
 
-    .bar_eb6bd1 {
+    .bar_cbf964 {
         background-color: hsl(var(--primary-900-hsl)/0.85);
-        &.default_eb6bd1, &.unpinned_eb6bd1 {
+        &.default_cbf964, &.unpinned_cbf964 {
             background-color: var(--background-primary);
         }
     }
-    .body_eb6bd1 {
-        &.default_eb6bd1, &.unpinned_eb6bd1 {
+    .body_cbf964 {
+        &.default_cbf964, &.unpinned_cbf964 {
             background-color: var(--background-primary);
         }
-        &.pinned_eb6bd1 {
+        &.pinned_cbf964 {
             background-color: hsl(var(--primary-900-hsl)/0.75);
         }
     }

diff --git a/src/theme/overlay/_settings.scss b/src/theme/overlay/_settings.scss
@@ -1,8 +1,8 @@
 :is(.theme-dark, .platform-overlay) {
-    .option_d2da9c:not(.selected_d2da9c, :hover) {
+    .option_b877fa:not(.selected_b877fa, :hover) {
         background-color: var(--primary-600);
     }
-    .disabled_d2da9c:not(.selected_d2da9c, :hover) {
+    .disabled_b877fa:not(.selected_b877fa, :hover) {
         color: var(--primary-600);
     }
 }
diff --git a/src/theme/settings/_guild.scss b/src/theme/settings/_guild.scss
@@ -7,7 +7,7 @@
     .tierHeaderContent_da77bd {
         background-color: var(--background-secondary);
     }
-    .background_a4fd01 {
+    .background_bfac79 {
         color: var(--background-secondary-alt);
     }
     // Custom Invite Link

diff --git a/src/theme/settings/_user.scss b/src/theme/settings/_user.scss
@@ -39,7 +39,7 @@
         background-color: var(--background-primary) !important;
     }
     // Voice & Video
-    .notches_e5cdf3.gray_e5cdf3 {
+    .notches_a1107d.gray_a1107d {
         color: var(--background-primary);
     }
     // Keybinds
@@ -56,10 +56,10 @@
         }
     }
     // Game Overlay
-    .option_d2da9c:not(.selected_d2da9c, :hover) {
+    .option_b877fa:not(.selected_b877fa, :hover) {
         background-color: var(--background-accent);
     }
-    .disabled_d2da9c:not(.selected_d2da9c, :hover) {
+    .disabled_b877fa:not(.selected_b877fa, :hover) {
         color: var(--background-accent);
     }
 }
diff --git a/src/theme/sidebar/_index.scss b/src/theme/sidebar/_index.scss
@@ -1,5 +1,4 @@
 @forward 'container';
 @forward 'dm-list';
 @forward 'header';
-@forward 'mod-view';
 @forward 'user-area';
diff --git a/src/theme/sidebar/_mod-view.scss b/src/theme/sidebar/_mod-view.scss