From 181786eeea8c60d217d56498b69fa01ab6a99b9b Mon Sep 17 00:00:00 2001
From: himself65 <himself65@outlook.com>
Date: Thu, 2 Feb 2023 21:30:09 -0600
Subject: [PATCH] fix: theme

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

diff --git a/packages/app/src/styles/theme.ts b/packages/app/src/styles/theme.ts
index f317397fa..346fa9983 100644
--- a/packages/app/src/styles/theme.ts
+++ b/packages/app/src/styles/theme.ts
@@ -21,12 +21,15 @@ export const getLightTheme = (
       tooltipBackground: '#6880FF',
       codeBackground: '#f2f5f9',
       codeBlockBackground: '#fafbfd',
+      blockHubBackground: '#fbfbfc',
+      blockHubHoverBackground: '#f8f9ff',
       warningBackground: '#FFF9C7',
       errorBackground: '#FFDED8',
 
       textColor: '#3A4C5C',
       edgelessTextColor: '#3A4C5C',
       iconColor: '#888a9e',
+      handleColor: '#c7c3d9',
       linkColor: '#6880FF',
       linkColor2: '#6880FF',
       linkVisitedColor: '#ABB8FE',
@@ -99,12 +102,15 @@ export const getDarkTheme = (
           ? lightTheme.colors.codeBackground
           : '#505662',
       codeBlockBackground: '#36383D',
+      blockHubBackground: '#fbfbfc',
+      blockHubHoverBackground: '#f8f9ff',
       warningBackground: '#FFF9C7',
       errorBackground: '#FFDED8',
 
       textColor: '#fff',
       edgelessTextColor: '#3A4C5C',
       iconColor: '#888a9e',
+      handleColor: '#c7c3d9',
       linkColor: '#7D91FF',
       linkColor2: '#6880FF',
       linkVisitedColor: '#505FAB',
@@ -148,6 +154,9 @@ export const globalThemeVariables: (
     '--affine-code-background': theme.colors.codeBackground,
     '--affine-tooltip-background': theme.colors.tooltipBackground,
 
+    '--affine-block-hub-background': theme.colors.blockHubBackground,
+    '--affine-block-hub-hover-background': theme.colors.blockHubHoverBackground,
+
     '--affine-text-color': theme.colors.textColor,
     '--affine-edgeless-text-color': theme.colors.edgelessTextColor,
     '--affine-link-color': theme.colors.linkColor,
@@ -155,6 +164,7 @@ export const globalThemeVariables: (
     '--affine-link-color2': theme.colors.linkColor2,
     '--affine-link-visited-color': theme.colors.linkVisitedColor,
     '--affine-icon-color': theme.colors.iconColor,
+    '--affine-block-handle-color': theme.colors.handleColor,
     '--affine-popover-color': theme.colors.popoverColor,
     '--affine-input-color': theme.colors.inputColor,
     '--affine-code-color': theme.colors.codeColor,
diff --git a/packages/app/src/styles/types.ts b/packages/app/src/styles/types.ts
index 81816ad61..75b1cc9e6 100644
--- a/packages/app/src/styles/types.ts
+++ b/packages/app/src/styles/types.ts
@@ -26,6 +26,8 @@ export interface AffineTheme {
     innerHoverBackground: string;
     codeBackground: string;
     codeBlockBackground: string;
+    blockHubBackground: string;
+    blockHubHoverBackground: string;
     warningBackground: string;
     errorBackground: string;
     // Use for the page`s text
@@ -37,6 +39,7 @@ export interface AffineTheme {
     linkColor2: string;
     linkVisitedColor: string;
     iconColor: string;
+    handleColor: string;
     popoverColor: string;
     inputColor: string;
     tooltipColor: string;