feat: replace theme-selector with settings-menu and add styling for settings dropdown

Author: techwithanirudh

CHANGELOG.md

@@ -1,5 +1,11 @@
 # coolify-tweaks
 
+## 3.7.3
+
+### Patch Changes
+
+- feat: replace theme-selector with settings-menu and add styling for settings dropdown
+
 ## 3.7.2
 
 ### Patch Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coolify-tweaks",
-  "version": "3.7.2",
+  "version": "3.7.3",
   "description": "Opinionated tweaks for Coolify: better spacing, layout, and color polish.",
   "author": {
     "name": "Anirudh Sriram",

src/components/_index.scss

@@ -6,5 +6,5 @@
 @use 'grid';
 @use 'navbar';
 @use 'sidebar';
-@use 'theme-selector';
+@use 'settings-menu';
 @use 'spinner';

src/components/_theme-selector.scss renamed to src/components/_settings-menu.scss

@@ -17,25 +17,25 @@ button:has([title='Settings']) {
     justify-content: center;
   }
 
-  & > svg.w-4.h-4 {
-    display: none;
+  & > svg.w-5.h-5 {
+    @include icon('gear-fill', 'fill');
   }
 }
 
 .dropdown-item-no-padding[wire\:click='openWhatsNewModal'] svg {
-  @include icon('file-text-fill', 'fill');
+  @include icon('list-magnifying-glass-duotone', 'duotone');
 }
 
 .dropdown-item-no-padding[\@click^="setTheme('dark')"] svg {
-  @include icon('moon-fill', 'fill');
+  @include icon('moon-duotone', 'duotone');
 }
 
 .dropdown-item-no-padding[\@click^="setTheme('light')"] svg {
-  @include icon('sun-fill', 'fill');
+  @include icon('sun-duotone', 'duotone');
 }
 
 .dropdown-item-no-padding[\@click^="setTheme('system')"] svg {
-  @include icon('desktop-fill', 'fill');
+  @include icon('desktop-duotone', 'duotone');
 }
 
 div:has(div[x-show='dropdownOpen']:not([style*='display: none'])) button:has([title='Settings']) {