fix: theme

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,

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;