Theme Customizer

Appearance
Mode
Scope
Base Tokens
white
black
50
100
200
300
400
500
600
700
800
900
50
100
200
300
400
500
600
700
800
900
loop-color
1
purple.400
2
green.500
3
blue.500
4
yellow.400
5
pink.300
6
jiqing.600
7
orange.400
8
gray.800
9
indigo.500
10
red.300
11
green.600
12
yellow.700
Integration Example
import { Univer } from '@univerjs/core';
import { customTheme } from './custom-theme';

const univer = new Univer({
    theme: customTheme,
    locale: LocaleType.EN_US,
});

Live Preview

Live Preview