luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: theme

Browse Source
This commit is contained in:
himself65
2023-02-02 21:30:09 -06:00
parent 2c84f3979d
commit 181786eeea
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,12 +21,15 @@ export const getLightTheme = (
tooltipBackground: '#6880FF', tooltipBackground: '#6880FF',
codeBackground: '#f2f5f9', codeBackground: '#f2f5f9',
codeBlockBackground: '#fafbfd', codeBlockBackground: '#fafbfd',
blockHubBackground: '#fbfbfc',
blockHubHoverBackground: '#f8f9ff',
warningBackground: '#FFF9C7', warningBackground: '#FFF9C7',
errorBackground: '#FFDED8', errorBackground: '#FFDED8',
textColor: '#3A4C5C', textColor: '#3A4C5C',
edgelessTextColor: '#3A4C5C', edgelessTextColor: '#3A4C5C',
iconColor: '#888a9e', iconColor: '#888a9e',
handleColor: '#c7c3d9',
linkColor: '#6880FF', linkColor: '#6880FF',
linkColor2: '#6880FF', linkColor2: '#6880FF',
linkVisitedColor: '#ABB8FE', linkVisitedColor: '#ABB8FE',
@@ -99,12 +102,15 @@ export const getDarkTheme = (
? lightTheme.colors.codeBackground ? lightTheme.colors.codeBackground
: '#505662', : '#505662',
codeBlockBackground: '#36383D', codeBlockBackground: '#36383D',
blockHubBackground: '#fbfbfc',
blockHubHoverBackground: '#f8f9ff',
warningBackground: '#FFF9C7', warningBackground: '#FFF9C7',
errorBackground: '#FFDED8', errorBackground: '#FFDED8',
textColor: '#fff', textColor: '#fff',
edgelessTextColor: '#3A4C5C', edgelessTextColor: '#3A4C5C',
iconColor: '#888a9e', iconColor: '#888a9e',
handleColor: '#c7c3d9',
linkColor: '#7D91FF', linkColor: '#7D91FF',
linkColor2: '#6880FF', linkColor2: '#6880FF',
linkVisitedColor: '#505FAB', linkVisitedColor: '#505FAB',
@@ -148,6 +154,9 @@ export const globalThemeVariables: (
'--affine-code-background': theme.colors.codeBackground, '--affine-code-background': theme.colors.codeBackground,
'--affine-tooltip-background': theme.colors.tooltipBackground, '--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-text-color': theme.colors.textColor,
'--affine-edgeless-text-color': theme.colors.edgelessTextColor, '--affine-edgeless-text-color': theme.colors.edgelessTextColor,
'--affine-link-color': theme.colors.linkColor, '--affine-link-color': theme.colors.linkColor,
@@ -155,6 +164,7 @@ export const globalThemeVariables: (
'--affine-link-color2': theme.colors.linkColor2, '--affine-link-color2': theme.colors.linkColor2,
'--affine-link-visited-color': theme.colors.linkVisitedColor, '--affine-link-visited-color': theme.colors.linkVisitedColor,
'--affine-icon-color': theme.colors.iconColor, '--affine-icon-color': theme.colors.iconColor,
'--affine-block-handle-color': theme.colors.handleColor,
'--affine-popover-color': theme.colors.popoverColor, '--affine-popover-color': theme.colors.popoverColor,
'--affine-input-color': theme.colors.inputColor, '--affine-input-color': theme.colors.inputColor,
'--affine-code-color': theme.colors.codeColor, '--affine-code-color': theme.colors.codeColor,

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

@@ -26,6 +26,8 @@ export interface AffineTheme {
innerHoverBackground: string; innerHoverBackground: string;
codeBackground: string; codeBackground: string;
codeBlockBackground: string; codeBlockBackground: string;
blockHubBackground: string;
blockHubHoverBackground: string;
warningBackground: string; warningBackground: string;
errorBackground: string; errorBackground: string;
// Use for the page`s text // Use for the page`s text
@@ -37,6 +39,7 @@ export interface AffineTheme {
linkColor2: string; linkColor2: string;
linkVisitedColor: string; linkVisitedColor: string;
iconColor: string; iconColor: string;
handleColor: string;
popoverColor: string; popoverColor: string;
inputColor: string; inputColor: string;
tooltipColor: string; tooltipColor: string;