remove some legacy

ClearVision · Feb 1, 2025 · 8da8c8d · 8da8c8d
1 parent ca4f664
commit 8da8c8d
Show file tree

Hide file tree

Showing 10 changed files with 43 additions and 111 deletions.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -4378,6 +4378,9 @@ pre {
 .iconWrapper__54b20 {
   @extend %threadIconWrapper !optional;
 }
+.icon__54b20 {
+  @extend %threadIcon !optional;
+}
 .container__6764b {
   @extend %threadPreview !optional;
 }
@@ -5055,17 +5058,17 @@ pre {
 .table_b4ec0b {
   @extend %membersChannelTable !optional;
 }
+.newMembersNotice_acdcc0 {
+  @extend %membersChannelNotice !optional;
+}
 .memberRowContainer__71c22 {
   @extend %membersChannelRowContainer !optional;
 }
 .button__71c22 {
   @extend %membersChannelButton !optional;
 }
 .otherRoles__71c22 {
-  @extend %membersChannelRoleList !optional;
-}
-.pageButton_c15210 {
-  @extend %membersChannelPage !optional;
+  @extend %membersChannelOtherRoles !optional;
 }
 .optionBox_edf440 {
   @extend %avatarOptionBox !optional;

diff --git a/src/channels/channels.scss b/src/channels/channels.scss
@@ -50,11 +50,9 @@ html:not(%visualRefresh) %channelsSidebar:not(%channelsSidebarHidden) {
 }
 
 // CHANNEL CONTENT
-%channelLink {
-  transition: all 0.15s ease-in-out;
-}
 %channelLink {
   position: relative;
+  transition: all 0.15s ease-in-out;
   &:before {
     content: '';
     position: absolute;
@@ -72,20 +70,13 @@ html:not(%visualRefresh) %channelsSidebar:not(%channelsSidebarHidden) {
     z-index: -1;
     border-radius: 4px;
   }
-  %channelIcon {
-    width: 18px;
-    height: 18px;
-    margin-right: 3px;
-    color: var(--channel-color);
-    opacity: 1;
-    transition: all 0.15s ease-in-out;
-    > path {
-      opacity: 0.7;
-    }
-    > path:last-of-type {
-      opacity: 1;
-    }
-  }
+}
+%channelIcon {
+  width: 18px;
+  height: 18px;
+  margin-right: 3px;
+  color: var(--channel-color);
+  transition: all 0.15s ease-in-out;
 }
 %channelName {
   color: var(--channel-color);

diff --git a/src/channels/panels.scss b/src/channels/panels.scss
@@ -39,33 +39,6 @@
 }
 
 // BUTTONS
-button%panelButton {
-  width: 32px;
-  height: 32px;
-  opacity: 1;
-  > %buttonContents > svg {
-    @include bg($rep: no-repeat, $pos: center, $size: 18px);
-    color: #fff;
-    opacity: 0.5;
-    transition: all 0.1s ease-in-out;
-    > path[fill*='var(--interactive-normal)'] {
-      fill: #fff;
-    }
-  }
-  &:hover {
-    &%panelButtonEnabled {
-      background: transparent;
-    }
-    > %buttonContents > svg {
-      opacity: 0.7;
-    }
-  }
-  &%panelButtonDisabled {
-    > %buttonContents > svg {
-      opacity: 0.1;
-    }
-  }
-}
 %panelActionButtons {
   grid-gap: 6px;
 }

diff --git a/src/channels/privateChannels.scss b/src/channels/privateChannels.scss
@@ -50,7 +50,8 @@
   max-width: none;
 }
 %privateChannelInteractive {
-  position: relative;
+  position: relative;  
+  color: var(--channel-color);
   z-index: 1;
   &:before {
     content: '';
@@ -59,7 +60,6 @@
     border-radius: 3px;
     transition: all 0.15s ease-in-out;
     z-index: -1;
-    pointer-events: none;
   }
   &:after {
     content: '';
@@ -69,11 +69,9 @@
     opacity: 0.9;
     transition: all 0.3s ease-in-out;
     z-index: -1;
-    pointer-events: none;
   }
   %privateChannelIcon,
   %privateChannelName {
-    color: var(--channel-color);
     font-size: 14px;
     transition: all 0.15s ease-in-out;
     overflow: hidden;
@@ -85,9 +83,6 @@
       transition: all 0.15s ease-in-out;
     }
   }
-  %privateChannelCloseButton {
-    color: #fff;
-  }
 
   // HOVER
   &:hover {
@@ -99,12 +94,6 @@
     %privateChannelName {
       color: var(--channel-hovered);
     }
-    %privateChannelCloseButton {
-      opacity: 0.3;
-      &:hover {
-        opacity: 0.7;
-      }
-    }
   }
 
   // SELECTED
@@ -131,12 +120,6 @@
         color: #fff;
       }
     }
-    %privateChannelCloseButton {
-      opacity: 0.7;
-      &:hover {
-        opacity: 1;
-      }
-    }
   }
 
   // HIGHLIGHT
