pxvmc.scss

@@ -6,16 +6,16 @@
 //@use "src/ripcord";
 @use "src/textbox";
 @use "src/avatars";
-//@use "src/channel_list";
+@use "src/channel_list";
 @use "src/compact";
-//@use "src/member_list";
+@use "src/member_list";
-//@use "src/context_menu";
+@use "src/context_menu";
 @use "src/voice_rings";
 @use "src/wide_settings";
-//@use "src/private_channels";
+@use "src/private_channels";
-//@use "src/embeds";
+@use "src/embeds";
 //@use "src/winclassic";
-//@use "src/guilds";
+@use "src/guilds";
 @use "src/misc";
 @use "src/ansi_chain";
 @use "src/collapse";

src/avatars.scss

@@ -111,9 +111,7 @@ div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject,
     left: 0;
     border-radius: 0% !important;
 
-    box-shadow:
+    box-shadow: inset 0 0 0 1px var(--status-color), inset 0 0 0 2px #{colors.$tertiary},
-      inset 0 0 0 1px var(--status-color),
-      inset 0 0 0 2px #{colors.$tertiary},
       inset 0 0 2px 3px #{colors.$primary};
   }
   & > svg {
@@ -135,20 +133,16 @@ div[class^="listItem_"] [class^="wrapper_"] > svg > foreignObject,
     }
   }
 
