upstream/upstream-univer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

snapshot of https://github.com/dream-num/univer.git (dev, 2026-09-16; blobs > 131072B omitted)
Some checks failed
📦 Build / build (push) Has been cancelled
Details
🧪 CI Test / test shard (1/4) (push) Has been cancelled
Details
🧪 CI Test / test shard (2/4) (push) Has been cancelled
Details
🧪 CI Test / test shard (3/4) (push) Has been cancelled
Details
🧪 CI Test / test shard (4/4) (push) Has been cancelled
Details
🧪 CI Test / test (push) Has been cancelled
Details
🧪 CI Test / eslint (push) Has been cancelled
Details
🧪 CI Test / typecheck (push) Has been cancelled
Details
🔫 Sync to Pro / dispatch-sync (push) Has been cancelled
Details
🔮 Sync Mirror / sync (push) Has been cancelled
Details

Browse Source
This commit is contained in:
upstream-mirror
2026-09-16 05:09:45 +05:00
commit bcf6ef63ad
7118 changed files with 1236854 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
packages/themes/README.md Normal file
View File

@@ -0,0 +1,35 @@
# @univerjs/themes
[![npm version](https://img.shields.io/npm/v/@univerjs/themes?style=flat-square)](https://npmjs.com/package/@univerjs/themes)
[![license](https://img.shields.io/npm/l/@univerjs/themes?style=flat-square)](https://npmjs.com/package/@univerjs/themes)
[![downloads](https://img.shields.io/npm/dm/@univerjs/themes?style=flat-square)](https://npmjs.com/package/@univerjs/themes)
`@univerjs/themes` contains built-in Univer theme definitions such as the default, dark blue, green, orange, purple, red, and yellow themes.
## Package Overview
| Package | UMD global | CSS | Locales | Facade entry |
| --- | --- | :---: | :---: | :---: |
| `@univerjs/themes` | `UniverThemes` | No | No | No |
## Installation
```sh
pnpm add @univerjs/themes
# or
npm install @univerjs/themes
```
Keep all `@univerjs/*` packages on the same version.
## Usage
```ts
import { darkBlueTheme, defaultTheme, blueTheme, greenTheme, orangeTheme, purpleTheme, redTheme, yellowTheme } from '@univerjs/themes';
```
## Resources
- [Documentation](https://docs.univer.ai)
- [NPM package](https://npmjs.com/package/@univerjs/themes)
- [GitHub repository](https://github.com/dream-num/univer)

66
packages/themes/package.json Normal file
View File

@@ -0,0 +1,66 @@
{
"name": "@univerjs/themes",
"version": "1.0.0-rc.0",
"private": false,
"description": "Built-in theme definitions for Univer.",
"author": "DreamNum Co., Ltd. <developer@univer.ai>",
"license": "Apache-2.0",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/univer"
},
"homepage": "https://univer.ai",
"repository": {
"type": "git",
"url": "https://github.com/dream-num/univer"
},
"bugs": {
"url": "https://github.com/dream-num/univer/issues"
},
"keywords": [
"univer",
"theme",
"themes",
"design-system",
"tokens"
],
"exports": {
".": "./src/index.ts",
"./*": "./src/*"
},
"main": "./src/index.ts",
"types": "./lib/types/index.d.ts",
"publishConfig": {
"access": "public",
"main": "./lib/es/index.js",
"module": "./lib/es/index.js",
"exports": {
".": {
"import": "./lib/es/index.js",
"require": "./lib/cjs/index.js",
"types": "./lib/types/index.d.ts"
},
"./*": {
"import": "./lib/es/*",
"require": "./lib/cjs/*",
"types": "./lib/types/index.d.ts"
},
"./lib/*": "./lib/*"
}
},
"directories": {
"lib": "lib"
},
"files": [
"lib"
],
"scripts": {
"typecheck": "tsc --noEmit",
"build:bundle": "univer-cli build",
"build:types": "tsc -p tsconfig.node.json",
"build": "pnpm run build:bundle && pnpm run build:types"
},
"devDependencies": {
"@univerjs-infra/shared": "workspace:*"
}
}

190
packages/themes/src/dark-blue.ts Normal file
View File

@@ -0,0 +1,190 @@
/**
* Copyright 2023-present DreamNum Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import type { Theme } from './default';
const darkBlueTheme: Theme = {
primary: {
50: '#1E3A8A',
100: '#1E40AF',
200: '#1D4ED8',
300: '#2563EB',
400: '#3B82F6',
500: '#60A5FA',
600: '#93C5FD',
700: '#BFDBFE',
800: '#DBEAFE',
900: '#EFF6FF',
},
gray: {
0: '#07111F',
50: '#111318',
100: '#202329',
200: '#343840',
300: '#4A4F59',
400: '#626873',
500: '#838A95',
600: '#ABB1BA',
700: '#CFD3D9',
800: '#E4E7EB',
900: '#F5F6F7',
1000: '#F8FAFC',
},
blue: {
50: '#0C4A6E',
100: '#075985',
200: '#0369A1',
300: '#0284C7',
400: '#0EA5E9',
500: '#38BDF8',
600: '#7DD3FC',
700: '#BAE6FD',
800: '#E0F2FE',
900: '#F0F9FF',
},
red: {
50: '#7F1D1D',
100: '#991B1B',
200: '#B91C1C',
300: '#DC2626',
400: '#EF4444',
500: '#F87171',
600: '#FCA5A5',
700: '#FECACA',
800: '#FEE2E2',
900: '#FEF2F2',
},
orange: {
50: '#7C2D12',
100: '#9A3412',
200: '#C2410C',
300: '#EA580C',
400: '#F97316',
500: '#FB923C',
600: '#FDBA74',
700: '#FED7AA',
800: '#FFEDD5',
900: '#FFF7ED',
},
yellow: {
50: '#78350F',
100: '#92400E',
200: '#B45309',
300: '#D97706',
400: '#F59E0B',
500: '#FBBF24',
600: '#FCD34D',
700: '#FDE68A',
800: '#FEF3C7',
900: '#FFFBEB',
},
green: {
50: '#064E3B',
100: '#065F46',
200: '#047857',
300: '#059669',
400: '#10B981',
500: '#34D399',
600: '#6EE7B7',
700: '#A7F3D0',
800: '#D1FAE5',
900: '#ECFDF5',
},
jiqing: {
50: '#134E4A',
100: '#115E59',
200: '#0F766E',
300: '#0D9488',
400: '#14B8A6',
500: '#2DD4BF',
600: '#5EEAD4',
700: '#99F6E4',
800: '#CCFBF1',
900: '#F0FDFA',
},
indigo: {
50: '#312E81',
100: '#3730A3',
200: '#4338CA',
300: '#4F46E5',
400: '#6366F1',
500: '#818CF8',
600: '#A5B4FC',
700: '#C7D2FE',
800: '#E0E7FF',
900: '#EEF2FF',
},
purple: {
50: '#4C1D95',
100: '#5B21B6',
200: '#6D28D9',
300: '#7C3AED',
400: '#8B5CF6',
500: '#A78BFA',
600: '#C4B5FD',
700: '#DDD6FE',
800: '#EDE9FE',
900: '#F5F3FF',
},
pink: {
50: '#831843',
100: '#9D174D',
200: '#BE185D',
300: '#DB2777',
400: '#EC4899',
500: '#F472B6',
600: '#F9A8D4',
700: '#FBCFE8',
800: '#FCE7F3',
900: '#FDF2F8',
},
'loop-color': {
1: 'primary.600',
2: 'green.600',
3: 'purple.600',
4: 'orange.600',
5: 'pink.600',
6: 'jiqing.600',
7: 'yellow.600',
8: 'red.600',
9: 'indigo.600',
10: 'blue.600',
11: 'green.700',
12: 'purple.700',
},
highlight: {
background: {
1: { color: 'primary.600', alpha: 0.28 },
2: { color: 'green.600', alpha: 0.28 },
3: { color: 'purple.600', alpha: 0.28 },
4: { color: 'orange.600', alpha: 0.28 },
5: { color: 'pink.600', alpha: 0.28 },
6: { color: 'jiqing.600', alpha: 0.28 },
7: { color: 'yellow.600', alpha: 0.28 },
8: { color: 'red.600', alpha: 0.28 },
9: { color: 'primary.600', alpha: 0.14 },
10: { color: 'green.600', alpha: 0.14 },
11: { color: 'purple.600', alpha: 0.14 },
12: { color: 'orange.600', alpha: 0.14 },
13: { color: 'pink.600', alpha: 0.14 },
14: { color: 'jiqing.600', alpha: 0.14 },
15: { color: 'yellow.600', alpha: 0.14 },
16: { color: 'red.600', alpha: 0.14 },
},
},
};
export default darkBlueTheme;

189
packages/themes/src/default.ts Normal file
View File

@@ -0,0 +1,189 @@
/**
* Copyright 2023-present DreamNum Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
const defaultTheme = {
primary: {
50: '#F3F5FF',
100: '#E9EDFF',
200: '#D2DAFA',
300: '#BAC6F8',
400: '#6280F9',
500: '#466AF7',
600: '#2C53F1',
700: '#143EE3',
800: '#083AD1',
900: '#1033BF',
},
gray: {
0: '#FFFFFF',
50: '#F9FAFB',
100: '#EEEFF1',
200: '#E3E5EA',
300: '#A8B0BD',
400: '#7D8698',
500: '#4E5565',
600: '#31363F',
700: '#272A2F',
800: '#1F2124',
900: '#1B1C1F',
1000: '#000000',
},
blue: {
50: '#EBF5FF',
100: '#E1EFFE',
200: '#C3DDFD',
300: '#A4CAFE',
400: '#76A9FA',
500: '#3F83F8',
600: '#1C64F2',
700: '#1A56DB',
800: '#1E429F',
900: '#233876',
},
red: {
50: '#FDF2F2',
100: '#FDE8E8',
200: '#FBD5D5',
300: '#F8B4B4',
400: '#F98080',
500: '#F05252',
600: '#E02424',
700: '#C81E1E',
800: '#9B1C1C',
900: '#771D1D',
},
orange: {
50: '#FFF8F1',
100: '#FEECDC',
200: '#FCD9BD',
300: '#FDBA8C',
400: '#FF8A4C',
500: '#FF5A1F',
600: '#D03801',
700: '#B43403',
800: '#8A2C0D',
900: '#771D1D',
},
yellow: {
50: '#FDFCEA',
100: '#FFF4B9',
200: '#FCDC6A',
300: '#FAC815',
400: '#F1B312',
500: '#D49D0F',
600: '#AB7F0E',
700: '#9A6D15',
800: '#725213',
900: '#634312',
},
green: {
50: '#F3FAF7',
100: '#DEF7EC',
200: '#BCF0DA',
300: '#84E1BC',
400: '#31C48D',
500: '#0DA471',
600: '#057A55',
700: '#046C4E',
800: '#03543F',
900: '#014737',
},
jiqing: {
50: '#EDFAFA',
100: '#D5F5F6',
200: '#AFECEF',
300: '#7EDCE2',
400: '#16BDCA',
500: '#0694A2',
600: '#047481',
700: '#036672',
800: '#05505C',
900: '#014451',
},
indigo: {
50: '#F3F5FF',
100: '#E9EDFF',
200: '#D2DAFA',
300: '#BAC6F8',
400: '#6280F9',
500: '#466AF7',
600: '#2C53F1',
700: '#143EE3',
800: '#083AD1',
900: '#1033BF',
},
purple: {
50: '#F6F5FF',
100: '#EDEBFE',
200: '#DCD7FE',
300: '#CABFFD',
400: '#AC94FA',
500: '#9061F9',
600: '#7E3AF2',
700: '#6C2BD9',
800: '#5521B5',
900: '#4A1D96',
},
pink: {
50: '#FDF2F8',
100: '#FCE8F3',
200: '#FAD1E8',
300: '#F8B4D9',
400: '#F17EB8',
500: '#E74694',
600: '#D61F69',
700: '#BF125D',
800: '#99154B',
900: '#751A3D',
},
'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',
},
highlight: {
background: {
1: { color: 'purple.500', alpha: 0.3 },
2: { color: 'red.500', alpha: 0.3 },
3: { color: 'orange.400', alpha: 0.3 },
4: { color: 'green.400', alpha: 0.3 },
5: { color: 'blue.500', alpha: 0.3 },
6: { color: 'primary.500', alpha: 0.3 },
7: { color: 'pink.500', alpha: 0.3 },
8: { color: 'gray.400', alpha: 0.3 },
9: { color: 'purple.500', alpha: 0.15 },
10: { color: 'red.500', alpha: 0.15 },
11: { color: 'orange.400', alpha: 0.15 },
12: { color: 'green.400', alpha: 0.15 },
13: { color: 'blue.500', alpha: 0.15 },
14: { color: 'primary.500', alpha: 0.15 },
15: { color: 'pink.500', alpha: 0.15 },
16: { color: 'gray.400', alpha: 0.15 },
},
},
};
export type Theme = typeof defaultTheme;
export default defaultTheme;

190
packages/themes/src/green.ts Normal file
View File

@@ -0,0 +1,190 @@
/**
* Copyright 2023-present DreamNum Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import type { Theme } from './default';
const greenTheme: Theme = {
primary: {
50: '#ECFDF5',
100: '#D1FAE5',
200: '#A7F3D0',
300: '#6EE7B7',
400: '#34D399',
500: '#10B981',
600: '#047857',
700: '#065F46',
800: '#064E3B',
900: '#022C22',
},
gray: {
0: '#FFFFFF',
50: '#F8FAF9',
100: '#EEF4F1',
200: '#DDE8E2',
300: '#B7C7BF',
400: '#82968C',
500: '#60736A',
600: '#46584F',
700: '#33443B',
800: '#25332D',
900: '#1A2621',
1000: '#000000',
},
blue: {
50: '#F0F9FF',
100: '#E0F2FE',
200: '#BAE6FD',
300: '#7DD3FC',
400: '#38BDF8',
500: '#0EA5E9',
600: '#0284C7',
700: '#0369A1',
800: '#075985',
900: '#0C4A6E',
},
red: {
50: '#FFF1F2',
100: '#FFE4E6',
200: '#FECDD3',
300: '#FDA4AF',
400: '#FB7185',
500: '#F43F5E',
600: '#E11D48',
700: '#BE123C',
800: '#9F1239',
900: '#881337',
},
orange: {
50: '#FFF7ED',
100: '#FFEDD5',
200: '#FED7AA',
300: '#FDBA74',
400: '#FB923C',
500: '#F97316',
600: '#EA580C',
700: '#C2410C',
800: '#9A3412',
900: '#7C2D12',
},
yellow: {
50: '#FEFCE8',
100: '#FEF9C3',
200: '#FEF08A',
300: '#FDE047',
400: '#FACC15',
500: '#EAB308',
600: '#CA8A04',
700: '#A16207',
800: '#854D0E',
900: '#713F12',
},
green: {
50: '#F0FDF4',
100: '#DCFCE7',
200: '#BBF7D0',
300: '#86EFAC',
400: '#4ADE80',
500: '#22C55E',
600: '#16A34A',
700: '#15803D',
800: '#166534',
900: '#14532D',
},
jiqing: {
50: '#ECFEFF',
100: '#CFFAFE',
200: '#A5F3FC',
300: '#67E8F9',
400: '#22D3EE',
500: '#06B6D4',
600: '#0891B2',
700: '#0E7490',
800: '#155E75',
900: '#164E63',
},
indigo: {
50: '#F0FDF9',
100: '#CCFBF1',
200: '#99F6E4',
300: '#5EEAD4',
400: '#2DD4BF',
500: '#14B8A6',
600: '#0D9488',
700: '#0F766E',
800: '#115E59',
900: '#134E4A',
},
purple: {
50: '#F5F3FF',
100: '#EDE9FE',
200: '#DDD6FE',
300: '#C4B5FD',
400: '#A78BFA',
500: '#8B5CF6',
600: '#7C3AED',
700: '#6D28D9',
800: '#5B21B6',
900: '#4C1D95',
},
pink: {
50: '#FDF2F8',
100: '#FCE7F3',
200: '#FBCFE8',
300: '#F9A8D4',
400: '#F472B6',
500: '#EC4899',
600: '#DB2777',
700: '#BE185D',
800: '#9D174D',
900: '#831843',
},
'loop-color': {
1: 'primary.400',
2: 'jiqing.500',
3: 'green.500',
4: 'yellow.400',
5: 'blue.500',
6: 'orange.400',
7: 'purple.400',
8: 'gray.700',
9: 'pink.400',
10: 'red.400',
11: 'indigo.600',
12: 'yellow.700',
},
highlight: {
background: {
1: { color: 'green.500', alpha: 0.28 },
2: { color: 'jiqing.500', alpha: 0.28 },
3: { color: 'blue.400', alpha: 0.28 },
4: { color: 'yellow.400', alpha: 0.28 },
5: { color: 'orange.400', alpha: 0.28 },
6: { color: 'purple.400', alpha: 0.28 },
7: { color: 'pink.400', alpha: 0.28 },
8: { color: 'gray.400', alpha: 0.3 },
9: { color: 'green.500', alpha: 0.14 },
10: { color: 'jiqing.500', alpha: 0.14 },
11: { color: 'blue.400', alpha: 0.14 },
12: { color: 'yellow.400', alpha: 0.14 },
13: { color: 'orange.400', alpha: 0.14 },
14: { color: 'purple.400', alpha: 0.14 },
15: { color: 'pink.400', alpha: 0.14 },
16: { color: 'gray.400', alpha: 0.15 },
},
},
};
export default greenTheme;

24
packages/themes/src/index.ts Normal file
View File

@@ -0,0 +1,24 @@
/**
* Copyright 2023-present DreamNum Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
export { default as darkBlueTheme } from './dark-blue';
export { default as blueTheme, default as defaultTheme } from './default';
export type { Theme } from './default';
export { default as greenTheme } from './green';
export { default as orangeTheme } from './orange';
export { default as purpleTheme } from './purple';
export { default as redTheme } from './red';
export { default as yellowTheme } from './yellow';

190
packages/themes/src/orange.ts Normal file
View File

@@ -0,0 +1,190 @@
/**
* Copyright 2023-present DreamNum Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import type { Theme } from './default';
const orangeTheme: Theme = {
primary: {
50: '#FFF7ED',
100: '#FFEDD5',
200: '#FED7AA',
300: '#FDBA74',
400: '#FB923C',
500: '#F97316',
600: '#EA580C',
700: '#C2410C',
800: '#9A3412',
900: '#7C2D12',
},
gray: {
0: '#FFFFFF',
50: '#FAFAF9',
100: '#F5F5F4',
200: '#E7E5E4',
300: '#D6D3D1',
400: '#A8A29E',
500: '#78716C',
600: '#57534E',
700: '#44403C',
800: '#292524',
900: '#1C1917',
1000: '#000000',
},
blue: {
50: '#EFF6FF',
100: '#DBEAFE',
200: '#BFDBFE',
300: '#93C5FD',
400: '#60A5FA',
500: '#3B82F6',
600: '#2563EB',
700: '#1D4ED8',
800: '#1E40AF',
900: '#1E3A8A',
},
red: {
50: '#FFF1F2',
100: '#FFE4E6',
200: '#FECDD3',
300: '#FDA4AF',
400: '#FB7185',
500: '#F43F5E',
600: '#E11D48',
700: '#BE123C',
800: '#9F1239',
900: '#881337',
},
orange: {
50: '#FFF7ED',
100: '#FFEDD5',
200: '#FED7AA',
300: '#FDBA74',
400: '#FB923C',
500: '#F97316',
600: '#EA580C',
700: '#C2410C',
800: '#9A3412',
900: '#7C2D12',
},
yellow: {
50: '#FEFCE8',
100: '#FEF9C3',
200: '#FEF08A',
300: '#FDE047',
400: '#FACC15',
500: '#EAB308',
600: '#CA8A04',
700: '#A16207',
800: '#854D0E',
900: '#713F12',
},
green: {
50: '#F0FDF4',
100: '#DCFCE7',
200: '#BBF7D0',
300: '#86EFAC',
400: '#4ADE80',
500: '#22C55E',
600: '#16A34A',
700: '#15803D',
800: '#166534',
900: '#14532D',
},
jiqing: {
50: '#ECFEFF',
100: '#CFFAFE',
200: '#A5F3FC',
300: '#67E8F9',
400: '#22D3EE',
500: '#06B6D4',
600: '#0891B2',
700: '#0E7490',
800: '#155E75',
900: '#164E63',
},
indigo: {
50: '#EEF2FF',
100: '#E0E7FF',
200: '#C7D2FE',
300: '#A5B4FC',
400: '#818CF8',
500: '#6366F1',
600: '#4F46E5',
700: '#4338CA',
800: '#3730A3',
900: '#312E81',
},
purple: {
50: '#FAF5FF',
100: '#F3E8FF',
200: '#E9D5FF',
300: '#D8B4FE',
400: '#C084FC',
500: '#A855F7',
600: '#9333EA',
700: '#7E22CE',
800: '#6B21A8',
900: '#581C87',
},
pink: {
50: '#FDF2F8',
100: '#FCE7F3',
200: '#FBCFE8',
300: '#F9A8D4',
400: '#F472B6',
500: '#EC4899',
600: '#DB2777',
700: '#BE185D',
800: '#9D174D',
900: '#831843',
},
'loop-color': {
1: 'primary.500',
2: 'yellow.500',
3: 'red.500',
4: 'pink.500',
5: 'purple.500',
6: 'blue.500',
7: 'jiqing.500',
8: 'green.500',
9: 'indigo.600',
10: 'orange.700',
11: 'gray.700',
12: 'yellow.700',
},
highlight: {
background: {
1: { color: 'primary.500', alpha: 0.28 },
2: { color: 'yellow.500', alpha: 0.28 },
3: { color: 'red.500', alpha: 0.28 },
4: { color: 'pink.500', alpha: 0.28 },
5: { color: 'purple.500', alpha: 0.28 },
6: { color: 'blue.500', alpha: 0.28 },
7: { color: 'green.500', alpha: 0.28 },
8: { color: 'gray.400', alpha: 0.28 },
9: { color: 'primary.500', alpha: 0.14 },
10: { color: 'yellow.500', alpha: 0.14 },
11: { color: 'red.500', alpha: 0.14 },
12: { color: 'pink.500', alpha: 0.14 },
13: { color: 'purple.500', alpha: 0.14 },
14: { color: 'blue.500', alpha: 0.14 },
15: { color: 'green.500', alpha: 0.14 },
16: { color: 'gray.400', alpha: 0.14 },
},
},
};
export default orangeTheme;

190
packages/themes/src/purple.ts Normal file
View File

@@ -0,0 +1,190 @@
/**
* Copyright 2023-present DreamNum Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import type { Theme } from './default';
const purpleTheme: Theme = {
primary: {
50: '#F5F3FF',
100: '#EDE9FE',
200: '#DDD6FE',
300: '#C4B5FD',
400: '#A78BFA',
500: '#8B5CF6',
600: '#7C3AED',
700: '#6D28D9',
800: '#5B21B6',
900: '#4C1D95',
},
gray: {
0: '#FFFFFF',
50: '#FAFAFC',
100: '#F1F0F5',
200: '#E5E2EC',
300: '#C5BFCE',
400: '#91879E',
500: '#6F647B',
600: '#554B61',
700: '#403748',
800: '#302838',
900: '#241D2A',
1000: '#000000',
},
blue: {
50: '#EFF6FF',
100: '#DBEAFE',
200: '#BFDBFE',
300: '#93C5FD',
400: '#60A5FA',
500: '#3B82F6',
600: '#2563EB',
700: '#1D4ED8',
800: '#1E40AF',
900: '#1E3A8A',
},
red: {
50: '#FFF1F2',
100: '#FFE4E6',
200: '#FECDD3',
300: '#FDA4AF',
400: '#FB7185',
500: '#F43F5E',
600: '#E11D48',
700: '#BE123C',
800: '#9F1239',
900: '#881337',
},
orange: {
50: '#FFF7ED',
100: '#FFEDD5',
200: '#FED7AA',
300: '#FDBA74',
400: '#FB923C',
500: '#F97316',
600: '#EA580C',
700: '#C2410C',
800: '#9A3412',
900: '#7C2D12',
},
yellow: {
50: '#FEFCE8',
100: '#FEF9C3',
200: '#FEF08A',
300: '#FDE047',
400: '#FACC15',
500: '#EAB308',
600: '#CA8A04',
700: '#A16207',
800: '#854D0E',
900: '#713F12',
},
green: {
50: '#F0FDF4',
100: '#DCFCE7',
200: '#BBF7D0',
300: '#86EFAC',
400: '#4ADE80',
500: '#22C55E',
600: '#16A34A',
700: '#15803D',
800: '#166534',
900: '#14532D',
},
jiqing: {
50: '#ECFEFF',
100: '#CFFAFE',
200: '#A5F3FC',
300: '#67E8F9',
400: '#22D3EE',
500: '#06B6D4',
600: '#0891B2',
700: '#0E7490',
800: '#155E75',
900: '#164E63',
},
indigo: {
50: '#EEF2FF',
100: '#E0E7FF',
200: '#C7D2FE',
300: '#A5B4FC',
400: '#818CF8',
500: '#6366F1',
600: '#4F46E5',
700: '#4338CA',
800: '#3730A3',
900: '#312E81',
},
purple: {
50: '#FAF5FF',
100: '#F3E8FF',
200: '#E9D5FF',
300: '#D8B4FE',
400: '#C084FC',
500: '#A855F7',
600: '#9333EA',
700: '#7E22CE',
800: '#6B21A8',
900: '#581C87',
},
pink: {
50: '#FDF2F8',
100: '#FCE7F3',
200: '#FBCFE8',
300: '#F9A8D4',
400: '#F472B6',
500: '#EC4899',
600: '#DB2777',
700: '#BE185D',
800: '#9D174D',
900: '#831843',
},
'loop-color': {
1: 'primary.500',
2: 'indigo.500',
3: 'pink.500',
4: 'blue.500',
5: 'jiqing.500',
6: 'green.500',
7: 'yellow.500',
8: 'orange.500',
9: 'red.500',
10: 'purple.700',
11: 'gray.700',
12: 'indigo.700',
},
highlight: {
background: {
1: { color: 'primary.500', alpha: 0.28 },
2: { color: 'indigo.500', alpha: 0.28 },
3: { color: 'pink.500', alpha: 0.28 },
4: { color: 'blue.500', alpha: 0.28 },
5: { color: 'jiqing.500', alpha: 0.28 },
6: { color: 'green.500', alpha: 0.28 },
7: { color: 'yellow.500', alpha: 0.28 },
8: { color: 'gray.400', alpha: 0.28 },
9: { color: 'primary.500', alpha: 0.14 },
10: { color: 'indigo.500', alpha: 0.14 },
11: { color: 'pink.500', alpha: 0.14 },
12: { color: 'blue.500', alpha: 0.14 },
13: { color: 'jiqing.500', alpha: 0.14 },
14: { color: 'green.500', alpha: 0.14 },
15: { color: 'yellow.500', alpha: 0.14 },
16: { color: 'gray.400', alpha: 0.14 },
},
},
};
export default purpleTheme;

190
packages/themes/src/red.ts Normal file
View File

@@ -0,0 +1,190 @@
/**
* Copyright 2023-present DreamNum Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import type { Theme } from './default';
const redTheme: Theme = {
primary: {
50: '#FFF1F2',
100: '#FFE4E6',
200: '#FECDD3',
300: '#FDA4AF',
400: '#FB7185',
500: '#F43F5E',
600: '#E11D48',
700: '#BE123C',
800: '#9F1239',
900: '#881337',
},
gray: {
0: '#FFFFFF',
50: '#FAF8F8',
100: '#F4EEEE',
200: '#E8DEDE',
300: '#CBBABA',
400: '#9D8585',
500: '#796363',
600: '#5E4949',
700: '#493737',
800: '#352727',
900: '#271D1D',
1000: '#000000',
},
blue: {
50: '#EFF6FF',
100: '#DBEAFE',
200: '#BFDBFE',
300: '#93C5FD',
400: '#60A5FA',
500: '#3B82F6',
600: '#2563EB',
700: '#1D4ED8',
800: '#1E40AF',
900: '#1E3A8A',
},
red: {
50: '#FEF2F2',
100: '#FEE2E2',
200: '#FECACA',
300: '#FCA5A5',
400: '#F87171',
500: '#EF4444',
600: '#DC2626',
700: '#B91C1C',
800: '#991B1B',
900: '#7F1D1D',
},
orange: {
50: '#FFF7ED',
100: '#FFEDD5',
200: '#FED7AA',
300: '#FDBA74',
400: '#FB923C',
500: '#F97316',
600: '#EA580C',
700: '#C2410C',
800: '#9A3412',
900: '#7C2D12',
},
yellow: {
50: '#FFFBEB',
100: '#FEF3C7',
200: '#FDE68A',
300: '#FCD34D',
400: '#FBBF24',
500: '#F59E0B',
600: '#D97706',
700: '#B45309',
800: '#92400E',
900: '#78350F',
},
green: {
50: '#F0FDF4',
100: '#DCFCE7',
200: '#BBF7D0',
300: '#86EFAC',
400: '#4ADE80',
500: '#22C55E',
600: '#16A34A',
700: '#15803D',
800: '#166534',
900: '#14532D',
},
jiqing: {
50: '#ECFEFF',
100: '#CFFAFE',
200: '#A5F3FC',
300: '#67E8F9',
400: '#22D3EE',
500: '#06B6D4',
600: '#0891B2',
700: '#0E7490',
800: '#155E75',
900: '#164E63',
},
indigo: {
50: '#EEF2FF',
100: '#E0E7FF',
200: '#C7D2FE',
300: '#A5B4FC',
400: '#818CF8',
500: '#6366F1',
600: '#4F46E5',
700: '#4338CA',
800: '#3730A3',
900: '#312E81',
},
purple: {
50: '#FAF5FF',
100: '#F3E8FF',
200: '#E9D5FF',
300: '#D8B4FE',
400: '#C084FC',
500: '#A855F7',
600: '#9333EA',
700: '#7E22CE',
800: '#6B21A8',
900: '#581C87',
},
pink: {
50: '#FDF2F8',
100: '#FCE7F3',
200: '#FBCFE8',
300: '#F9A8D4',
400: '#F472B6',
500: '#EC4899',
600: '#DB2777',
700: '#BE185D',
800: '#9D174D',
900: '#831843',
},
'loop-color': {
1: 'primary.500',
2: 'orange.500',
3: 'pink.500',
4: 'purple.500',
5: 'blue.500',
6: 'yellow.500',
7: 'jiqing.500',
8: 'green.500',
9: 'indigo.500',
10: 'red.500',
11: 'gray.700',
12: 'orange.700',
},
highlight: {
background: {
1: { color: 'red.500', alpha: 0.28 },
2: { color: 'orange.500', alpha: 0.28 },
3: { color: 'pink.500', alpha: 0.28 },
4: { color: 'purple.500', alpha: 0.28 },
5: { color: 'blue.500', alpha: 0.28 },
6: { color: 'yellow.500', alpha: 0.28 },
7: { color: 'jiqing.500', alpha: 0.28 },
8: { color: 'gray.400', alpha: 0.28 },
9: { color: 'red.500', alpha: 0.14 },
10: { color: 'orange.500', alpha: 0.14 },
11: { color: 'pink.500', alpha: 0.14 },
12: { color: 'purple.500', alpha: 0.14 },
13: { color: 'blue.500', alpha: 0.14 },
14: { color: 'yellow.500', alpha: 0.14 },
15: { color: 'jiqing.500', alpha: 0.14 },
16: { color: 'gray.400', alpha: 0.14 },
},
},
};
export default redTheme;

190
packages/themes/src/yellow.ts Normal file
View File

@@ -0,0 +1,190 @@
/**
* Copyright 2023-present DreamNum Co., Ltd.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import type { Theme } from './default';
const yellowTheme: Theme = {
primary: {
50: '#FEFCE8',
100: '#FEF9C3',
200: '#FEF08A',
300: '#FDE047',
400: '#FACC15',
500: '#EAB308',
600: '#A16207',
700: '#854D0E',
800: '#713F12',
900: '#422006',
},
gray: {
0: '#FFFFFF',
50: '#FAFAF9',
100: '#F5F5F4',
200: '#E7E5E4',
300: '#D6D3D1',
400: '#A8A29E',
500: '#78716C',
600: '#57534E',
700: '#44403C',
800: '#292524',
900: '#1C1917',
1000: '#000000',
},
blue: {
50: '#EFF6FF',
100: '#DBEAFE',
200: '#BFDBFE',
300: '#93C5FD',
400: '#60A5FA',
500: '#3B82F6',
600: '#2563EB',
700: '#1D4ED8',
800: '#1E40AF',
900: '#1E3A8A',
},
red: {
50: '#FFF1F2',
100: '#FFE4E6',
200: '#FECDD3',
300: '#FDA4AF',
400: '#FB7185',
500: '#F43F5E',
600: '#E11D48',
700: '#BE123C',
800: '#9F1239',
900: '#881337',
},
orange: {
50: '#FFF7ED',
100: '#FFEDD5',
200: '#FED7AA',
300: '#FDBA74',
400: '#FB923C',
500: '#F97316',
600: '#EA580C',
700: '#C2410C',
800: '#9A3412',
900: '#7C2D12',
},
yellow: {
50: '#FEFCE8',
100: '#FEF9C3',
200: '#FEF08A',
300: '#FDE047',
400: '#FACC15',
500: '#EAB308',
600: '#CA8A04',
700: '#A16207',
800: '#854D0E',
900: '#713F12',
},
green: {
50: '#F0FDF4',
100: '#DCFCE7',
200: '#BBF7D0',
300: '#86EFAC',
400: '#4ADE80',
500: '#22C55E',
600: '#16A34A',
700: '#15803D',
800: '#166534',
900: '#14532D',
},
jiqing: {
50: '#ECFEFF',
100: '#CFFAFE',
200: '#A5F3FC',
300: '#67E8F9',
400: '#22D3EE',
500: '#06B6D4',
600: '#0891B2',
700: '#0E7490',
800: '#155E75',
900: '#164E63',
},
indigo: {
50: '#EEF2FF',
100: '#E0E7FF',
200: '#C7D2FE',
300: '#A5B4FC',
400: '#818CF8',
500: '#6366F1',
600: '#4F46E5',
700: '#4338CA',
800: '#3730A3',
900: '#312E81',
},
purple: {
50: '#FAF5FF',
100: '#F3E8FF',
200: '#E9D5FF',
300: '#D8B4FE',
400: '#C084FC',
500: '#A855F7',
600: '#9333EA',
700: '#7E22CE',
800: '#6B21A8',
900: '#581C87',
},
pink: {
50: '#FDF2F8',
100: '#FCE7F3',
200: '#FBCFE8',
300: '#F9A8D4',
400: '#F472B6',
500: '#EC4899',
600: '#DB2777',
700: '#BE185D',
800: '#9D174D',
900: '#831843',
},
'loop-color': {
1: 'primary.500',
2: 'green.500',
3: 'blue.500',
4: 'purple.500',
5: 'red.500',
6: 'jiqing.500',
7: 'pink.500',
8: 'orange.500',
9: 'indigo.600',
10: 'yellow.700',
11: 'gray.700',
12: 'green.700',
},
highlight: {
background: {
1: { color: 'primary.500', alpha: 0.28 },
2: { color: 'green.500', alpha: 0.28 },
3: { color: 'blue.500', alpha: 0.28 },
4: { color: 'purple.500', alpha: 0.28 },
5: { color: 'red.500', alpha: 0.28 },
6: { color: 'jiqing.500', alpha: 0.28 },
7: { color: 'pink.500', alpha: 0.28 },
8: { color: 'gray.400', alpha: 0.28 },
9: { color: 'primary.500', alpha: 0.14 },
10: { color: 'green.500', alpha: 0.14 },
11: { color: 'blue.500', alpha: 0.14 },
12: { color: 'purple.500', alpha: 0.14 },
13: { color: 'red.500', alpha: 0.14 },
14: { color: 'jiqing.500', alpha: 0.14 },
15: { color: 'pink.500', alpha: 0.14 },
16: { color: 'gray.400', alpha: 0.14 },
},
},
};
export default yellowTheme;

8
packages/themes/tsconfig.json Normal file
View File

@@ -0,0 +1,8 @@
{
"extends": "@univerjs-infra/shared/tsconfigs/base",
"compilerOptions": {
"rootDir": "src",
"outDir": "lib/types"
},
"include": ["src"]
}

18
packages/themes/tsconfig.node.json Normal file
View File

@@ -0,0 +1,18 @@
{
"extends": "@univerjs-infra/shared/tsconfigs/node",
"compilerOptions": {
"rootDir": "src",
"declaration": true,
"emitDeclarationOnly": true,
"noEmit": false,
"outDir": "lib/types"
},
"include": [
"src"
],
"exclude": [
"src/**/__tests__/**",
"src/**/*.spec.ts",
"src/**/*.test.ts"
]
}