From 24ce511b5938f1cec8f44f9e5bf8f3e7962c177b Mon Sep 17 00:00:00 2001
From: lawvs <18554747+lawvs@users.noreply.github.com>
Date: Fri, 28 Oct 2022 15:12:26 +0800
Subject: [PATCH] chore: update theme

---
 packages/app/src/styles/theme.ts | 8 ++++++++
 packages/app/src/styles/types.ts | 5 +++++
 2 files changed, 13 insertions(+)

diff --git a/packages/app/src/styles/theme.ts b/packages/app/src/styles/theme.ts
index 6c75a75142..e91bc40402 100644
--- a/packages/app/src/styles/theme.ts
+++ b/packages/app/src/styles/theme.ts
@@ -17,6 +17,7 @@ export const getLightTheme = (
       pageBackground: '#fff',
       hoverBackground: '#F1F3FF',
       popoverBackground: '#fff',
+      tooltipBackground: '#6880FF',
       codeBackground: '#f2f5f9',
 
       textColor: '#3A4C5C',
@@ -26,6 +27,7 @@ export const getLightTheme = (
       linkColor2: '#6880FF',
       linkVisitedColor: '#ABB8FE',
       popoverColor: '#4C6275',
+      tooltipColor: '#fff',
       codeColor: '#517ea6',
       quoteColor: '#4C6275',
       placeHolderColor: '#C7C7C7',
@@ -75,6 +77,7 @@ export const getDarkTheme = (
       pageBackground: '#2c2c2c',
       hoverBackground: '#3C3C42',
       popoverBackground: '#1F2021',
+      tooltipBackground: '#1F2021',
       codeBackground:
         editorMode === 'edgeless'
           ? lightTheme.colors.codeBackground
@@ -87,6 +90,7 @@ export const getDarkTheme = (
       linkColor2: '#6880FF',
       linkVisitedColor: '#505FAB',
       popoverColor: '#C6CBD9',
+      tooltipColor: '#fff',
       codeColor:
         editorMode === 'edgeless' ? lightTheme.colors.codeColor : '#BDDBFD',
       quoteColor: '#C6CBD9',
@@ -152,5 +156,9 @@ export const globalThemeVariables: (
 
     '--affine-paragraph-space': theme.space.paragraph,
     '--affine-popover-radius': theme.radius.popover,
+
+    '--affine-tooltip-color': theme.colors.tooltipColor,
+    '--affine-tooltip-background': theme.colors.tooltipBackground,
+
   };
 };
diff --git a/packages/app/src/styles/types.ts b/packages/app/src/styles/types.ts
index 41f5a2362f..af4c1f8661 100644
--- a/packages/app/src/styles/types.ts
+++ b/packages/app/src/styles/types.ts
@@ -21,6 +21,7 @@ export interface AffineTheme {
 
     pageBackground: string;
     popoverBackground: string;
+    tooltipBackground: string;
     hoverBackground: string;
     codeBackground: string;
 
@@ -34,6 +35,7 @@ export interface AffineTheme {
     linkVisitedColor: string;
     iconColor: string;
     popoverColor: string;
+    tooltipColor: string;
     codeColor: string;
     quoteColor: string;
     placeHolderColor: string;
@@ -111,6 +113,9 @@ export interface AffineThemeCSSVariables {
   '--affine-paragraph-space': AffineTheme['space']['paragraph'];
 
   '--affine-popover-radius': AffineTheme['radius']['popover'];
+
+  '--affine-tooltip-color': AffineTheme['colors']['tooltipColor'];
+  '--affine-tooltip-background': AffineTheme['colors']['tooltipBackground'];
 }
 
 declare module '@emotion/react' {