-  &:has(rect[fill="#23a55a"]),
+  &:has(rect[fill="#23a55a"]) {
-  &:has(rect[fill="#43a25a"]) {
     --status-color: #{colors.$c2};
   }
-  &:has(rect[fill="#f0b232"]),
+  &:has(rect[fill="#f0b232"]) {
-  &:has(rect[fill="#ca9654"]) {
     --status-color: #{colors.$c3};
   }
-  &:has(rect[fill="#f23f43"]),
+  &:has(rect[fill="#f23f43"]) {
-  &:has(rect[fill="#d83a42"]) {
     --status-color: #{colors.$c5};
   }
-  &:has(rect[fill="#593695"]),
+  &:has(rect[fill="#593695"]) {
-  &:has(rect[fill="#9147ff"]) {
     --status-color: #{colors.$c4};
   }
 }

src/color_overrides.scss

@@ -998,120 +998,17 @@ svg[fill="#FF73FA"] {
   color: var(--text-muted);
 }
 
-[class^="mediaBarWrapper_"] {
+.postnet-repo-wrapper,
-  &,
+.postnet-expanded-category {
-  &:before,
+  border-color: var(--background-tertiary) !important;
-  &:after {
+  background: var(--deprecated-card-bg) !important;
-    background: #1a1a1a;
-  }
 }
 
-/****/
+.hh2-spotify-controls-album-name,
-
+.showTag-username {
-.visual-refresh.theme-dark,
+  color: #{colors.$highlight} !important;
-.visual-refresh .theme-dark {
-  --text-primary: #{colors.$c15};
-  --text-secondary: #{colors.$c7};
-  --channels-default: #{colors.$highlight};
-  --text-brand: #{colors.$accent};
-
-  --interactive-muted: #2d2d2d;
-
-  --bg-brand: #{colors.$accent};
-  --bg-base-primary: #{colors.$primary} !important;
-  --bg-base-secondary: #{colors.$secondary} !important;
-  --bg-base-tertiary: #{colors.$tertiary} !important;
-  --background-primary: #{colors.$primary} !important;
-  --background-secondary: #{colors.$secondary} !important;
-  --background-tertiary: #{colors.$tertiary} !important;
-  --background-base-low: #{colors.$primary} !important;
-  --background-base-lower: #{colors.$secondary} !important;
-  --background-base-lowest: #{colors.$tertiary} !important;
-  --chat-background-default: #{colors.$tertiary} !important;
-  --background-surface-high: #{colors.$secondary} !important;
-  --background-surface-higher: #{colors.$secondary} !important;
-  --checkbox-border-checked: #{colors.$accent} !important;
-  --card-primary-bg: #{colors.$secondary} !important;
-  --background-message-hover: #{colors.$tertiary} !important;
-
-  --custom-app-top-bar-height: 24px;
-
-  [class^="base_"] > [class^="bar_"] {
-    background: #{colors.$primary} !important;
-
-    & > [class^="title_"] > [class^="title_"] {
-      gap: 4px;
-
-      & > [class^="icon_"] {
-        width: 16px;
-        height: 16px;
 }
 
-      & > [class^="defaultColor_"] {
-        font-size: 9pt;
-        font-weight: 700;
-        color: #424242;
-      }
-    }
-
-    [class^="button_"] {
-      width: 16px;
-      height: 16px;
-    }
-    [class^="trailing_"] {
-      gap: 4px;
-    }
-    [class^="winButtons_"] {
-      gap: 0px;
-    }
-  }
-  &.app-focused [class^="base_"] > [class^="bar_"] > [class^="title_"] > [class^="title_"] > [class^="defaultColor_"] {
-    color: #979797;
-  }
-
-  [class^="chatContent_"] {
-    background: #{colors.$primary} !important;
-  }
-  [class^="panels_"] {
-    background: #{colors.$secondary} !important;
-
-    .mediaControls {
-      background: transparent !important;
-    }
-  }
-
-  [class^="sidebarRegion_"] > [class^="sidebarRegionScroller_"] > [class^="sidebar_"] [class^="side_"] {
-    [class^="header_"] {
-      color: var(--text-secondary) !important;
-    }
-    [class^="item_"] {
-      color: var(--text-primary) !important;
-
-      &[class*="selected_"] {
-        background: #{colors.$accent} !important;
-      }
-    }
-  }
-
-  [class^="cardHeader_"] {
-    background: #1a1a1a !important;
-  }
-
-  [class^="member_"] {
-    color: #7f7f7f;
-
-    &:hover {
-      color: #{colors.$c7};
-    }
-
-    [class*="activityText_"] {
-      color: #{colors.$highlight};
-    }
-  }
-}
-
-/****/
-
 [class^="markdown_"] [class^="codeInline_"],
 code.inline,
 .hljs {

src/compact.scss

@@ -194,7 +194,36 @@ section[class^="panels_"] > [class^="container_"] > [class*="directionRow_"] {
   padding-right: 4px !important;
 }
 
-/*div[class^="sidebar_"]:not(:has(> [class^="side_"]))
+.hh2-spotify-controls-player {
+  margin: 4px 4px !important;
+  height: 32px !important;
+}
+.hh2-spotify-controls-album-image {
+  width: 32px !important;
+  height: 32px !important;
+}
+button.hh2-spotify-controls-button {
+  width: 24px !important;
+}
+.hh2-spotify-controls-info-box {
+  margin-left: 4px !important;
+  max-width: 112px !important;
+  margin-right: 4px !important;
+}
+.hh2-spotify-controls-buttons {
+  display: grid !important;
+  grid-auto-flow: column;
+  grid-gap: 4px;
+}
+.hh2-spotify-controls-track-name {
+  font-size: 0.75em;
+}
+.hh2-spotify-controls-album-name span,
+.hh2-spotify-controls-album-name a {
+  color: var(--text-muted) !important;
+}
+
+div[class^="sidebar_"]:not(:has(> [class^="side_"]))
   > nav[class^="container_"]
   > [class^="container_"][class*="clickable_"]
   > [class^="animatedContainer_"] {
@@ -229,7 +258,7 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
 
 [class^="sidebar_"] header[class^="header_"] {
   padding: 4px 8px;
-}*/
+}
 /*[class^="chat_"] > [class^="title_"],
 [class^="chat_"] > section[class*="container_"],
 [class^="base_"]
@@ -310,7 +339,6 @@ div[class^="sidebar_"]:not(:has(> [class^="side_"]))
   }
 }*/
 
-html:not(.visual-refresh-chat-input) {
 [class^="chatContent_"]
   > form
   [class^="channelTextArea"]
@@ -368,7 +396,6 @@ html:not(.visual-refresh-chat-input) {
 [class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"] [class*="innerButton_"] {
   margin-right: 0;
 }
-}
 
 [class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class*="privateChannelsHeaderContainer_"] {
   padding: 9px 4px 2px 9px;

src/embeds.scss

@@ -41,13 +41,15 @@
   [class^="embedWrapper_"] {
     max-width: 500px !important;
 
+    :is(
         [class*="embedProvider_"],
         [class*="embedAuthor_"],
         [class*="embedTitle_"],
         [class*="embedDescription_"],
         [class*="embedFields_"],
         [class*="embedFooter_"],
-    [class*="embedMedia_"] {
+        [class*="embedMedia_"]
+      ) {
       min-width: unset !important;
       max-width: 480px;
     }
@@ -66,8 +68,7 @@
         width: max-content !important;
         height: max-content !important;
 
-        img,
+        :is(img, video) {
-        video {
           max-width: 480px !important;
           max-height: 480px !important;
           width: max-content !important;
@@ -93,16 +94,14 @@
     [class*="embedMedia_"] [class^="imageWrapper_"] {
       max-height: unset !important;
 
-      img,
+      :is(img, video) {
-      video {
         max-height: unset !important;
       }
     }
   }
 
   /* linked images equal to attachments */
-  [class^="inlineMediaEmbed_"],
+  :is([class^="inlineMediaEmbed_"], [class^="messageAttachment_"]) {
-  [class^="messageAttachment_"] {
     max-width: 480px !important;
     max-height: 480px !important;
 
@@ -112,8 +111,7 @@
       width: max-content !important;
       height: max-content !important;
 
-      img,
+      :is(img, video) {
-      video {
         max-width: 480px !important;
         max-height: 480px !important;
         width: max-content !important;

src/guilds.scss

@@ -285,10 +285,10 @@ nav[class*="guilds_"] {
       }
     }
 
-    /*&:hover {
+    &:hover {
       box-shadow: var(--HoverEdge);
       background-color: var(--ThreeDFace);
-    }*/
+    }
   }
   [class^="wrapperSimple_"] {
     width: 40px;

src/misc.scss

@@ -65,11 +65,7 @@ nav[class*="guilds_"] [class^="itemsContainer_"] > [class^="footer_"] {
 
 .mediaControls {
   padding: 4px;
-  /* padding-bottom: 0.5rem;*/
+  padding-bottom: 0.5rem;
-
-  .visual-refresh & {
-    height: unset !important;
-  }
 
   .mediaControls-controls {
     margin-bottom: 4px;
@@ -80,105 +76,6 @@ nav[class*="guilds_"] [class^="itemsContainer_"] > [class^="footer_"] {
   --__lottieIconColor: var(--interactive-normal) !important;
 }
 
-.staffTags-tag-icon.staffTags-tag-memberList,
-.staffTags-tag-icon.staffTags-tag-chat {
-  width: 18px;
-  height: 18px;
-  margin-left: 0;
-  top: 0;
-
-  span:has(> &) {
-    height: 20px;
-    display: inline-flex;
-    align-items: center;
-    object-fit: contain;
-    margin-left: 0.25rem;
-    vertical-align: text-top;
-  }
-}
-
-[id|="chat-messages"] [class*="cozy"] .pronouns-badge {
-  margin-left: 0.25rem;
-}
-
-[class^="micButtonParent_"] {
-  margin-right: 0;
-}
-
-[class^="member_"] > [class^="childContainer_"] > [class^="memberInner_"] {
-  width: 100%;
-}
-
-.visual-refresh {
-  [class^="panels_"] {
-    display: flex;
-    flex-direction: column;
-
-    [class^="devBanner_"] {
-      order: 9999;
-    }
-  }
-
-  svg[class^="radioIndicator_"] {
-    border: 1px solid #2d2d2d;
-    &[class*="radioIndicatorChecked_"] {
-      background-color: var(--brand-experiment);
-    }
-
-    & > circle {
-      display: none;
-    }
-  }
-
-  [class^="base_"] > [class^="bar_"] > [class^="title_"] {
-    justify-content: left;
-    align-items: left;
-    margin-left: 3px;
-  }
-
-  [class^="member_"] > [class^="childContainer_"] {
-    padding: 0;
-
-    & > [class^="memberInner_"] {
-      padding: var(--space-xxs) var(--space-xs);
-    }
-  }
-  [class*="membersGroup_"] {
-    padding: var(--space-md) var(--space-md) var(--space-xxs) var(--space-md);
-  }
-
-  [class^="carouselModal_"] {
-    border: none;
-  }
-}
-.visual-refresh-chat-input {
-  [class^="scrollerSpacer_"] {
-    height: 8px !important;
-  }
-
-  [class^="channelBottomBarArea_"] {
-    margin: var(--space-xs);
-
-    [class^="accessoryBar_"] {
-      margin: 0;
-      padding: 4px;
-
-      & > [class^="accessoryBarRight_"] {
-        margin-right: 0;
-
-        & > [class^="buttons_"] {
-          gap: 0;
-        }
-      }
-
-      [class^="attachButton_"] {
-        margin-left: 0;
-        padding: 0 6px;
-      }
-    }
-  }
-}
-
 /* unround */
 *,
 [class],

src/textbox.scss

@@ -1,4 +1,3 @@
-html:not(.visual-refresh-chat-input) {
 [class*="chat_"] [class*="chatContent_"] form {
   position: relative;
   margin: 0;
@@ -127,4 +126,3 @@ html:not(.visual-refresh-chat-input) {
   height: 20px;
   left: 100%;
 }
-}