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

refactor: unify theme (#1303)

Browse Source
This commit is contained in:
Himself65
2023-03-04 01:36:20 -06:00
committed by GitHub
parent fe0d78b2d6
commit 4e9f0c97a1
43 changed files with 779 additions and 543 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,7 +2,7 @@ import '@emotion/react';
import type { EditorContainer } from '@blocksuite/editor';
import { AffineTheme, AffineThemeCSSVariables, ThemeMode } from './types';
import { AffineTheme, AffineThemeCSSVariables } from './types';
const basicFontFamily =
'apple-system, BlinkMacSystemFont,Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial,Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol, Noto Color Emoji';
@@ -11,7 +11,9 @@ export const getLightTheme = (
editorMode: EditorContainer['mode']
): AffineTheme => {
return {
mode: 'light',
palette: {
mode: 'light',
},
editorMode,
colors: {
primaryColor: '#6880FF',
@@ -92,7 +94,9 @@ export const getDarkTheme = (
return {
...lightTheme,
mode: 'dark',
palette: {
mode: 'dark',
},
colors: {
primaryColor: '#6880FF',
pageBackground: '#2c2c2c',
@@ -143,11 +147,10 @@ export const getDarkTheme = (
};
export const globalThemeVariables: (
mode: ThemeMode,
theme: AffineTheme
) => AffineThemeCSSVariables = (mode, theme) => {
) => AffineThemeCSSVariables = theme => {
return {
'--affine-theme-mode': theme.mode,
'--affine-theme-mode': theme.palette.mode,
'--affine-editor-mode': theme.editorMode,
'--affine-primary-color': theme.colors.primaryColor,