fix: adjusts colors to support custom theme (#4)

rotki · Aug 18, 2023 · 7203cf9 · 7203cf9
1 parent fb53b8f
commit 7203cf9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/logos/Logo.vue b/src/components/logos/Logo.vue
@@ -19,7 +19,7 @@ withDefaults(defineProps<Props>(), {
 <template>
   <div class="h-12 space-x-4 flex items-center">
     <img class="h-full" :src="customSrc ?? logo" alt="Rotki" />
-    <div v-if="text" class="text-h4 text-rui-light-primary dark:text-white">
+    <div v-if="text" class="text-h4 text-rui-primary dark:text-white">
       rotki
     </div>
   </div>

diff --git a/src/components/steppers/StepperCustomIcon.vue b/src/components/steppers/StepperCustomIcon.vue
@@ -39,7 +39,7 @@ const css = useCssModule();
 
 <style lang="scss" module>
 .indicator {
-  @apply inline-flex items-center justify-center rounded-full h-10 w-10 border text-white bg-rui-light-primary border-rui-light-primary;
+  @apply inline-flex items-center justify-center rounded-full h-10 w-10 border text-white bg-rui-primary border-rui-primary;
 
   &.inactive {
     @apply text-xs bg-white;
@@ -52,10 +52,10 @@ const css = useCssModule();
 
 :global(.dark) {
   .indicator {
-    @apply bg-white text-rui-light-primary;
+    @apply bg-white text-rui-primary;
 
     &.inactive {
-      @apply text-white border-white bg-rui-light-primary;
+      @apply text-white border-white bg-rui-primary;
 
       .text {
         @apply text-white;

diff --git a/src/composables/theme.ts b/src/composables/theme.ts
@@ -98,9 +98,9 @@ export const useRotkiTheme = (): ThemeContent => {
 
     if (typeof window !== 'undefined') {
       watch(
-        isLight,
-        (isLight) => {
-          const contextVariables = Object.entries(get(theme))
+        [isLight, theme],
+        ([isLight, theme]) => {
+          const contextVariables = Object.entries(theme)
             .map(([context, contextObject]: [string, ColorIntensity]) => ({
               [`--rui-${context}-main`]: contextObject.DEFAULT,
               [`--rui-${context}-lighter`]: contextObject.lighter,