@@ -147,6 +130,15 @@
   }
 }
 
+// CLOSE BUTTON
+%privateChannelCloseButton {
+  color: var(--channel-color);
+  opacity: 1;
+  &:hover {
+    color: var(--channel-hovered);
+  }
+}
+
 // Activities popout
 %privateChannelActivityContainer {
   background: var(--background-overlay);

diff --git a/src/channels/specialChannels.scss b/src/channels/specialChannels.scss
@@ -61,39 +61,27 @@
     }
   }
 }
+
 // MEMBERS LIST
-/*main container*/
 %membersChannelContainer {
-  background: var(--background-overlay);
-  border: 1px solid $main-color;
+  background: rgba(0, 0, 0, 0.4);
   box-shadow: none;
 }
-/*table border*/
-%membersChannelTable {
-  border-top: 1px solid $main-color;
-}
-/*user hover*/
-%membersChannelRowContainer:hover td {
-  background: $hover-color;
+%membersChannelNotice {
+  background-color: $main-color;
+  &:hover {
+    background-color: $hover-color;
+  }
 }
-/*user option buttons*/
 %membersChannelButton {
   background: $main-color;
+  color: #fff;
   &:hover {
     background: $hover-color;
   }
-  &:nth-child(2) path ~ path,
-  &:nth-child(1) path {
-    fill: #fff;
-  }
 }
-/*roles*/
-%membersChannelRoleList {
-  background: var(--background-overlay);
-}
-/*hover page button*/
-%membersChannelPage > span {
-  color: #fff;
+%membersChannelOtherRoles {
+  background: hsla(0, 0%, 100%, 0.1);
 }
 
 // NOT IN CHANNEL LIST

diff --git a/src/chat/chat.scss b/src/chat/chat.scss
@@ -100,7 +100,7 @@ div[aria-checked='true'] %replyMentionButton {
 }
 %threadIconWrapper {
   background-color: $main-color;
-  svg path {
+  path {
     fill: #fff;
   }
 }

diff --git a/src/general/checkbox.scss b/src/general/checkbox.scss
@@ -5,10 +5,5 @@
   &%checkboxChecked {
     background-color: transparent !important;
     border-color: $main-color !important;
-    > svg {
-      > path {
-        fill: #fff;
-      }
-    }
   }
 }
diff --git a/src/general/switch.scss b/src/general/switch.scss
@@ -1,17 +1,9 @@
 /* SWITCH */
 %switchContainer {
-  background-color: transparent !important;
-  &:before {
-    background-color: hsla(0, 0%, 100%, 0.15);
-    content: '';
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    border-radius: inherit;
-    transition: all 0.1s ease-in-out;
-  }
-  &%switchChecked:before {
-    background-color: $main-color;
+  background-color: hsla(0, 0%, 100%, 0.15) !important;
+  transition: all 0.1s ease-in-out;
+  &%switchChecked {
+    background-color: $main-color !important;
   }
   path {
     fill: $main-color;

diff --git a/src/modals/eventModal.scss b/src/modals/eventModal.scss
@@ -16,7 +16,7 @@
 %eventNewBadgeText {
   color: #fff;
 }
-%eventIconContainer svg path {
+%eventIconContainer path {
   fill: $main-color;
 }
 %eventRSVPCount {

diff --git a/src/settings/content.scss b/src/settings/content.scss
@@ -15,13 +15,11 @@
 %themeDark {
   %settingsCloseButton {
     border-color: hsla(0, 0%, 100%, 0.4);
+    color: hsla(0, 0%, 100%, 0.6);
     &:hover {
       border-color: hsla(0, 0%, 100%, 0.6);
       background-color: transparent;
     }
-    > svg > path {
-      fill: hsla(0, 0%, 100%, 0.6);
-    }
   }
   %settingsCloseButtonKeybind {
     color: hsla(0, 0%, 100%, 0.6);