more fixes

ClearVision · Sep 4, 2023 · 6617e08 · 6617e08
1 parent 406b231
commit 6617e08
Show file tree

Hide file tree

Showing 6 changed files with 104 additions and 88 deletions.
diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss
@@ -4490,6 +4490,9 @@ pre {
 .text-sm-medium-2-Xzsi {
   @extend %textSmallMedium !optional;
 }
+.text-md-normal-2rFCH3 {
+  @extend %textMediumNormal !optional;
+}
 .directoryContainer-z-0pgp {
   @extend %directoryContainer !optional;
 }
@@ -4512,7 +4515,10 @@ pre {
   @extend %directorySearchBar !optional;
 }
 .category-qFAw-K.activeCategory-1iqXig {
-  @extend %directorySearchCategory !optional;
+  @extend %directorySearchCategoryActive !optional;
+}
+.category-3LanTP {
+  @extend %directoryAppCategory !optional;
 }
 .card-sX105p {
   @extend %directoryAppSupportServer !optional;
@@ -4524,9 +4530,9 @@ pre {
   @extend %directoryAppCommand !optional;
 }
 .cardHeader-3tWAak {
-  @extend %directoryPremiumCardHeader !optional;
+  @extend %directoryAppPremiumCardHeader !optional;
 }
-.priceAndButtonContainer-2g2UBN {
+.benefitsContainer-xSjsOP {
   @extend %directoryAppPremiumContainer !optional;
 }
 .list-3ykg7W {

diff --git a/main.scss b/main.scss
@@ -105,11 +105,11 @@ $version: '6.3.0';
 @import 'src/modals/userModal';
 
 // PAGES
+@import 'src/pages/appDirectory';
 @import 'src/pages/discover';
 @import 'src/pages/forums';
 @import 'src/pages/previewServer';
 @import 'src/pages/serverBoost';
-@import 'src/pages/serverProfile';
 @import 'src/pages/studentHub.scss';
 
 // POPOUTS

diff --git a/src/pages/appDirectory.scss b/src/pages/appDirectory.scss
@@ -0,0 +1,81 @@
+/* APP DIRECTORY */
+%themeDark %directoryContainer {
+  background: transparent;
+  &:before {
+    content: '';
+    @include stretch;
+    position: fixed;
+    z-index: -1;
+    background: cv('bg.app.img') cv('bg.app.pos') / cv('bg.app.size') cv('bg.app.repeat') cv('bg.app.attach');
+    @include filters(cv('bg.app'));
+  }
+}
+
+// HOME PAGE
+%directoryCategory {
+  background: rgba(0,0,0,.4);
+  &:hover {
+    background: $hover-color;
+  }
+}
+%directoryCard {
+  background: rgba(0,0,0,.4);
+}
+%directoryListCard {
+  background: rgba(0,0,0,.4);
+  &%directoryCardClickable:hover {
+    background-color: hsla(0, 0%, 0%, 0.6);
+    color: #fff;
+    %textMediumNormal {
+      color: #fff;
+    }
+  }
+}
+%directoryFooter {
+  background: rgba(0,0,0,.4);
+}
+
+// SEARCH
+%themeDark {
+  %directorySearchBar {
+    background: hsla(0, 0%, 100%, 0.07);
+    border: none;
+    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09);
+    &:focus-within {
+      box-shadow: 0 0 2px 2px $main-color;
+      transition: all 0.15s ease-in-out;
+    }
+    %input {
+      color: #fff;
+      box-shadow: none;
+      &::placeholder {
+        color: hsla(0, 0%, 100%, 0.3);
+      }
+    }
+  }
+}
+%directorySearchCategoryActive {
+	background: $main-color;
+}
+
+// APP PAGE
+%directoryAppCategory {
+  background-color: hsla(0, 0%, 100%, 0.1);
+  &:hover {
+    background-color: hsla(0, 0%, 100%, 0.15);
+  }
+}
+%directoryAppSupportServer {
+  background-color: hsla(0, 0%, 0%, 0.6);
+}
+%directoryAppCommandList,
+%directoryAppPermissionList,
+%directoryAppIntentList,
+%directoryAppPremiumCardHeader, 
+%directoryAppPremiumContainer {
+	background: hsla(0, 0%, 0%, 0.4);
+}
+%directoryCommand {
+  background: transparent;
+  border: 1px solid $main-color;
+}
diff --git a/src/pages/serverProfile.scss b/src/pages/serverProfile.scss
diff --git a/src/settings/channelSettings.scss b/src/settings/channelSettings.scss
@@ -80,6 +80,18 @@
   background-color: hsla(0, 0%, 0%, 0.4);
 }
 
+// ROLES/MEMBERS DROPDOWN
+.container-1S70rv {
+	background-color: var(--popout-color);
+}
+.theme-dark .header-3i_Csh,
+.theme-dark .container-1S70rv .sectionTag-28mLyE {
+	background-color: transparent;
+}
+.row-1Ib2uD.selected-1IWCoj {
+	background-color: hsla(0, 0%, 100%, .1);
+}
+
 // FORUMS
 .staticToolbar-x12NJC {
 	background: transparent;

diff --git a/src/settings/serverSettings.scss b/src/settings/serverSettings.scss
@@ -367,78 +367,4 @@
 %pruneMemberMenu {
   background-color: rgba(0, 0, 0, 0.5);
   border: hsla(0, 0%, 100%, 0.07);
-}
-
-// APP DIRECTORY
-%directoryContainer {
-  background: transparent;
-  &:before {
-    content: '';
-    @include stretch;
-    position: fixed;
-    z-index: -1;
-    background: cv('bg.app.img') cv('bg.app.pos') / cv('bg.app.size') cv('bg.app.repeat') cv('bg.app.attach');
-    @include filters(cv('bg.app'));
-  }
-}
-%directoryCategory {
-  background: rgba(0,0,0,.4);
-  &:hover {
-    background: $hover-color;
-  }
-}
-%directoryCard {
-  background: rgba(0,0,0,.4);
-}
-// list cards
-%directoryListCard {
-  background: rgba(0,0,0,.4);
-  %directoryCardClickable &:hover {
-    background-color: hsla(0, 0%, 0%, 0.6);
-  }
-}
-// new to apps card
-%directoryFooter {
-  background: rgba(0,0,0,.4);
-}
-%themeDark {
-  %directorySearchBar {
-    background-color: hsla(0, 0%, 0%, 0.3) !important;
-    border: none;
-    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.1);
-    margin-top: 2px;
-    &:focus-within {
-      box-shadow: 0 0 2px 2px $main-color;
-      transition: all 0.15s ease-in-out;
-    }
-    %input {
-      color: #fff;
-      box-shadow: none;
-      &::placeholder {
-        color: hsla(0, 0%, 100%, 0.3);
-      }
-    }
-  }
-}
-/*side categories*/
-%directorySearchCategory {
-	background: $main-color;
-}
-/*side support server card*/
-%directoryAppSupportServer,
-/*privacy -> permissions container, data access*/
-%directoryAppPermissionList,
-%directoryAppIntentList,
-/*premium -> subscriptions*/
-%directoryPremiumCardHeader, 
-%directoryAppPremiumContainer {
-	background: rgba(0,0,0,.5);
-}
-/*general -> popular slash commands container*/
-%directoryAppCommandList {
-	background: rgba(0,0,0,.5);
-  %directoryAppCommand {
-    background: transparent;
-    border: 1px solid var(--main-color);
-  }
-}
+}