fix(tooltip): Use colors from the theme

georgepauna · Jan 22, 2021 · 5c263f1 · 5c263f1
1 parent 268ef77
commit 5c263f1
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/styles.ts b/src/styles.ts
@@ -64,13 +64,13 @@ export const styles: CSSResult = css`
   }
 
   .apexcharts-tooltip.apexcharts-active {
-    opacity: 1;
+    opacity: 0.96;
     transition: 0.15s ease all;
   }
 
   .apexcharts-tooltip.apexcharts-theme-light {
     border: 1px solid #e3e3e3;
-    background: rgba(255, 255, 255, 0.96);
+    background: var(--card-background-color);
   }
 
   .apexcharts-tooltip.apexcharts-theme-dark {
@@ -89,7 +89,7 @@ export const styles: CSSResult = css`
   }
 
   .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
-    background: #eceff1;
+    background: var(--primary-background-color);
     border-bottom: 1px solid #ddd;
   }