Added BD settings styles, added missing modifiers

ChaseIngebritson · May 25, 2020 · 7e17503 · 7e17503
1 parent 8501d31
commit 7e17503
Show file tree

Hide file tree

Showing 7 changed files with 53 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,4 +12,12 @@
 ### Added
 - Search popout styling
 ### Fixed
-- Resolved missing home background color
+- Resolved missing home background color
+
+## v0.3.0
+### Added
+- BD settings styles
+### Fixed
+- Missing guild BD pub style
+- Missing calendar picker selected accent
+- Resolved a few missing variable styles
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "noctis-viola-discord-theme",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A Better Discord theme based on the Noctis Viola VSCode theme.",
   "main": "index.js",
   "scripts": {

diff --git a/src/styles/noctis-viola.theme.scss b/src/styles/noctis-viola.theme.scss
@@ -11,3 +11,4 @@
 @import 'partials/shaker';
 @import 'partials/theme';
 @import 'partials/user-popout';
+@import 'partials/user-settings';
diff --git a/src/styles/partials/_guilds.scss b/src/styles/partials/_guilds.scss
@@ -17,4 +17,8 @@
       }
     }
   }
+
+  #bd-pub-button {
+    background-color: var(--background-accent);
+  }
 }
diff --git a/src/styles/partials/_search-popout.scss b/src/styles/partials/_search-popout.scss
@@ -39,6 +39,12 @@
           &--disabled {
             background-color: var(--background-tertiary) !important;
           }
+
+          &--selected {
+            &::after {
+              background-color: var(--interactive-hover);
+            }
+          }
         }
       }
     }

diff --git a/src/styles/partials/_theme.scss b/src/styles/partials/_theme.scss
@@ -13,14 +13,14 @@
   --background-secondary: #{$darker-purple-color};
   --background-secondary-alt: #{$dark-purple-color};
   --background-tertiary: #{$dark-purple-color};
-  --background-accent: #4f545c;
+  --background-accent: #{$middle-purple-color};
   --background-floating: #18191c;
   --background-mobile-primary: #36393f;
   --background-mobile-secondary: #2f3136;
   --background-mobile-header: #2f3136;
-  --background-modifier-hover: rgba(79, 84, 92, 0.16);
-  --background-modifier-active: rgba(79, 84, 92, 0.24);
-  --background-modifier-selected: rgba(79, 84, 92, 0.32);
+  --background-modifier-hover: #{$dark-purple-color};
+  --background-modifier-active: #{$middle-purple-color};
+  --background-modifier-selected: #{$middle-purple-color};
   --background-modifier-accent: hsla(0, 0%, 100%, 0.06);
   --background-mentioned: rgba(250, 166, 26, 0.05);
   --background-mentioned-hover: rgba(250, 166, 26, 0.08);
@@ -37,7 +37,7 @@
   --deprecated-card-bg: rgba(32, 34, 37, 0.6);
   --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3);
   --deprecated-store-bg: #36393f;
-  --deprecated-quickswitcher-input-background: #72767d;
+  --deprecated-quickswitcher-input-background: #{$middle-purple-color};
   --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
   --deprecated-text-input-bg: rgba(0, 0, 0, 0.1);
   --deprecated-text-input-border: rgba(0, 0, 0, 0.3);

diff --git a/src/styles/partials/_user-settings.scss b/src/styles/partials/_user-settings.scss
@@ -0,0 +1,27 @@
+.layer-3QrUeG {
+  #bd-settings-sidebar {
+    .ui-tab-bar-header {
+      color: var(--interactive-normal);
+    }
+
+    .ui-tab-bar-item {
+      color: var(--interactive-normal);
+      margin-bottom: 2px;
+
+      &.selected,
+      &:active {
+        color: var(--interactive-active);
+        background-color: var(--background-modifier-selected) !important;
+      }
+
+      &:hover {
+        color: var(--interactive-active);
+        background-color: var(--background-modifier-hover);
+      }
+    }
+
+    .bd-icon {
+      fill: var(--interactive-normal);
+    }
+  }
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,4 +17,8 @@ @@
           }
         }
       }
+      #bd-pub-button {
+        background-color: var(--background-accent);
+      }
     }