Merge pull request #17 from fedeericodl/main

[v2.2.9] Update class names, variables and hide the new voice channel highlight

Author: LuckFire

clients/modern-indicators.theme.css

@@ -2,7 +2,7 @@
  * @name Modern Indicators
  * @author LuckFire
  * @description Updates Discord's indicators to feel more modern.
- * @version 2.2.8
+ * @version 2.2.9
  * @invite vYdXbEzqDs
  * @authorId 399416615742996480
  * @source https://github.com/discord-extensions/modern-indicators
@@ -32,7 +32,7 @@
 }
 
 :root {
-  --indicator-hover: var(--background-modifier-hover);
+  --indicator-hover: var(--interactive-background-hover);
   --indicator-unread-border: hsla(var(--indicator-unread)/0.75);
   --indicator-unread-background: hsla(var(--indicator-unread)/0.05);
   --indicator-unread-hover-background: hsla(var(--indicator-unread)/0.10);
@@ -47,133 +47,137 @@
   --indicator-connected-hover-background: hsla(var(--indicator-connected)/0.25);
 }
 
-.containerDefault_c69b6d,
-.containerDragBefore_c69b6d {
+.c69b6db0641110f6-containerDefault,
+.c69b6db0641110f6-containerDragBefore {
   margin: 2px 0;
   border-radius: var(--indicator-rounding);
   border-left: var(--indicator-border-size) var(--indicator-border-style) transparent;
 }
-.containerDefault_c69b6d .link__2ea32,
-.containerDragBefore_c69b6d .link__2ea32 {
+.c69b6db0641110f6-containerDefault ._2ea32c412048f708-link,
+.c69b6db0641110f6-containerDragBefore ._2ea32c412048f708-link {
   background: transparent !important;
 }
-.containerDefault_c69b6d.wrapper__2ea32,
-.containerDragBefore_c69b6d.wrapper__2ea32 {
+.c69b6db0641110f6-containerDefault._2ea32c412048f708-wrapper,
+.c69b6db0641110f6-containerDragBefore._2ea32c412048f708-wrapper {
   padding-left: 8px;
 }
-.containerDefault_c69b6d:hover,
-.containerDragBefore_c69b6d:hover {
+.c69b6db0641110f6-containerDefault:hover,
+.c69b6db0641110f6-containerDragBefore:hover {
   background-color: var(--indicator-hover);
 }
-.containerDefault_c69b6d:has(.modeSelected__2ea32),
-.containerDragBefore_c69b6d:has(.modeSelected__2ea32) {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeSelected),
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeSelected) {
   border-left-color: var(--indicator-selected-border);
   background-color: var(--indicator-selected-background);
 }
-.containerDefault_c69b6d:has(.modeSelected__2ea32):hover,
-.containerDragBefore_c69b6d:has(.modeSelected__2ea32):hover {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeSelected):hover,
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeSelected):hover {
   background-color: var(--indicator-selected-hover-background);
 }
-.containerDefault_c69b6d:has(.modeSelected__2ea32) .link__2ea32 svg,
-.containerDragBefore_c69b6d:has(.modeSelected__2ea32) .link__2ea32 svg {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeSelected) ._2ea32c412048f708-link svg,
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeSelected) ._2ea32c412048f708-link svg {
   color: var(--indicator-selected-border);
 }
-.containerDefault_c69b6d:has(.modeUnreadLessImportant__2ea32, .modeUnreadImportant__2ea32),
-.containerDragBefore_c69b6d:has(.modeUnreadLessImportant__2ea32, .modeUnreadImportant__2ea32) {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeUnreadImportant),
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeUnreadImportant) {
   border-left-color: var(--indicator-unread-border);
   background-color: var(--indicator-unread-background);
 }
-.containerDefault_c69b6d:has(.modeUnreadLessImportant__2ea32, .modeUnreadImportant__2ea32):hover,
-.containerDragBefore_c69b6d:has(.modeUnreadLessImportant__2ea32, .modeUnreadImportant__2ea32):hover {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeUnreadImportant):hover,
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeUnreadImportant):hover {
   background-color: var(--indicator-unread-hover-background);
 }
-.containerDefault_c69b6d:has(.modeUnreadLessImportant__2ea32, .modeUnreadImportant__2ea32) .link__2ea32 svg,
-.containerDragBefore_c69b6d:has(.modeUnreadLessImportant__2ea32, .modeUnreadImportant__2ea32) .link__2ea32 svg {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeUnreadImportant) ._2ea32c412048f708-link svg,
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeUnreadImportant) ._2ea32c412048f708-link svg {
   color: var(--indicator-unread-border);
 }
