fix: update thme variables color

beclab · Aug 12, 2024 · a6db76c · a6db76c
1 parent 8c6e219
commit a6db76c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bytetrade/ui",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

diff --git a/src/styles/quasar.variables.sass b/src/styles/quasar.variables.sass
@@ -620,7 +620,7 @@ $ink-3-light: $grey-5
 $ink-3-dark: $grey-7
 $ink-on-brand-light: #ffffff
 $ink-on-brand-dark: #ffffff
-$ink-on-brand-disabled-light: #ffffff
+$ink-on-brand-disabled-light: rgba(255, 255, 255, 0.4)
 $ink-on-brand-disabled-dark: rgba(255, 255, 255, 0.4)
 $input-bg-disabled-light: rgba(0, 0, 0, 0.03)
 $input-bg-disabled-dark: rgba(255, 255, 255, 0.06)
@@ -734,7 +734,7 @@ $light-green-soft-light: $light-green-1
 $light-green-soft-dark: $light-green-16
 $light-green-alpha-light: rgba($light-green-6, 0.1)
 $light-green-alpha-dark: rgba($light-green-11, 0.1)
-$light-green-default-light: $light-green-16
+$light-green-default-light: $light-green-6
 $light-green-default-dark: $light-green-11
 $light-green-hover-light: $light-green-7
 $light-green-hover-dark: $light-green-6
@@ -744,7 +744,7 @@ $light-green-disabled-light: $light-green-3
 $light-green-disabled-dark: $light-green-14
 $ink-on-brand-black-light: $grey-10
 $ink-on-brand-black-dark: $grey-10
-$ink-on-brand-black-disabled-light: $grey-10
+$ink-on-brand-black-disabled-light: rgba(31, 31, 31, 0.4)
 $ink-on-brand-black-disabled-dark: rgba(31, 31, 31, 0.4)
 $ink-tooltip-light: $grey-1
 $ink-tooltip-dark: $grey-1

diff --git a/src/styles/theme.scss b/src/styles/theme.scss
@@ -30,7 +30,7 @@ body {
         $ink-2: $grey-8,
         $ink-3: $grey-5,
         $ink-on-brand: #ffffff,
-        $ink-on-brand-disabled: #ffffff,
+        $ink-on-brand-disabled: rgba(255, 255, 255, 0.4),
         $input-bg-disabled: rgba(0, 0, 0, 0.03),
         $input-stroke: rgba(0, 0, 0, 0.1),
         $input-stroke-hover: rgba(0, 0, 0, 0.2),
@@ -87,12 +87,12 @@ body {
         $light-blue-disabled: $light-blue-3,
         $light-green-soft: $light-green-1,
         $light-green-alpha: rgba($light-green-6, 0.1),
-        $light-green-default: $light-green-16,
+        $light-green-default: $light-green-6,
         $light-green-hover: $light-green-7,
         $light-green-pressed: $light-green-8,
         $light-green-disabled: $light-green-3,
         $ink-on-brand-black: $grey-10,
-        $ink-on-brand-black-disabled: $grey-10,
+        $ink-on-brand-black-disabled: rgba(31, 31, 31, 0.4),
         $ink-tooltip: $grey-1,
         $tooltip-bg: $grey-9
     );