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

fix: theme color error (#1427)

Browse Source
This commit is contained in:
Qi
2023-03-09 16:18:44 +08:00
committed by GitHub
parent 11f6525c0e
commit 33dee8daf7
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/component/src/styles/theme.ts
View File

@@ -36,14 +36,14 @@ export const getLightTheme = (
handleColor: '#c7c3d9', handleColor: '#c7c3d9',
linkColor: '#5438FF', linkColor: '#5438FF',
linkColor2: '#5438FF', linkColor2: '#5438FF',
linkVisitedColor: '#ABB8FE', linkVisitedColor: '#5438FF',
popoverColor: '#4C6275', popoverColor: '#4C6275',
inputColor: '#4C6275', inputColor: '#4C6275',
tooltipColor: '#fff', tooltipColor: '#fff',
codeColor: '#77757D', codeColor: '#77757D',
quoteColor: '#645F82', quoteColor: '#645F82',
placeHolderColor: '#C0BFC1', placeHolderColor: '#C0BFC1',
selectedColor: 'rgba(84,56,255,0.08)', selectedColor: 'rgba(84, 56, 255, 0.04)',
borderColor: '#9787FF', borderColor: '#9787FF',
disableColor: '#A9A9AD', disableColor: '#A9A9AD',
warningColor: '#906616', warningColor: '#906616',
@@ -208,5 +208,9 @@ export const globalThemeVariables: (
'--affine-paragraph-space': theme.space.paragraph, '--affine-paragraph-space': theme.space.paragraph,
'--affine-popover-radius': theme.radius.popover, '--affine-popover-radius': theme.radius.popover,
'--affine-editor-width': '720px',
'--affine-zoom': '1',
'--affine-scale': 'calc(1 / var(--affine-zoom))',
}; };
}; };

5
packages/component/src/styles/types.ts
View File

@@ -1,4 +1,5 @@
import { EditorContainer } from '@blocksuite/editor'; import { EditorContainer } from '@blocksuite/editor';
import { CSSProperties } from 'react';
export type Theme = 'light' | 'dark'; export type Theme = 'light' | 'dark';
export type ThemeMode = Theme | 'auto'; export type ThemeMode = Theme | 'auto';
@@ -148,6 +149,10 @@ export interface AffineThemeCSSVariables {
'--affine-paragraph-space': AffineTheme['space']['paragraph']; '--affine-paragraph-space': AffineTheme['space']['paragraph'];
'--affine-popover-radius': AffineTheme['radius']['popover']; '--affine-popover-radius': AffineTheme['radius']['popover'];
// use for blocksuite
'--affine-editor-width': CSSProperties['width'];
'--affine-zoom': CSSProperties['zoom'];
'--affine-scale': string;
} }
declare module '@emotion/react' { declare module '@emotion/react' {