mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-12-22 20:41:53 +03:00
28 lines
657 B
TypeScript
28 lines
657 B
TypeScript
|
import { darkCssVariables, lightCssVariables } from '@toeverything/theme';
|
||
|
import { globalStyle } from '@vanilla-extract/css';
|
||
|
|
||
|
globalStyle('*', {
|
||
|
margin: 0,
|
||
|
padding: 0,
|
||
|
});
|
||
|
|
||
|
globalStyle('body', {
|
||
|
color: 'var(--affine-text-primary-color)',
|
||
|
fontFamily: 'var(--affine-font-family)',
|
||
|
fontSize: 'var(--affine-font-base)',
|
||
|
lineHeight: 'var(--affine-font-height)',
|
||
|
backgroundColor: 'var(--affine-background-primary-color)',
|
||
|
});
|
||
|
|
||
|
globalStyle('html', {
|
||
|
vars: lightCssVariables,
|
||
|
});
|
||
|
|
||
|
globalStyle('html[data-theme="dark"]', {
|
||
|
vars: darkCssVariables,
|
||
|
});
|
||
|
|
||
|
globalStyle('.docs-story', {
|
||
|
backgroundColor: 'var(--affine-background-primary-color)',
|
||
|
});
|