Fix wrong dark mode color

wikimedia-gadgets · Dec 26, 2024 · 430954e · 430954e
1 parent dac7dc3
commit 430954e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/gadgets/variant-ally-dialog/src/components/VAButton.vue b/gadgets/variant-ally-dialog/src/components/VAButton.vue
@@ -101,15 +101,15 @@ defineProps<{
     }
 
     &:active {
-      color: @color-inverted;
+      color: @color-inverted-fixed;
       background-color: @background-color-progressive--active;
       border-color: @border-color-progressive--active;
     }
   }
 
   &:disabled {
     background-color: @background-color-disabled;
-    color: @color-inverted;
+    color: @color-disabled-emphasized;
     border-color: @border-color-transparent;
     cursor: @cursor-not-allowed;
   }

diff --git a/gadgets/variant-ally-dialog/src/components/VAIcon.vue b/gadgets/variant-ally-dialog/src/components/VAIcon.vue
@@ -13,7 +13,7 @@ export type { Icon };
 
 <template>
   <svg
-    class="va-icon-button__icon"
+    class="va-icon"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     :width="size"

diff --git a/gadgets/variant-ally-dialog/src/styles/tokens.less b/gadgets/variant-ally-dialog/src/styles/tokens.less
@@ -10,7 +10,9 @@
 @color-visited: var(--color-visited, #6a60b0);
 @color-emphasized: var(--color-emphasized, #101418);
 @color-inverted: var(--color-inverted, #fff);
+@color-inverted-fixed: var(--color-inverted-fixed, #fff);
 @color-disabled: var(--color-disabled, #a2a9b1);
+@color-disabled-emphasized: var(--color-disabled-emphasized, #a2a9b1);
 @color-subtle: var(--color-subtle, #54595d);
 
 /* Background colors */