style: adjusting dark theme in sidebar and triple toggle

Brisanet · Jan 9, 2025 · af1b36e · af1b36e
1 parent 460b5b2
commit af1b36e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/projects/ion/src/lib/triple-toggle/_triple-toggle.theme.scss b/projects/ion/src/lib/triple-toggle/_triple-toggle.theme.scss
@@ -6,7 +6,8 @@ $default: (
     border-color: transparent,
     text-color: ion-theme(primary-6),
     disabled-color: ion-theme(neutral-1),
-    disabled-text-color: ion-theme(neutral-5),
+    disabled-bg-color: ion-theme(neutral-5),
+    disabled-border-color: ion-theme(neutral-3),
   ),
   secondary: (
     border: ion-theme(neutral-4),
@@ -24,6 +25,7 @@ $dark: (
     text-color: ion-theme(neutral-1),
     disabled-color: ion-theme(neutral-3),
     disabled-bg-color: ion-theme(neutral-6),
+    disabled-border-color: ion-theme(neutral-3),
   ),
   secondary: (
     border: ion-theme(primary-3),

diff --git a/projects/ion/src/lib/triple-toggle/triple-toggle.component.scss b/projects/ion/src/lib/triple-toggle/triple-toggle.component.scss
@@ -34,10 +34,14 @@
   ion-button ::ng-deep {
     .ion-btn-primary {
       border: 1px solid ion-theme(triple-toggle-primary-border-color);
+
       &:disabled {
         background-color: ion-theme(
           triple-toggle-primary-disabled-bg-color
         ) !important;
+
+        border: 1px solid ion-theme(triple-toggle-primary-disabled-border-color);
+
         color: ion-theme(triple-toggle-primary-disabled-color) !important;
       }
     }