Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-27 10:52:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

merge pathfinder into feat/modify

Browse Source
This commit is contained in:
QiShaoXuan
2022-11-01 16:22:20 +08:00
parent 00db944192 325c8941b1
commit 404edececa
5 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/app/src/styles/theme.ts
View File

@@ -17,7 +17,7 @@ export const getLightTheme = (
pageBackground: '#fff',
hoverBackground: '#F1F3FF',
popoverBackground: '#fff',
toolTipBackground: '#6880FF',
tooltipBackground: '#6880FF',
codeBackground: '#f2f5f9',
warningBackground: '#FFF9C7',
@@ -28,6 +28,7 @@ export const getLightTheme = (
linkColor2: '#6880FF',
linkVisitedColor: '#ABB8FE',
popoverColor: '#4C6275',
tooltipColor: '#fff',
codeColor: '#517ea6',
quoteColor: '#4C6275',
placeHolderColor: '#C7C7C7',
@@ -78,11 +79,11 @@ export const getDarkTheme = (
pageBackground: '#2c2c2c',
hoverBackground: '#3C3C42',
popoverBackground: '#1F2021',
tooltipBackground: '#1F2021',
codeBackground:
editorMode === 'edgeless'
? lightTheme.colors.codeBackground
: '#505662',
toolTipBackground: '#1F2021',
warningBackground: '#FFF9C7',
textColor: '#fff',
@@ -92,6 +93,7 @@ export const getDarkTheme = (
linkColor2: '#6880FF',
linkVisitedColor: '#505FAB',
popoverColor: '#C6CBD9',
tooltipColor: '#fff',
codeColor:
editorMode === 'edgeless' ? lightTheme.colors.codeColor : '#BDDBFD',
quoteColor: '#C6CBD9',
@@ -125,7 +127,7 @@ export const globalThemeVariables: (
'--affine-popover-background': theme.colors.popoverBackground,
'--affine-hover-background': theme.colors.hoverBackground,
'--affine-code-background': theme.colors.codeBackground,
'--affine-tooltip-background': theme.colors.toolTipBackground,
'--affine-tooltip-background': theme.colors.tooltipBackground,
'--affine-text-color': theme.colors.textColor,
'--affine-edgeless-text-color': theme.colors.edgelessTextColor,
@@ -141,6 +143,7 @@ export const globalThemeVariables: (
'--affine-placeholder-color': theme.colors.placeHolderColor,
'--affine-border-color': theme.colors.borderColor,
'--affine-disable-color': theme.colors.disableColor,
'--affine-tooltip-color': theme.colors.tooltipColor,
'--affine-modal-shadow': theme.shadow.modal,
'--affine-popover-shadow': theme.shadow.popover,

6
packages/app/src/styles/types.ts
View File

@@ -21,9 +21,9 @@ export interface AffineTheme {
pageBackground: string;
popoverBackground: string;
tooltipBackground: string;
hoverBackground: string;
codeBackground: string;
toolTipBackground: string;
warningBackground: string;
// Use for the page`s text
textColor: string;
@@ -35,6 +35,7 @@ export interface AffineTheme {
linkVisitedColor: string;
iconColor: string;
popoverColor: string;
tooltipColor: string;
codeColor: string;
quoteColor: string;
placeHolderColor: string;
@@ -79,7 +80,7 @@ export interface AffineThemeCSSVariables {
'--affine-popover-background': AffineTheme['colors']['popoverBackground'];
'--affine-hover-background': AffineTheme['colors']['hoverBackground'];
'--affine-code-background': AffineTheme['colors']['codeBackground'];
'--affine-tooltip-background': AffineTheme['colors']['toolTipBackground'];
'--affine-tooltip-background': AffineTheme['colors']['tooltipBackground'];
'--affine-text-color': AffineTheme['colors']['textColor'];
'--affine-edgeless-text-color': AffineTheme['colors']['edgelessTextColor'];
@@ -95,6 +96,7 @@ export interface AffineThemeCSSVariables {
'--affine-selected-color': AffineTheme['colors']['selectedColor'];
'--affine-border-color': AffineTheme['colors']['borderColor'];
'--affine-disable-color': AffineTheme['colors']['disableColor'];
'--affine-tooltip-color': AffineTheme['colors']['tooltipColor'];
'--affine-modal-shadow': AffineTheme['shadow']['modal'];
'--affine-popover-shadow': AffineTheme['shadow']['popover'];