-.containerDefault_c69b6d:has(.mentionsBadge__933a1),
-.containerDragBefore_c69b6d:has(.mentionsBadge__933a1) {
+.c69b6db0641110f6-containerDefault:has(._933a166a2ed4d49c-mentionsBadge),
+.c69b6db0641110f6-containerDragBefore:has(._933a166a2ed4d49c-mentionsBadge) {
   border-left-color: var(--indicator-unread-mention-border);
   background-color: var(--indicator-unread-mention-background);
 }
-.containerDefault_c69b6d:has(.mentionsBadge__933a1):hover,
-.containerDragBefore_c69b6d:has(.mentionsBadge__933a1):hover {
+.c69b6db0641110f6-containerDefault:has(._933a166a2ed4d49c-mentionsBadge):hover,
+.c69b6db0641110f6-containerDragBefore:has(._933a166a2ed4d49c-mentionsBadge):hover {
   background-color: var(--indicator-unread-mention-hover-background);
 }
-.containerDefault_c69b6d:has(.mentionsBadge__933a1) .link__2ea32 svg,
-.containerDragBefore_c69b6d:has(.mentionsBadge__933a1) .link__2ea32 svg {
+.c69b6db0641110f6-containerDefault:has(._933a166a2ed4d49c-mentionsBadge) ._2ea32c412048f708-link svg,
+.c69b6db0641110f6-containerDragBefore:has(._933a166a2ed4d49c-mentionsBadge) ._2ea32c412048f708-link svg {
   color: var(--indicator-unread-mention-border);
 }
-.containerDefault_c69b6d:has(.modeConnected__2ea32),
-.containerDragBefore_c69b6d:has(.modeConnected__2ea32) {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeConnected),
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeConnected) {
   border-left-color: var(--indicator-connected-border);
   background-color: var(--indicator-connected-background);
 }
-.containerDefault_c69b6d:has(.modeConnected__2ea32):hover,
-.containerDragBefore_c69b6d:has(.modeConnected__2ea32):hover {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeConnected):hover,
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeConnected):hover {
   background-color: var(--indicator-connected-hover-background);
 }
-.containerDefault_c69b6d:has(.modeConnected__2ea32) .link__2ea32 svg,
-.containerDragBefore_c69b6d:has(.modeConnected__2ea32) .link__2ea32 svg {
+.c69b6db0641110f6-containerDefault:has(._2ea32c412048f708-modeConnected) ._2ea32c412048f708-link svg,
+.c69b6db0641110f6-containerDragBefore:has(._2ea32c412048f708-modeConnected) ._2ea32c412048f708-link svg {
   color: var(--indicator-connected-border);
 }
-.containerDefault_c69b6d .unread__2ea32,
-.containerDragBefore_c69b6d .unread__2ea32 {
+.c69b6db0641110f6-containerDefault ._2ea32c412048f708-unread,
+.c69b6db0641110f6-containerDragBefore ._2ea32c412048f708-unread {
   display: none;
 }
 
-.container__5b40b .spineBorder__5b40b {
+._5b40bdd67543ba35-container ._5b40bdd67543ba35-spineBorder {
   left: 24px;
 }
 
-.navItem__551b0 {
+.c69b6db0641110f6-voiceChannelHighlightBorder, .c69b6db0641110f6-voiceChannelHighlightGlow {
+  display: none;
+}
+
+._551b0894962ff66f-navItem {
   margin: 2px 0;
   padding-left: 8px;
   border-radius: var(--indicator-rounding);
   border-left: var(--indicator-border-size) var(--indicator-border-style) transparent;
 }
-.navItem__551b0:hover {
+._551b0894962ff66f-navItem:hover {
   background-color: var(--indicator-hover);
 }
-.navItem__551b0.selected__551b0 {
+._551b0894962ff66f-navItem._551b0894962ff66f-selected {
   border-left-color: var(--indicator-selected-border);
   color: var(--interactive-active);
   background-color: var(--indicator-selected-background);
 }
-.navItem__551b0.selected__551b0 svg {
+._551b0894962ff66f-navItem._551b0894962ff66f-selected svg {
   color: var(--indicator-selected-border);
 }
 
-.channel__972a0 {
+._972a0d22c8afa7f0-channel {
   max-width: unset;
   margin: 2px 0;
   padding: 0 0 0 8px;
   border-radius: var(--indicator-rounding);
   border-left: var(--indicator-border-size) var(--indicator-border-style) transparent;
 }
-.channel__972a0:hover {
+._972a0d22c8afa7f0-channel:hover {
   background-color: var(--indicator-hover);
 }
-.channel__972a0:has(.selected_bf202d) {
+._972a0d22c8afa7f0-channel:has(.bf202d63ad53e289-selected) {
   border-left-color: var(--indicator-selected-border);
   background-color: var(--indicator-selected-background);
 }
-.channel__972a0:has(.selected_bf202d):hover {
+._972a0d22c8afa7f0-channel:has(.bf202d63ad53e289-selected):hover {
   background-color: var(--indicator-selected-hover-background);
 }
-.channel__972a0:has(.selected_bf202d) .linkButtonIcon__972a0, .channel__972a0:has(.selected_bf202d) .closeButton__972a0 {
+._972a0d22c8afa7f0-channel:has(.bf202d63ad53e289-selected) ._972a0d22c8afa7f0-linkButtonIcon, ._972a0d22c8afa7f0-channel:has(.bf202d63ad53e289-selected) ._972a0d22c8afa7f0-closeButton {
   color: var(--indicator-selected-border);
 }
-.channel__972a0:has(.highlighted__20a53) {
+._972a0d22c8afa7f0-channel:has(._20a53846fe2e8513-highlighted) {
   border-left-color: var(--indicator-unread-border);
   background-color: var(--indicator-unread-background);
 }
-.channel__972a0:has(.highlighted__20a53):hover {
+._972a0d22c8afa7f0-channel:has(._20a53846fe2e8513-highlighted):hover {
   background-color: var(--indicator-unread-hover-background);
 }
-.channel__972a0:has(.highlighted__20a53) .linkButtonIcon__972a0, .channel__972a0:has(.highlighted__20a53) .closeButton__972a0 {
+._972a0d22c8afa7f0-channel:has(._20a53846fe2e8513-highlighted) ._972a0d22c8afa7f0-linkButtonIcon, ._972a0d22c8afa7f0-channel:has(._20a53846fe2e8513-highlighted) ._972a0d22c8afa7f0-closeButton {
   color: var(--indicator-unread-border);
 }
-.channel__972a0 .interactive_bf202d {
+._972a0d22c8afa7f0-channel .bf202d63ad53e289-interactive {
   background: transparent;
 }