deploy: c408a6b

manifest.json

@@ -7,7 +7,7 @@
     "discordID": "134142022092062720",
     "github": "Saltssaumure"
   },
-  "version": "1.3.5",
+  "version": "1.4.0",
   "updater": {
     "type": "store",
     "id": "net.saltssaumure.NineX"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ninex-discord-theme",
-  "version": "1.3.5",
+  "version": "1.4.0",
   "description": "A Windows 95/98 style Discord theme.",
   "repository": "github:Saltssaumure/w9x-discord-theme",
   "author": "Saltssaumure <[email protected]>",

scss/main/_chatbox.scss

@@ -2,7 +2,7 @@
 @use "../top/boxes" as boxes;
 
 // Chat box
-.channelTextArea-1FufC0 {
+:is(.channelTextArea-1FufC0, .channelTextArea-1deLlK) {
     @include boxes.inset;
 
     // Buttons

scss/main/_friends.scss

@@ -155,6 +155,6 @@
 }
 
 // If empty
-.content-1jQy2l:has(.emptyStateContainer-Ftfayf) {
+:is(.content-1jQy2l, .content-18rAwf):has(.emptyStateContainer-Ftfayf) {
     @include boxes.inset;
 }

scss/main/_headerbar.scss

@@ -8,8 +8,8 @@
         .pageWrapper-2PwDoS .scroller-3j5xK2,
         .scroller-RfJjkV .viewWrapper-oqUsis,
         .applicationStore-2nk7Lo .homeWrapper-L4ors0,
-        .container-3XgAHv:not(.floating-3M3WeH) .container-ZMc96U:not(.wrapper-1gVUIN .container-ZMc96U),
-        .chat-2ZfjoI .container-ZMc96U:not(.wrapper-1gVUIN .container-ZMc96U)
+        :is(.container-3XgAHv, .container-3s2w-i):not(:is(.floating-3M3WeH, .floating-1T0kDs)) .container-ZMc96U:not(.wrapper-1gVUIN .container-ZMc96U),
+        :is(.chat-2ZfjoI, .chat-9g_3Xj) .container-ZMc96U:not(.wrapper-1gVUIN .container-ZMc96U)
     ) {
     margin-top: $title-height;
     z-index: 0;
@@ -80,6 +80,6 @@
 }
 
 // Under header bar
-.content-1jQy2l::before {
+:is(.content-1jQy2l, .content-18rAwf)::before {
     display: none;
 }

scss/main/_index.scss

@@ -62,7 +62,7 @@
 // Server subscriptions
 .container-2_BXG-,
 // Main chat
-.chat-2ZfjoI:not(.container-2IKOsH > .chat-2ZfjoI) {
+:is(.chat-2ZfjoI, .chat-9g_3Xj):not(.container-2IKOsH > :is(.chat-2ZfjoI, .chat-9g_3Xj)) {
     @include boxes.mainWindow();
 }
 

scss/main/_members.scss

@@ -3,7 +3,7 @@
 @use "../top/channellist-css" as channels;
 
 // Members list
-.container-2o3qEW {
+:is(.container-2o3qEW, .container-2vWgD2) {
     @include channels.vars;
     @include boxes.box;
     @include boxes.winBar($isPseudo: true, $text: "Members");
@@ -17,7 +17,7 @@
 }
 
 // Members list scroller
-.members-3WRCEx {
+:is(.members-3WRCEx, .members-2y1nVj) {
     margin-top: $title-height;
 
     // Member

scss/main/_messages.scss

@@ -22,7 +22,7 @@
 }
 
 // With members list visible
-.base-2jDfDU:has(.membersWrap-3NUR2t) {
+.base-2jDfDU:has(:is(.membersWrap-3NUR2t, .membersWrap-3GwLFp)) {
     // VC video controls
     .bottomControls-31YuPK {
         width: auto;

scss/main/_taskbar.scss

@@ -67,7 +67,7 @@
 }
 
 // Flip order
-.container-YkUktl {
+:is(.container-YkUktl, .container-1CH86i) {
     height: calc(var(--server-container) - 2px);
     flex-direction: row-reverse;
     gap: 6px;
@@ -85,12 +85,12 @@
 }
 
 // User
-.avatarWrapper-1B9FTW {
+:is(.avatarWrapper-1B9FTW, .avatarWrapper-12uuu4) {
     @include boxes.inset;
     margin-right: 0;
 }
-.withTagAsButton-OsgQ9L:hover,
-.withTagless-10ooWt:hover {
+:is(.withTagAsButton-OsgQ9L, .withTagAsButton-2_JkHX):hover,
+:is(.withTagless-10ooWt, .withTagless-Lx3LMo):hover {
     background: inherit;
     color: inherit;
 }

scss/main/_threads.scss

@@ -2,15 +2,15 @@
 @use "../top/boxes" as boxes;
 
 // Main chat with thread open
-.chat-2ZfjoI:not(.container-2IKOsH > .chat-2ZfjoI).threadSidebarOpen-1LSXvU {
+:is(.chat-2ZfjoI, .chat-9g_3Xj):not(.container-2IKOsH > :is(.chat-2ZfjoI, .chat-9g_3Xj)):is(.threadSidebarOpen-1LSXvU, .threadSidebarOpen-lv7sGl) {
     border-right: 0;
 
     &::before {
         border-right: 0;
     }
 
     // Message needs no indent as member list cannot be visible at once.
-    .chatContent-3KubbW .message-2CShn3 {
+    :is(.chatContent-3KubbW, .chatContent-2O4SXb) .message-2CShn3 {
         margin-right: 0 !important;
     }
 
@@ -23,7 +23,7 @@
 // Threads not video chat
 .content-1SgpWY > {
     // Main chat / thread separator
-    .resizeHandle-PBRzPC {
+    :is(.resizeHandle-PBRzPC, .resizeHandle-2F4Beb) {
         @include boxes.box;
         background: $grey;
         position: relative;
@@ -40,7 +40,7 @@
     }
 
     // Thread panel
-    .container-3XgAHv {
+    :is(.container-3XgAHv, .container-3s2w-i) {
         @include boxes.box;
         margin: $window-top 0 $window-bottom 0;
         right: $window-right;
@@ -53,18 +53,18 @@
     }
 
     // Floating thread panel for narrow screens
-    .chatLayerWrapper-2mgEK- {
+    :is(.chatLayerWrapper-2mgEK-, .chatLayerWrapper-1K7IFZ) {
         top: $title-height + $window-top;
         right: $window-right;
         bottom: $window-bottom + 2px;
         height: auto;
 
-        .chatTarget-3H6mpC {
+        :is(.chatTarget-3H6mpC, .chatTarget-1ROClP) {
             display: none;
         }
     }
 }
 
-.layerContainer-2lfOPe:has(.chatLayerWrapper-2mgEK-) {
+.layerContainer-2lfOPe:has(:is(.chatLayerWrapper-2mgEK-, .chatLayerWrapper-1K7IFZ)) {
     z-index: 0;
 }

scss/main/_windowbar.scss

@@ -3,7 +3,7 @@
 
 // Top bar
 
-.titleBar-1it3bQ {
+:is(.titleBar-1it3bQ, .titleBar-3AIemB) {
     margin: unset;
     @include boxes.winBar($text: "Discord", $bgColor: $darkblue);
     position: absolute;
@@ -31,7 +31,7 @@
     }
 
     // Buttons
-    .winButton-3UMjdg {
+    :is(.winButton-3UMjdg, .winButton-3SigSb) {
         @include boxes.clickable;
         background: $grey;
         height: 16px;

scss/part/_darkmode.scss

@@ -175,7 +175,7 @@ $prefix: "https://canary.discord.com";
     .emptyWumpus-11kRB0 {
         background: url($prefix + "/assets/e0989b9d43cd9ca4417b49f4f8fbebc6.svg");
     }
-    .krispLogo-aWHaan {
+    :is(.krispLogo-aWHaan, .krispLogo-2NYhKv) {
         background-image: url($prefix + "/assets/73c1c05c8458288db873591e1f6ee5a9.svg");
     }
     .imageUploaderIcon-2OHmFu {

scss/plugin/_DateViewer.scss

@@ -6,7 +6,7 @@
 
 $dv-width: 80px;
 
-.members-3WRCEx {
+:is(.members-3WRCEx, .members-2y1nVj) {
     margin-bottom: unset;
 }
 

scss/plugin/_chatboxbuttons.scss

@@ -6,7 +6,7 @@
 // BD: Translator, InvisibleTyping
 
 // SendTimestamps, SilentTyping
-.channelTextArea-1FufC0 div[style="display: flex;"],
+:is(.channelTextArea-1FufC0, .channelTextArea-1deLlK) div[style="display: flex;"],
 // InvisibleTyping
 .invisible-typing-button {
     @include boxes.clickable;

scss/plugin/_userpanel.scss

@@ -5,15 +5,15 @@
 // Vencord:         SpotifyModal
 
 .panels-3wFtMD {
-    &:has(.container-1zzFcN, .activityPanel-9icbyU, .container-6sXIoE, #spotify-modal-root, #vc-spotify-player) {
+    &:has(:is(.container-1zzFcN, .container-2NLBJg), .activityPanel-9icbyU, .container-6sXIoE, #spotify-modal-root, #vc-spotify-player) {
         height: auto;
     }
 
-    :is(.container-1zzFcN, .activityPanel-9icbyU, .container-6sXIoE, #spotify-modal-root, #vc-spotify-player) {
+    :is(:is(.container-1zzFcN, .container-2NLBJg), .activityPanel-9icbyU, .container-6sXIoE, #spotify-modal-root, #vc-spotify-player) {
         border-bottom: 0;
     }
 
-    &:not(:has(.container-1zzFcN, .activityPanel-9icbyU, .container-6sXIoE, #spotify-modal-root, #vc-spotify-player)) {
+    &:not(:has(:is(.container-1zzFcN, .container-2NLBJg), .activityPanel-9icbyU, .container-6sXIoE, #spotify-modal-root, #vc-spotify-player)) {
         border-left: 0;
         &::before {
             border-left: 0;