diff --git a/eslint.config.js b/eslint.config.js
index 957c2ac01b2bc49cfba85d9b1ea90f7552c330b6..1b2a43d44ad90afae3aa50be84e4d51ef0694d6d 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -81,7 +81,7 @@ const rules = {
},
],
'vue/max-attributes-per-line': [
- 'error',
+ 'warn',
{
singleline: {
max: 3,
@@ -94,10 +94,17 @@ const rules = {
'vue/first-attribute-linebreak': [
'warn',
{
- singleline: 'beside',
+ singleline: 'ignore',
multiline: 'below',
},
],
+ 'vue/html-closing-bracket-newline': [
+ 'warn',
+ {
+ singleline: 'never',
+ multiline: 'always',
+ },
+ ],
'vue/html-indent': [
'warn',
2,
diff --git a/packages/docs/ReleaesNote.opendesign.md b/packages/docs/ReleaesNote.opendesign.md
index 3ec9b45fa06daf60fc91ef7a019e28bcb812e9b6..20a414848d3aac868a98b54adfe38dcd2a0d8ff4 100644
--- a/packages/docs/ReleaesNote.opendesign.md
+++ b/packages/docs/ReleaesNote.opendesign.md
@@ -2,6 +2,10 @@
### BREAKING CHANGES
+- **Token:**
+ - 组件变量迁移至@opensig/opendesign-token,不再本仓维护
+ - o-color-control-light 更改为 o-color-control5-light
+ - 变量值刷新
- **OTable:** 内部tr.last更名为tr.o-row-last,td.last更名为td.o-cell-last-col
### Features
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 0d2135950e137da91961862fdd7ed181a6a2e982..a19d1f2f80343684b59620603ca23c5ace78cc32 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -14,17 +14,19 @@
"dependencies": {
"@opensig/open-analytics": "catalog:utils",
"@opensig/open-scripts": "workspace:^",
+ "@opensig/opendesign-token": "catalog:css",
"@shikijs/langs": "catalog:markdown",
"@shikijs/themes": "catalog:markdown",
- "shiki": "catalog:markdown",
"@vue/compiler-dom": "catalog:vue",
"markdown-it": "catalog:markdown",
"pinia": "catalog:vue",
"prettier": "catalog:lint",
+ "shiki": "catalog:markdown",
"ts-morph": "catalog:typescript",
"vue": "catalog:vue"
},
"devDependencies": {
+ "@opensig/open-scripts": "workspace:^",
"@types/fs-extra": "catalog:typescript",
"@types/markdown-it": "catalog:typescript",
"@vue/compiler-sfc": "catalog:vue",
@@ -40,7 +42,6 @@
"vite-plugin-inspect": "catalog:build",
"vue-component-meta": "catalog:vue",
"vue-docgen-api": "catalog:vue",
- "vue-tsc": "catalog:build",
- "@opensig/open-scripts": "workspace:^"
+ "vue-tsc": "catalog:build"
}
}
diff --git a/packages/docs/src/components/TheHeader.vue b/packages/docs/src/components/TheHeader.vue
index e16c2e39acd2000cded12e314552a85583fd2b2f..1b803d88377cbaf5c3b659fd5df31702aa0eedf2 100644
--- a/packages/docs/src/components/TheHeader.vue
+++ b/packages/docs/src/components/TheHeader.vue
@@ -53,7 +53,7 @@ watch(locale, (newLocale, oldLocale) => {
-
+
{{ t('header.theme') }}
{
-
+
{{ currentLocale?.label }}
diff --git a/packages/docs/src/main.ts b/packages/docs/src/main.ts
index abe27830674f80a4e52bf240e64495b118480a48..0241095424adc263652fd6267269b4399d4c6bfa 100644
--- a/packages/docs/src/main.ts
+++ b/packages/docs/src/main.ts
@@ -14,6 +14,20 @@ import DemoContainer from './components/DemoContainer.vue';
import DemoUsage from './components/DemoUsage.vue';
import DocLink from './components/DocLink.vue';
+import '@opensig/opendesign-token/themes/a.dark.token.css';
+import '@opensig/opendesign-token/themes/a.light.token.css';
+import '@opensig/opendesign-token/themes/e.dark.token.css';
+import '@opensig/opendesign-token/themes/e.light.token.css';
+import '@opensig/opendesign-token/themes/k.dark.token.css';
+import '@opensig/opendesign-token/themes/k.light.token.css';
+import '@opensig/opendesign-token/themes/g.dark.token.css';
+import '@opensig/opendesign-token/themes/g.light.token.css';
+import '@opensig/opendesign-token/themes/u.dark.token.css';
+import '@opensig/opendesign-token/themes/u.light.token.css';
+import '@opensig/opendesign-token/themes/m.dark.token.css';
+import '@opensig/opendesign-token/themes/m.light.token.css';
+
+
const app = createApp(App);
const pinia = createPinia();
diff --git a/packages/docs/src/stores/theme.ts b/packages/docs/src/stores/theme.ts
index 50b1690d931b369b751721bc393d800652906cb4..d42e22f77aba4faa7f6c6ff1f661e7741a7dad2b 100644
--- a/packages/docs/src/stores/theme.ts
+++ b/packages/docs/src/stores/theme.ts
@@ -2,19 +2,27 @@ import { computed, ref } from 'vue';
import { useRouter } from 'vue-router';
import { defineStore } from 'pinia';
import { usePrefetch } from '@/utils/optimize';
-import openDesignSkin from '@opensig/opendesign/theme/opendesign/index.scss?url';
+// import openDesignSkin from '@opensig/opendesign/theme/opendesign/index.scss?url';
import kunpengSkin from '@opensig/opendesign/theme/kunpeng/index.scss?url';
import ascendSkin from '@opensig/opendesign/theme/ascend/index.scss?url';
import eulerSkin from '@opensig/opendesign/theme/openeuler/index.scss?url';
export const skin = [
{
- value: '',
- name: 'OpenDesign',
+ value: 'e',
+ name: 'openEuler',
},
{
- value: 'e',
- name: 'OpenEuler',
+ value: 'g',
+ name: 'openGauss',
+ },
+ {
+ value: 'u',
+ name: 'openUBMC',
+ },
+ {
+ value: 'm',
+ name: 'MindSpore',
},
{
value: 'a',
@@ -31,12 +39,15 @@ export const colors = ['light', 'dark'] as const;
const colorSet = new Set(colors);
export type ColorT = (typeof colors)[number];
export const linkConfig: Record = {
- e: eulerSkin,
k: kunpengSkin,
a: ascendSkin,
+ g: eulerSkin,
+ m: eulerSkin,
+ u: eulerSkin,
+ e: eulerSkin,
};
usePrefetch([
- { url: openDesignSkin, as: 'style' },
+ // { url: openDesignSkin, as: 'style' },
{ url: kunpengSkin, as: 'style' },
{ url: ascendSkin, as: 'style' },
{ url: eulerSkin, as: 'style' },
@@ -46,7 +57,7 @@ export const QUERY_SKIN = '__skin';
export const QUERY_COLOR = '__color';
export const DEFAULT_COLOR = 'light';
export const DEFAULT_SKIN_VALUE = '';
-export const DEFAULT_SKIN_HREF = openDesignSkin;
+export const DEFAULT_SKIN_HREF = eulerSkin;
export const normalizeSkin = (skinValue: any): SkinT['value'] => {
if (skinMap.has(skinValue)) {
@@ -86,7 +97,7 @@ export const useThemeStore = defineStore('theme', () => {
const theme = computed(() => `${skinValue.value ? `${skinValue.value}.` : ''}${color.value}`);
const router = useRouter();
- let oldSkinValue: SkinT['value'] | undefined = undefined;
+ let oldSkinValue: SkinT['value'] | undefined;
const setSkin = (newVal: SkinT['value']) => {
const styleHref = linkConfig[newVal] || DEFAULT_SKIN_HREF;
const linkDom = document.createElement('link');
diff --git a/packages/opendesign/README.md b/packages/opendesign/README.md
index cac4111197e5c3d14b6ac7b56514368d27e8090b..88434b6dd0d15daaa9db6183f4ed15406bb21551 100644
--- a/packages/opendesign/README.md
+++ b/packages/opendesign/README.md
@@ -34,6 +34,11 @@ pnpm add @opensig/opendesign
## 使用
+### 引入皮肤文件
+```
+import '@opensig/opendesign-token/themes/e.token.scss'
+```
+
### 引入样式文件
```
import '@opensig/opendesign/es/index.scss'
diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index 03df2e6b49307cf519c1cdbefb4f98f1133368a8..3f5b9b9b045495d0a984c00424c0d6660d0371db 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -1,6 +1,6 @@
{
"name": "@opensig/opendesign",
- "version": "1.0.3",
+ "version": "1.1.0-alpha.2",
"license": "MIT",
"main": "lib/index.js",
"module": "es/index.mjs",
@@ -17,7 +17,6 @@
"vue3 components"
],
"scripts": {
- "gen:token": "open-scripts gen:token --config ./src/theme/opendesign/token.config.ts && open-scripts gen:token --config ./src/theme/ascend/token.config.ts && open-scripts gen:token --config ./src/theme/kunpeng/token.config.ts && open-scripts gen:token --config ./src/theme/openeuler/token.config.ts",
"gen:icon": "open-scripts gen:icon --config ./icons/icon.config.ts",
"clean:svg": "open-scripts clean:svg --config ./icons/cleansvg.config.ts",
"build:component": "open-scripts build:component",
@@ -26,16 +25,21 @@
"lint": "eslint --ignore-pattern './src/**/__demo__/*' --ignore-pattern './src/**/__docs__/*' ./src",
"lint:fix": "eslint --ignore-pattern './src/**/__demo__/*' --ignore-pattern './src/**/__docs__/*' --fix ./src",
"type-check": "vue-tsc --build",
- "release": "pnpm publish --registry https://registry.npmjs.org",
- "gen:token:test": "open-scripts gen:token --config ./tokens/token.config.ts"
+ "release": "pnpm publish --registry https://registry.npmjs.org"
},
"peerDependencies": {
"vue": "^3.3.0"
},
"devDependencies": {
- "@opensig/open-scripts": "catalog:build",
+ "@opensig/open-scripts": "1.0.3",
"typescript": "catalog:typescript",
"vue-tsc": "catalog:build",
"vite": "catalog:build"
+ },
+ "bugs": "https://gitee.com/openeuler/opendesign-components/issues",
+ "homepage": "",
+ "repository": {
+ "type": "git",
+ "url": "https://gitee.com/openeuler/opendesign-components"
}
}
diff --git a/packages/opendesign/src/_components/in-box/style/var.scss b/packages/opendesign/src/_components/in-box/style/var.scss
index 32ea3123fc65782b3dc9bb731675961940e0b07b..5843586e0a2f899635c8a1a8119081371ec3ae6d 100644
--- a/packages/opendesign/src/_components/in-box/style/var.scss
+++ b/packages/opendesign/src/_components/in-box/style/var.scss
@@ -10,14 +10,14 @@
--_box-bd: 1px solid var(--_box-bd-color);
- --_box-bg-color: var(--o-color-control-light);
- --_box-bg-color-hover: var(--o-color-control-light);
- --_box-bg-color-focus: var(--o-color-control-light);
+ --_box-bg-color: var(--o-color-control5-light);
+ --_box-bg-color-hover: var(--o-color-control5-light);
+ --_box-bg-color-focus: var(--o-color-control5-light);
--_box-bg-color-disabled: var(--o-color-control4-light);
--_box-prepend-append-bd: 1px solid var(--o-color-control1);
--_box-prepend-append-bd-color-disabled: var(--o-color-control4-light);
- --_box-prepend-append-bg-color: var(--o-color-control-light);
+ --_box-prepend-append-bg-color: var(--o-color-control5-light);
}
.o_box-solid {
@@ -28,25 +28,25 @@
.o_box-text {
--_box-bd-color: transparent;
--_box-bg-color: transparent;
- --_box-bd-color-focus: var(--o-color-control-light);
+ --_box-bd-color-focus: var(--o-color-control5-light);
--_box-bd-color-disabled: transparent;
--_box-bg-color-disabled: transparent;
&.o_box-normal {
- --_box-bd-color-hover: var(--o-color-control-light);
- --_box-bg-color-hover: var(--o-color-control-light);
+ --_box-bd-color-hover: var(--o-color-control5-light);
+ --_box-bg-color-hover: var(--o-color-control5-light);
}
&.o_box-success {
- --_box-bd-color-hover: var(--o-color-control-light);
- --_box-bg-color-hover: var(--o-color-control-light);
+ --_box-bd-color-hover: var(--o-color-control5-light);
+ --_box-bg-color-hover: var(--o-color-control5-light);
}
&.o_box-warning {
- --_box-bd-color-hover: var(--o-color-control-light);
- --_box-bg-color-hover: var(--o-color-control-light);
+ --_box-bd-color-hover: var(--o-color-control5-light);
+ --_box-bg-color-hover: var(--o-color-control5-light);
}
&.o_box-danger {
- --_box-bd-color-hover: var(--o-color-control-light);
- --_box-bg-color-hover: var(--o-color-control-light);
+ --_box-bd-color-hover: var(--o-color-control5-light);
+ --_box-bg-color-hover: var(--o-color-control5-light);
}
}
.o_box-outline {
diff --git a/packages/opendesign/src/card/style/theme-ascend.scss b/packages/opendesign/src/card/style/theme-ascend.scss
index 4d0716a5d5c1f2e04dc6ba9bdfe2817b54a30695..208d176b13229148071fd7cd9a5f43ba36d4c884 100644
--- a/packages/opendesign/src/card/style/theme-ascend.scss
+++ b/packages/opendesign/src/card/style/theme-ascend.scss
@@ -1,7 +1,7 @@
@use '../../_styles/mixin.scss' as *;
.o-card-detail-limited {
- --card-detail-mask-bg-color: var(--o-color-control-light);
+ --card-detail-mask-bg-color: var(--o-color-control5-light);
--card-detail-mask-width: 4em;
position: relative;
diff --git a/packages/opendesign/src/card/style/theme-kunpeng.scss b/packages/opendesign/src/card/style/theme-kunpeng.scss
index fd52e5880b6cb3c1351c87499e7ab64ae3b8fe82..609d83c234fe241f1d60bd69ac99242aa4358337 100644
--- a/packages/opendesign/src/card/style/theme-kunpeng.scss
+++ b/packages/opendesign/src/card/style/theme-kunpeng.scss
@@ -1,7 +1,7 @@
@use '../../_styles/mixin.scss' as *;
.o-card-detail-limited {
- --card-detail-mask-bg-color: var(--o-color-control-light);
+ --card-detail-mask-bg-color: var(--o-color-control5-light);
--card-detail-mask-width: 4em;
position: relative;
diff --git a/packages/opendesign/src/card/style/theme-openeuler.scss b/packages/opendesign/src/card/style/theme-openeuler.scss
index 80e3763cae31b06147f22a8a6ee3b668a2361d07..f9423fc319d19459b85d827480810d864ec86d8f 100644
--- a/packages/opendesign/src/card/style/theme-openeuler.scss
+++ b/packages/opendesign/src/card/style/theme-openeuler.scss
@@ -1,7 +1,7 @@
@use '../../_styles/mixin.scss' as *;
.o-card-detail-limited {
- --card-detail-mask-bg-color: var(--o-color-control-light);
+ --card-detail-mask-bg-color: var(--o-color-control5-light);
--card-detail-mask-width: 4em;
position: relative;
diff --git a/packages/opendesign/src/checkbox/style/var.scss b/packages/opendesign/src/checkbox/style/var.scss
index 6c816061b41ce9de189ef51adb18de39b6dcdc0a..d3c109d669be5db9e15ae8554276b1b6c1490edf 100644
--- a/packages/opendesign/src/checkbox/style/var.scss
+++ b/packages/opendesign/src/checkbox/style/var.scss
@@ -14,7 +14,7 @@
--checkbox-input-wrap-size: var(--o-control_size-s);
--checkbox-input-size: var(--o-control_size-xs);
- --checkbox-input-bg-color: var(--o-color-control-light);
+ --checkbox-input-bg-color: var(--o-color-control5-light);
--checkbox-input-bg-color-disabled: var(--o-color-control4-light);
--checkbox-input-bg-color-checked: var(--o-color-primary1);
diff --git a/packages/opendesign/src/dialog/style/var.scss b/packages/opendesign/src/dialog/style/var.scss
index 327d56b697fc9b09add6468c6208787c465340f7..4bc7f7700f77cb11013adc3417487f410302c1bd 100644
--- a/packages/opendesign/src/dialog/style/var.scss
+++ b/packages/opendesign/src/dialog/style/var.scss
@@ -6,7 +6,7 @@
--dlg-color: var(--o-color-info1);
--dlg-header-color: var(--o-color-info1);
- --dlg-bg-color: var(--o-color-control-light);
+ --dlg-bg-color: var(--o-color-control5-light);
--dlg-radius: var(--o-radius_control-l);
--dlg-shadow: var(--o-shadow-1);
diff --git a/packages/opendesign/src/dropdown/style/var.scss b/packages/opendesign/src/dropdown/style/var.scss
index 835db60129c2be51c53def97014202c6c921a243..db2f9f6a1a191bae2dedc6cb65859ed13dec9c6f 100644
--- a/packages/opendesign/src/dropdown/style/var.scss
+++ b/packages/opendesign/src/dropdown/style/var.scss
@@ -1,5 +1,5 @@
.o-dropdown-list {
- --dropdown-list-bg-color: var(--o-color-control-light);
+ --dropdown-list-bg-color: var(--o-color-control5-light);
--dropdown-list-shadow: var(--o-shadow-2);
--dropdown-list-bd: none;
--dropdown-list-radius: 12px;
diff --git a/packages/opendesign/src/layer/__demo__/LayerBasic.vue b/packages/opendesign/src/layer/__demo__/LayerBasic.vue
index 97e429390a23798a1413dd419e15aceeca8a32e3..6c35f335d6f795ce2fc72e8a58ab804a5f19c32a 100644
--- a/packages/opendesign/src/layer/__demo__/LayerBasic.vue
+++ b/packages/opendesign/src/layer/__demo__/LayerBasic.vue
@@ -94,7 +94,7 @@ const onChane = (v: boolean) => {
diff --git a/packages/opendesign/src/message/__docs__/__case__/MessageMethod.vue b/packages/opendesign/src/message/__docs__/__case__/MessageMethod.vue
index 0e27553662223a1279be1ca0ab89c5f28d6bdbc4..213dd23df543653cb673783a0bf1667e92a4a603 100644
--- a/packages/opendesign/src/message/__docs__/__case__/MessageMethod.vue
+++ b/packages/opendesign/src/message/__docs__/__case__/MessageMethod.vue
@@ -46,7 +46,7 @@ const submit = () => {
width: 300px;
padding: 12px;
border: 1px solid var(--o-color-control1);
- background-color: var(--o-color-control-light);
+ background-color: var(--o-color-control5-light);
}
.feedback-textarea {
width: 100%;
diff --git a/packages/opendesign/src/option/style/var.scss b/packages/opendesign/src/option/style/var.scss
index dc517cbbd024c31cf67e4e7511143407b1e8457d..cbe69d9b402eda8ef6d295fc606f3356cd4fe4df 100644
--- a/packages/opendesign/src/option/style/var.scss
+++ b/packages/opendesign/src/option/style/var.scss
@@ -22,7 +22,7 @@
.o-options-popup {
--popup-shadow: var(--o-shadow-2);
- --popup-bg-color: var(--o-color-control-light);
+ --popup-bg-color: var(--o-color-control5-light);
--popup-radius: var(--o-radius_control-m);
--popup-bd: none;
--popup-padding: 0;
diff --git a/packages/opendesign/src/radio/style/var.scss b/packages/opendesign/src/radio/style/var.scss
index dc3a3923ad7b87366c56240d93257f7d3891050f..66fb42e31567fe9507a077436933434319f90f4a 100644
--- a/packages/opendesign/src/radio/style/var.scss
+++ b/packages/opendesign/src/radio/style/var.scss
@@ -12,7 +12,7 @@
--radio-input-wrap-size: var(--o-control_size-s);
--radio-input-size: var(--o-control_size-xs);
- --radio-input-bg-color: var(--o-color-control-light);
+ --radio-input-bg-color: var(--o-color-control5-light);
--radio-input-bg-color-disabled: var(--o-color-control4-light);
--radio-input-bg-color-checked: var(--o-color-primary1);
diff --git a/packages/opendesign/src/select/style/var.scss b/packages/opendesign/src/select/style/var.scss
index d57e4c11e96b8b2d0a16af82090fa261754ad6e6..514ed9a47d6c361550dfcdbf1fcd3ba2c3fd172a 100644
--- a/packages/opendesign/src/select/style/var.scss
+++ b/packages/opendesign/src/select/style/var.scss
@@ -9,9 +9,9 @@
--select-placeholder: var(--o-color-info4);
- --select-bg-color: var(--o-color-control-light);
- --select-bg-color-hover: var(--o-color-control-light);
- --select-bg-color-focus: var(--o-color-control-light);
+ --select-bg-color: var(--o-color-control5-light);
+ --select-bg-color-hover: var(--o-color-control5-light);
+ --select-bg-color-focus: var(--o-color-control5-light);
--select-bg-color-disabled: var(--o-color-control4-light);
--select-icon-color: var(--o-color-info3);
diff --git a/packages/opendesign/src/tab/style/var.scss b/packages/opendesign/src/tab/style/var.scss
index bc33e83dbf66574ff29b43512fe673edbf6b23e7..6f047821551080cdd0ac40fe4d4c81c6694448f1 100644
--- a/packages/opendesign/src/tab/style/var.scss
+++ b/packages/opendesign/src/tab/style/var.scss
@@ -51,7 +51,7 @@
--tab-nav-bg-color: var(--o-color-control1-light);
--tab-nav-bg-color-hover: var(--o-color-control2-light);
- --tab-nav-bg-color-active: var(--o-color-control-light);
+ --tab-nav-bg-color-active: var(--o-color-control5-light);
--tab-nav-bg-color-disabled: var(--o-color-control4-light);
--tab-solid-nav-padding: 4px 16px;
diff --git a/packages/opendesign/src/table/style/var.scss b/packages/opendesign/src/table/style/var.scss
index fa0d9a77f5e1d56d4d6cfb64b7b9f961ea0e45af..da216725eff66e0a92679f20be38e0235bfe675d 100644
--- a/packages/opendesign/src/table/style/var.scss
+++ b/packages/opendesign/src/table/style/var.scss
@@ -23,7 +23,7 @@
--table-body-min-height: 200px;
- --table-bg-color: var(--o-color-control5, var(--o-color-control-light));
+ --table-bg-color: var(--o-color-control5-light);
--table-radius: var(--o-radius_control-m);
diff --git a/packages/opendesign/src/theme/ascend/a.token.code-snippets b/packages/opendesign/src/theme/ascend/a.token.code-snippets
deleted file mode 100644
index db5e09335d26f4834e22dbaa1eda92e7b3d91217..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/ascend/a.token.code-snippets
+++ /dev/null
@@ -1,2226 +0,0 @@
-{
- "--o-white": {
- "prefix": [
- "var(--o-white)"
- ],
- "body": "var(--o-white)",
- "description": "[light: 255, 255, 255, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-black": {
- "prefix": [
- "var(--o-black)"
- ],
- "body": "var(--o-black)",
- "description": "[light: 0, 0, 0, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-1": {
- "prefix": [
- "var(--o-deepblue-1)"
- ],
- "body": "var(--o-deepblue-1)",
- "description": "[light: 232, 240, 255, dark: 0, 4, 77]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-2": {
- "prefix": [
- "var(--o-deepblue-2)"
- ],
- "body": "var(--o-deepblue-2)",
- "description": "[light: 194, 213, 254, dark: 6, 15, 120]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-3": {
- "prefix": [
- "var(--o-deepblue-3)"
- ],
- "body": "var(--o-deepblue-3)",
- "description": "[light: 157, 184, 253, dark: 20, 37, 163]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-4": {
- "prefix": [
- "var(--o-deepblue-4)"
- ],
- "body": "var(--o-deepblue-4)",
- "description": "[light: 120, 153, 252, dark: 40, 65, 207]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-5": {
- "prefix": [
- "var(--o-deepblue-5)"
- ],
- "body": "var(--o-deepblue-5)",
- "description": "[light: 83, 119, 251, dark: 66, 99, 250]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-6": {
- "prefix": [
- "var(--o-deepblue-6)"
- ],
- "body": "var(--o-deepblue-6)",
- "description": "[light: 46, 83, 250, dark: 84, 120, 251]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-7": {
- "prefix": [
- "var(--o-deepblue-7)"
- ],
- "body": "var(--o-deepblue-7)",
- "description": "[light: 29, 55, 207, dark: 122, 154, 252]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-8": {
- "prefix": [
- "var(--o-deepblue-8)"
- ],
- "body": "var(--o-deepblue-8)",
- "description": "[light: 15, 32, 163, dark: 160, 186, 253]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-9": {
- "prefix": [
- "var(--o-deepblue-9)"
- ],
- "body": "var(--o-deepblue-9)",
- "description": "[light: 6, 15, 120, dark: 199, 217, 254]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-10": {
- "prefix": [
- "var(--o-deepblue-10)"
- ],
- "body": "var(--o-deepblue-10)",
- "description": "[light: 0, 4, 77, dark: 238, 244, 255]",
- "scope": "css,scss,less"
- },
- "--o-green-1": {
- "prefix": [
- "var(--o-green-1)"
- ],
- "body": "var(--o-green-1)",
- "description": "[light: 232, 255, 238, dark: 0, 77, 42]",
- "scope": "css,scss,less"
- },
- "--o-green-2": {
- "prefix": [
- "var(--o-green-2)"
- ],
- "body": "var(--o-green-2)",
- "description": "[light: 177, 239, 195, dark: 2, 102, 53]",
- "scope": "css,scss,less"
- },
- "--o-green-3": {
- "prefix": [
- "var(--o-green-3)"
- ],
- "body": "var(--o-green-3)",
- "description": "[light: 128, 224, 158, dark: 10, 127, 66]",
- "scope": "css,scss,less"
- },
- "--o-green-4": {
- "prefix": [
- "var(--o-green-4)"
- ],
- "body": "var(--o-green-4)",
- "description": "[light: 84, 208, 127, dark: 22, 152, 80]",
- "scope": "css,scss,less"
- },
- "--o-green-5": {
- "prefix": [
- "var(--o-green-5)"
- ],
- "body": "var(--o-green-5)",
- "description": "[light: 45, 193, 101, dark: 36, 177, 95]",
- "scope": "css,scss,less"
- },
- "--o-green-6": {
- "prefix": [
- "var(--o-green-6)"
- ],
- "body": "var(--o-green-6)",
- "description": "[light: 11, 177, 81, dark: 51, 193, 104]",
- "scope": "css,scss,less"
- },
- "--o-green-7": {
- "prefix": [
- "var(--o-green-7)"
- ],
- "body": "var(--o-green-7)",
- "description": "[light: 7, 152, 72, dark: 90, 208, 131]",
- "scope": "css,scss,less"
- },
- "--o-green-8": {
- "prefix": [
- "var(--o-green-8)"
- ],
- "body": "var(--o-green-8)",
- "description": "[light: 4, 127, 63, dark: 135, 224, 163]",
- "scope": "css,scss,less"
- },
- "--o-green-9": {
- "prefix": [
- "var(--o-green-9)"
- ],
- "body": "var(--o-green-9)",
- "description": "[light: 2, 102, 53, dark: 185, 239, 200]",
- "scope": "css,scss,less"
- },
- "--o-green-10": {
- "prefix": [
- "var(--o-green-10)"
- ],
- "body": "var(--o-green-10)",
- "description": "[light: 0, 77, 42, dark: 240, 255, 244]",
- "scope": "css,scss,less"
- },
- "--o-orange-1": {
- "prefix": [
- "var(--o-orange-1)"
- ],
- "body": "var(--o-orange-1)",
- "description": "[light: 255, 246, 232, dark: 77, 24, 0]",
- "scope": "css,scss,less"
- },
- "--o-orange-2": {
- "prefix": [
- "var(--o-orange-2)"
- ],
- "body": "var(--o-orange-2)",
- "description": "[light: 254, 226, 186, dark: 120, 42, 1]",
- "scope": "css,scss,less"
- },
- "--o-orange-3": {
- "prefix": [
- "var(--o-orange-3)"
- ],
- "body": "var(--o-orange-3)",
- "description": "[light: 253, 202, 140, dark: 163, 68, 8]",
- "scope": "css,scss,less"
- },
- "--o-orange-4": {
- "prefix": [
- "var(--o-orange-4)"
- ],
- "body": "var(--o-orange-4)",
- "description": "[light: 252, 176, 95, dark: 207, 97, 19]",
- "scope": "css,scss,less"
- },
- "--o-orange-5": {
- "prefix": [
- "var(--o-orange-5)"
- ],
- "body": "var(--o-orange-5)",
- "description": "[light: 251, 147, 50, dark: 250, 130, 33]",
- "scope": "css,scss,less"
- },
- "--o-orange-6": {
- "prefix": [
- "var(--o-orange-6)"
- ],
- "body": "var(--o-orange-6)",
- "description": "[light: 250, 115, 5, dark: 251, 143, 43]",
- "scope": "css,scss,less"
- },
- "--o-orange-7": {
- "prefix": [
- "var(--o-orange-7)"
- ],
- "body": "var(--o-orange-7)",
- "description": "[light: 207, 88, 3, dark: 252, 174, 91]",
- "scope": "css,scss,less"
- },
- "--o-orange-8": {
- "prefix": [
- "var(--o-orange-8)"
- ],
- "body": "var(--o-orange-8)",
- "description": "[light: 163, 64, 2, dark: 253, 202, 139]",
- "scope": "css,scss,less"
- },
- "--o-orange-9": {
- "prefix": [
- "var(--o-orange-9)"
- ],
- "body": "var(--o-orange-9)",
- "description": "[light: 120, 42, 1, dark: 254, 227, 188]",
- "scope": "css,scss,less"
- },
- "--o-orange-10": {
- "prefix": [
- "var(--o-orange-10)"
- ],
- "body": "var(--o-orange-10)",
- "description": "[light: 77, 24, 0, dark: 255, 248, 237]",
- "scope": "css,scss,less"
- },
- "--o-red-1": {
- "prefix": [
- "var(--o-red-1)"
- ],
- "body": "var(--o-red-1)",
- "description": "[light: 255, 234, 232, dark: 77, 0, 17]",
- "scope": "css,scss,less"
- },
- "--o-red-2": {
- "prefix": [
- "var(--o-red-2)"
- ],
- "body": "var(--o-red-2)",
- "description": "[light: 250, 185, 182, dark: 115, 3, 24]",
- "scope": "css,scss,less"
- },
- "--o-red-3": {
- "prefix": [
- "var(--o-red-3)"
- ],
- "body": "var(--o-red-3)",
- "description": "[light: 245, 136, 134, dark: 153, 9, 31]",
- "scope": "css,scss,less"
- },
- "--o-red-4": {
- "prefix": [
- "var(--o-red-4)"
- ],
- "body": "var(--o-red-4)",
- "description": "[light: 240, 87, 90, dark: 192, 17, 37]",
- "scope": "css,scss,less"
- },
- "--o-red-5": {
- "prefix": [
- "var(--o-red-5)"
- ],
- "body": "var(--o-red-5)",
- "description": "[light: 235, 43, 52, dark: 230, 28, 43]",
- "scope": "css,scss,less"
- },
- "--o-red-6": {
- "prefix": [
- "var(--o-red-6)"
- ],
- "body": "var(--o-red-6)",
- "description": "[light: 230, 0, 18, dark: 235, 35, 45]",
- "scope": "css,scss,less"
- },
- "--o-red-7": {
- "prefix": [
- "var(--o-red-7)"
- ],
- "body": "var(--o-red-7)",
- "description": "[light: 192, 0, 22, dark: 240, 82, 85]",
- "scope": "css,scss,less"
- },
- "--o-red-8": {
- "prefix": [
- "var(--o-red-8)"
- ],
- "body": "var(--o-red-8)",
- "description": "[light: 153, 0, 23, dark: 245, 132, 130]",
- "scope": "css,scss,less"
- },
- "--o-red-9": {
- "prefix": [
- "var(--o-red-9)"
- ],
- "body": "var(--o-red-9)",
- "description": "[light: 115, 0, 21, dark: 250, 183, 180]",
- "scope": "css,scss,less"
- },
- "--o-red-10": {
- "prefix": [
- "var(--o-red-10)"
- ],
- "body": "var(--o-red-10)",
- "description": "[light: 77, 0, 17, dark: 255, 234, 232]",
- "scope": "css,scss,less"
- },
- "--o-red-huawei": {
- "prefix": [
- "var(--o-red-huawei)"
- ],
- "body": "var(--o-red-huawei)",
- "description": "[light: 199, 0, 11, dark: 199, 0, 11]",
- "scope": "css,scss,less"
- },
- "--o-gray-1": {
- "prefix": [
- "var(--o-gray-1)"
- ],
- "body": "var(--o-gray-1)",
- "description": "[light: 255, 255, 255, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-gray-2": {
- "prefix": [
- "var(--o-gray-2)"
- ],
- "body": "var(--o-gray-2)",
- "description": "[light: 243, 243, 245, dark: 18, 18, 20]",
- "scope": "css,scss,less"
- },
- "--o-gray-3": {
- "prefix": [
- "var(--o-gray-3)"
- ],
- "body": "var(--o-gray-3)",
- "description": "[light: 237, 237, 240, dark: 26, 26, 28]",
- "scope": "css,scss,less"
- },
- "--o-gray-4": {
- "prefix": [
- "var(--o-gray-4)"
- ],
- "body": "var(--o-gray-4)",
- "description": "[light: 232, 232, 235, dark: 36, 36, 39]",
- "scope": "css,scss,less"
- },
- "--o-gray-5": {
- "prefix": [
- "var(--o-gray-5)"
- ],
- "body": "var(--o-gray-5)",
- "description": "[light: 222, 222, 227, dark: 43, 43, 47]",
- "scope": "css,scss,less"
- },
- "--o-gray-6": {
- "prefix": [
- "var(--o-gray-6)"
- ],
- "body": "var(--o-gray-6)",
- "description": "[light: 210, 210, 217, dark: 53, 53, 57]",
- "scope": "css,scss,less"
- },
- "--o-gray-7": {
- "prefix": [
- "var(--o-gray-7)"
- ],
- "body": "var(--o-gray-7)",
- "description": "[light: 186, 186, 191, dark: 63, 63, 67]",
- "scope": "css,scss,less"
- },
- "--o-gray-8": {
- "prefix": [
- "var(--o-gray-8)"
- ],
- "body": "var(--o-gray-8)",
- "description": "[light: 149, 149, 156, dark: 85, 85, 88]",
- "scope": "css,scss,less"
- },
- "--o-gray-9": {
- "prefix": [
- "var(--o-gray-9)"
- ],
- "body": "var(--o-gray-9)",
- "description": "[light: 111, 111, 117, dark: 118, 118, 122]",
- "scope": "css,scss,less"
- },
- "--o-gray-10": {
- "prefix": [
- "var(--o-gray-10)"
- ],
- "body": "var(--o-gray-10)",
- "description": "[light: 85, 85, 92, dark: 156, 156, 159]",
- "scope": "css,scss,less"
- },
- "--o-gray-11": {
- "prefix": [
- "var(--o-gray-11)"
- ],
- "body": "var(--o-gray-11)",
- "description": "[light: 61, 61, 66, dark: 181, 181, 185]",
- "scope": "css,scss,less"
- },
- "--o-gray-12": {
- "prefix": [
- "var(--o-gray-12)"
- ],
- "body": "var(--o-gray-12)",
- "description": "[light: 37, 37, 41, dark: 208, 208, 210]",
- "scope": "css,scss,less"
- },
- "--o-gray-13": {
- "prefix": [
- "var(--o-gray-13)"
- ],
- "body": "var(--o-gray-13)",
- "description": "[light: 21, 21, 23, dark: 235, 235, 238]",
- "scope": "css,scss,less"
- },
- "--o-gray-14": {
- "prefix": [
- "var(--o-gray-14)"
- ],
- "body": "var(--o-gray-14)",
- "description": "[light: 0, 0, 0, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-1": {
- "prefix": [
- "var(--o-mixedgray-1)"
- ],
- "body": "var(--o-mixedgray-1)",
- "description": "[light: 255, 255, 255, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-2": {
- "prefix": [
- "var(--o-mixedgray-2)"
- ],
- "body": "var(--o-mixedgray-2)",
- "description": "[light: 244, 245, 247, dark: 16, 18, 20]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-3": {
- "prefix": [
- "var(--o-mixedgray-3)"
- ],
- "body": "var(--o-mixedgray-3)",
- "description": "[light: 237, 239, 242, dark: 23, 25, 28]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-4": {
- "prefix": [
- "var(--o-mixedgray-4)"
- ],
- "body": "var(--o-mixedgray-4)",
- "description": "[light: 232, 234, 237, dark: 33, 35, 39]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-5": {
- "prefix": [
- "var(--o-mixedgray-5)"
- ],
- "body": "var(--o-mixedgray-5)",
- "description": "[light: 224, 226, 230, dark: 40, 42, 47]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-6": {
- "prefix": [
- "var(--o-mixedgray-6)"
- ],
- "body": "var(--o-mixedgray-6)",
- "description": "[light: 209, 214, 219, dark: 50, 53, 57]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-7": {
- "prefix": [
- "var(--o-mixedgray-7)"
- ],
- "body": "var(--o-mixedgray-7)",
- "description": "[light: 179, 185, 191, dark: 61, 63, 67]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-8": {
- "prefix": [
- "var(--o-mixedgray-8)"
- ],
- "body": "var(--o-mixedgray-8)",
- "description": "[light: 144, 150, 158, dark: 80, 84, 88]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-9": {
- "prefix": [
- "var(--o-mixedgray-9)"
- ],
- "body": "var(--o-mixedgray-9)",
- "description": "[light: 104, 109, 117, dark: 113, 117, 122]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-10": {
- "prefix": [
- "var(--o-mixedgray-10)"
- ],
- "body": "var(--o-mixedgray-10)",
- "description": "[light: 79, 84, 92, dark: 147, 152, 159]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-11": {
- "prefix": [
- "var(--o-mixedgray-11)"
- ],
- "body": "var(--o-mixedgray-11)",
- "description": "[light: 55, 59, 66, dark: 172, 177, 185]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-12": {
- "prefix": [
- "var(--o-mixedgray-12)"
- ],
- "body": "var(--o-mixedgray-12)",
- "description": "[light: 32, 35, 41, dark: 198, 202, 210]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-13": {
- "prefix": [
- "var(--o-mixedgray-13)"
- ],
- "body": "var(--o-mixedgray-13)",
- "description": "[light: 18, 20, 23, dark: 231, 234, 238]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-14": {
- "prefix": [
- "var(--o-mixedgray-14)"
- ],
- "body": "var(--o-mixedgray-14)",
- "description": "[light: 0, 0, 0, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-yellow-1": {
- "prefix": [
- "var(--o-yellow-1)"
- ],
- "body": "var(--o-yellow-1)",
- "description": "[light: 255, 255, 232, dark: 77, 54, 0]",
- "scope": "css,scss,less"
- },
- "--o-yellow-2": {
- "prefix": [
- "var(--o-yellow-2)"
- ],
- "body": "var(--o-yellow-2)",
- "description": "[light: 253, 251, 185, dark: 119, 87, 2]",
- "scope": "css,scss,less"
- },
- "--o-yellow-3": {
- "prefix": [
- "var(--o-yellow-3)"
- ],
- "body": "var(--o-yellow-3)",
- "description": "[light: 251, 244, 139, dark: 161, 126, 11]",
- "scope": "css,scss,less"
- },
- "--o-yellow-4": {
- "prefix": [
- "var(--o-yellow-4)"
- ],
- "body": "var(--o-yellow-4)",
- "description": "[light: 249, 233, 94, dark: 203, 167, 24]",
- "scope": "css,scss,less"
- },
- "--o-yellow-5": {
- "prefix": [
- "var(--o-yellow-5)"
- ],
- "body": "var(--o-yellow-5)",
- "description": "[light: 247, 221, 49, dark: 245, 211, 42]",
- "scope": "css,scss,less"
- },
- "--o-yellow-6": {
- "prefix": [
- "var(--o-yellow-6)"
- ],
- "body": "var(--o-yellow-6)",
- "description": "[light: 245, 205, 5, dark: 247, 222, 54]",
- "scope": "css,scss,less"
- },
- "--o-yellow-7": {
- "prefix": [
- "var(--o-yellow-7)"
- ],
- "body": "var(--o-yellow-7)",
- "description": "[light: 203, 163, 3, dark: 249, 234, 100]",
- "scope": "css,scss,less"
- },
- "--o-yellow-8": {
- "prefix": [
- "var(--o-yellow-8)"
- ],
- "body": "var(--o-yellow-8)",
- "description": "[light: 161, 124, 2, dark: 251, 244, 146]",
- "scope": "css,scss,less"
- },
- "--o-yellow-9": {
- "prefix": [
- "var(--o-yellow-9)"
- ],
- "body": "var(--o-yellow-9)",
- "description": "[light: 119, 87, 1, dark: 253, 251, 192]",
- "scope": "css,scss,less"
- },
- "--o-yellow-10": {
- "prefix": [
- "var(--o-yellow-10)"
- ],
- "body": "var(--o-yellow-10)",
- "description": "[light: 77, 54, 0, dark: 255, 255, 240]",
- "scope": "css,scss,less"
- },
- "--o-lime-1": {
- "prefix": [
- "var(--o-lime-1)"
- ],
- "body": "var(--o-lime-1)",
- "description": "[light: 251, 255, 232, dark: 41, 77, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-2": {
- "prefix": [
- "var(--o-lime-2)"
- ],
- "body": "var(--o-lime-2)",
- "description": "[light: 233, 245, 184, dark: 63, 109, 3]",
- "scope": "css,scss,less"
- },
- "--o-lime-3": {
- "prefix": [
- "var(--o-lime-3)"
- ],
- "body": "var(--o-lime-3)",
- "description": "[light: 213, 236, 139, dark: 91, 142, 14]",
- "scope": "css,scss,less"
- },
- "--o-lime-4": {
- "prefix": [
- "var(--o-lime-4)"
- ],
- "body": "var(--o-lime-4)",
- "description": "[light: 192, 226, 97, dark: 121, 174, 30]",
- "scope": "css,scss,less"
- },
- "--o-lime-5": {
- "prefix": [
- "var(--o-lime-5)"
- ],
- "body": "var(--o-lime-5)",
- "description": "[light: 169, 217, 59, dark: 155, 207, 50]",
- "scope": "css,scss,less"
- },
- "--o-lime-6": {
- "prefix": [
- "var(--o-lime-6)"
- ],
- "body": "var(--o-lime-6)",
- "description": "[light: 146, 207, 23, dark: 172, 217, 68]",
- "scope": "css,scss,less"
- },
- "--o-lime-7": {
- "prefix": [
- "var(--o-lime-7)"
- ],
- "body": "var(--o-lime-7)",
- "description": "[light: 116, 174, 15, dark: 194, 226, 104]",
- "scope": "css,scss,less"
- },
- "--o-lime-8": {
- "prefix": [
- "var(--o-lime-8)"
- ],
- "body": "var(--o-lime-8)",
- "description": "[light: 88, 142, 8, dark: 214, 236, 144]",
- "scope": "css,scss,less"
- },
- "--o-lime-9": {
- "prefix": [
- "var(--o-lime-9)"
- ],
- "body": "var(--o-lime-9)",
- "description": "[light: 63, 109, 3, dark: 233, 245, 186]",
- "scope": "css,scss,less"
- },
- "--o-lime-10": {
- "prefix": [
- "var(--o-lime-10)"
- ],
- "body": "var(--o-lime-10)",
- "description": "[light: 41, 77, 0, dark: 251, 255, 232]",
- "scope": "css,scss,less"
- },
- "--o-cyan-1": {
- "prefix": [
- "var(--o-cyan-1)"
- ],
- "body": "var(--o-cyan-1)",
- "description": "[light: 232, 255, 249, dark: 0, 73, 77]",
- "scope": "css,scss,less"
- },
- "--o-cyan-2": {
- "prefix": [
- "var(--o-cyan-2)"
- ],
- "body": "var(--o-cyan-2)",
- "description": "[light: 176, 240, 226, dark: 2, 101, 103]",
- "scope": "css,scss,less"
- },
- "--o-cyan-3": {
- "prefix": [
- "var(--o-cyan-3)"
- ],
- "body": "var(--o-cyan-3)",
- "description": "[light: 125, 225, 207, dark: 9, 129, 127]",
- "scope": "css,scss,less"
- },
- "--o-cyan-4": {
- "prefix": [
- "var(--o-cyan-4)"
- ],
- "body": "var(--o-cyan-4)",
- "description": "[light: 79, 211, 191, dark: 18, 155, 148]",
- "scope": "css,scss,less"
- },
- "--o-cyan-5": {
- "prefix": [
- "var(--o-cyan-5)"
- ],
- "body": "var(--o-cyan-5)",
- "description": "[light: 38, 196, 177, dark: 30, 181, 167]",
- "scope": "css,scss,less"
- },
- "--o-cyan-6": {
- "prefix": [
- "var(--o-cyan-6)"
- ],
- "body": "var(--o-cyan-6)",
- "description": "[light: 3, 181, 165, dark: 42, 196, 178]",
- "scope": "css,scss,less"
- },
- "--o-cyan-7": {
- "prefix": [
- "var(--o-cyan-7)"
- ],
- "body": "var(--o-cyan-7)",
- "description": "[light: 2, 155, 147, dark: 84, 211, 192]",
- "scope": "css,scss,less"
- },
- "--o-cyan-8": {
- "prefix": [
- "var(--o-cyan-8)"
- ],
- "body": "var(--o-cyan-8)",
- "description": "[light: 1, 129, 127, dark: 130, 225, 208]",
- "scope": "css,scss,less"
- },
- "--o-cyan-9": {
- "prefix": [
- "var(--o-cyan-9)"
- ],
- "body": "var(--o-cyan-9)",
- "description": "[light: 0, 101, 103, dark: 182, 240, 227]",
- "scope": "css,scss,less"
- },
- "--o-cyan-10": {
- "prefix": [
- "var(--o-cyan-10)"
- ],
- "body": "var(--o-cyan-10)",
- "description": "[light: 0, 73, 77, dark: 239, 255, 251]",
- "scope": "css,scss,less"
- },
- "--o-blue-1": {
- "prefix": [
- "var(--o-blue-1)"
- ],
- "body": "var(--o-blue-1)",
- "description": "[light: 232, 249, 255, dark: 0, 34, 77]",
- "scope": "css,scss,less"
- },
- "--o-blue-2": {
- "prefix": [
- "var(--o-blue-2)"
- ],
- "body": "var(--o-blue-2)",
- "description": "[light: 185, 233, 252, dark: 1, 57, 117]",
- "scope": "css,scss,less"
- },
- "--o-blue-3": {
- "prefix": [
- "var(--o-blue-3)"
- ],
- "body": "var(--o-blue-3)",
- "description": "[light: 138, 214, 249, dark: 8, 86, 158]",
- "scope": "css,scss,less"
- },
- "--o-blue-4": {
- "prefix": [
- "var(--o-blue-4)"
- ],
- "body": "var(--o-blue-4)",
- "description": "[light: 93, 192, 246, dark: 18, 118, 199]",
- "scope": "css,scss,less"
- },
- "--o-blue-5": {
- "prefix": [
- "var(--o-blue-5)"
- ],
- "body": "var(--o-blue-5)",
- "description": "[light: 48, 168, 243, dark: 31, 153, 240]",
- "scope": "css,scss,less"
- },
- "--o-blue-6": {
- "prefix": [
- "var(--o-blue-6)"
- ],
- "body": "var(--o-blue-6)",
- "description": "[light: 5, 142, 240, dark: 42, 166, 243]",
- "scope": "css,scss,less"
- },
- "--o-blue-7": {
- "prefix": [
- "var(--o-blue-7)"
- ],
- "body": "var(--o-blue-7)",
- "description": "[light: 3, 111, 199, dark: 89, 191, 246]",
- "scope": "css,scss,less"
- },
- "--o-blue-8": {
- "prefix": [
- "var(--o-blue-8)"
- ],
- "body": "var(--o-blue-8)",
- "description": "[light: 2, 83, 158, dark: 137, 214, 249]",
- "scope": "css,scss,less"
- },
- "--o-blue-9": {
- "prefix": [
- "var(--o-blue-9)"
- ],
- "body": "var(--o-blue-9)",
- "description": "[light: 1, 57, 117, dark: 187, 233, 252]",
- "scope": "css,scss,less"
- },
- "--o-blue-10": {
- "prefix": [
- "var(--o-blue-10)"
- ],
- "body": "var(--o-blue-10)",
- "description": "[light: 0, 34, 77, dark: 237, 250, 255]",
- "scope": "css,scss,less"
- },
- "--o-purple-1": {
- "prefix": [
- "var(--o-purple-1)"
- ],
- "body": "var(--o-purple-1)",
- "description": "[light: 245, 232, 255, dark: 22, 0, 77]",
- "scope": "css,scss,less"
- },
- "--o-purple-2": {
- "prefix": [
- "var(--o-purple-2)"
- ],
- "body": "var(--o-purple-2)",
- "description": "[light: 225, 192, 253, dark: 40, 3, 118]",
- "scope": "css,scss,less"
- },
- "--o-purple-3": {
- "prefix": [
- "var(--o-purple-3)"
- ],
- "body": "var(--o-purple-3)",
- "description": "[light: 203, 152, 251, dark: 66, 15, 160]",
- "scope": "css,scss,less"
- },
- "--o-purple-4": {
- "prefix": [
- "var(--o-purple-4)"
- ],
- "body": "var(--o-purple-4)",
- "description": "[light: 178, 113, 248, dark: 98, 33, 202]",
- "scope": "css,scss,less"
- },
- "--o-purple-5": {
- "prefix": [
- "var(--o-purple-5)"
- ],
- "body": "var(--o-purple-5)",
- "description": "[light: 152, 75, 246, dark: 134, 57, 244]",
- "scope": "css,scss,less"
- },
- "--o-purple-6": {
- "prefix": [
- "var(--o-purple-6)"
- ],
- "body": "var(--o-purple-6)",
- "description": "[light: 123, 37, 244, dark: 152, 74, 246]",
- "scope": "css,scss,less"
- },
- "--o-purple-7": {
- "prefix": [
- "var(--o-purple-7)"
- ],
- "body": "var(--o-purple-7)",
- "description": "[light: 92, 23, 202, dark: 179, 114, 248]",
- "scope": "css,scss,less"
- },
- "--o-purple-8": {
- "prefix": [
- "var(--o-purple-8)"
- ],
- "body": "var(--o-purple-8)",
- "description": "[light: 64, 12, 160, dark: 205, 156, 251]",
- "scope": "css,scss,less"
- },
- "--o-purple-9": {
- "prefix": [
- "var(--o-purple-9)"
- ],
- "body": "var(--o-purple-9)",
- "description": "[light: 41, 4, 118, dark: 228, 198, 253]",
- "scope": "css,scss,less"
- },
- "--o-purple-10": {
- "prefix": [
- "var(--o-purple-10)"
- ],
- "body": "var(--o-purple-10)",
- "description": "[light: 22, 0, 77, dark: 249, 240, 255]",
- "scope": "css,scss,less"
- },
- "--o-pink-1": {
- "prefix": [
- "var(--o-pink-1)"
- ],
- "body": "var(--o-pink-1)",
- "description": "[light: 255, 232, 253, dark: 61, 0, 77]",
- "scope": "css,scss,less"
- },
- "--o-pink-2": {
- "prefix": [
- "var(--o-pink-2)"
- ],
- "body": "var(--o-pink-2)",
- "description": "[light: 246, 188, 243, dark: 93, 5, 110]",
- "scope": "css,scss,less"
- },
- "--o-pink-3": {
- "prefix": [
- "var(--o-pink-3)"
- ],
- "body": "var(--o-pink-3)",
- "description": "[light: 238, 146, 235, dark: 127, 16, 144]",
- "scope": "css,scss,less"
- },
- "--o-pink-4": {
- "prefix": [
- "var(--o-pink-4)"
- ],
- "body": "var(--o-pink-4)",
- "description": "[light: 229, 107, 229, dark: 164, 33, 178]",
- "scope": "css,scss,less"
- },
- "--o-pink-5": {
- "prefix": [
- "var(--o-pink-5)"
- ],
- "body": "var(--o-pink-5)",
- "description": "[light: 216, 71, 221, dark: 200, 54, 212]",
- "scope": "css,scss,less"
- },
- "--o-pink-6": {
- "prefix": [
- "var(--o-pink-6)"
- ],
- "body": "var(--o-pink-6)",
- "description": "[light: 199, 37, 212, dark: 216, 72, 221]",
- "scope": "css,scss,less"
- },
- "--o-pink-7": {
- "prefix": [
- "var(--o-pink-7)"
- ],
- "body": "var(--o-pink-7)",
- "description": "[light: 163, 23, 178, dark: 229, 109, 229]",
- "scope": "css,scss,less"
- },
- "--o-pink-8": {
- "prefix": [
- "var(--o-pink-8)"
- ],
- "body": "var(--o-pink-8)",
- "description": "[light: 127, 13, 144, dark: 238, 149, 235]",
- "scope": "css,scss,less"
- },
- "--o-pink-9": {
- "prefix": [
- "var(--o-pink-9)"
- ],
- "body": "var(--o-pink-9)",
- "description": "[light: 93, 5, 110, dark: 246, 191, 243]",
- "scope": "css,scss,less"
- },
- "--o-pink-10": {
- "prefix": [
- "var(--o-pink-10)"
- ],
- "body": "var(--o-pink-10)",
- "description": "[light: 61, 0, 77, dark: 255, 236, 253]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-1": {
- "prefix": [
- "var(--o-rosyred-1)"
- ],
- "body": "var(--o-rosyred-1)",
- "description": "[light: 255, 232, 240, dark: 77, 0, 48]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-2": {
- "prefix": [
- "var(--o-rosyred-2)"
- ],
- "body": "var(--o-rosyred-2)",
- "description": "[light: 249, 185, 209, dark: 114, 3, 70]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-3": {
- "prefix": [
- "var(--o-rosyred-3)"
- ],
- "body": "var(--o-rosyred-3)",
- "description": "[light: 243, 141, 182, dark: 151, 12, 91]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-4": {
- "prefix": [
- "var(--o-rosyred-4)"
- ],
- "body": "var(--o-rosyred-4)",
- "description": "[light: 238, 98, 158, dark: 189, 25, 112]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-5": {
- "prefix": [
- "var(--o-rosyred-5)"
- ],
- "body": "var(--o-rosyred-5)",
- "description": "[light: 232, 57, 139, dark: 226, 41, 133]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-6": {
- "prefix": [
- "var(--o-rosyred-6)"
- ],
- "body": "var(--o-rosyred-6)",
- "description": "[light: 226, 18, 122, dark: 232, 53, 137]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-7": {
- "prefix": [
- "var(--o-rosyred-7)"
- ],
- "body": "var(--o-rosyred-7)",
- "description": "[light: 189, 11, 106, dark: 238, 97, 158]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-8": {
- "prefix": [
- "var(--o-rosyred-8)"
- ],
- "body": "var(--o-rosyred-8)",
- "description": "[light: 151, 6, 88, dark: 243, 143, 183]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-9": {
- "prefix": [
- "var(--o-rosyred-9)"
- ],
- "body": "var(--o-rosyred-9)",
- "description": "[light: 114, 2, 69, dark: 249, 192, 213]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-10": {
- "prefix": [
- "var(--o-rosyred-10)"
- ],
- "body": "var(--o-rosyred-10)",
- "description": "[light: 77, 0, 48, dark: 255, 242, 247]",
- "scope": "css,scss,less"
- },
- "--o-color-white": {
- "prefix": [
- "var(--o-color-white)"
- ],
- "body": "var(--o-color-white)",
- "description": "[light: rgb(var(--o-white)), dark: rgb(var(--o-white))]",
- "scope": "css,scss,less"
- },
- "--o-color-black": {
- "prefix": [
- "var(--o-color-black)"
- ],
- "body": "var(--o-color-black)",
- "description": "[light: rgb(var(--o-black)), dark: rgb(var(--o-black))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary1": {
- "prefix": [
- "var(--o-color-primary1)"
- ],
- "body": "var(--o-color-primary1)",
- "description": "常规[light: rgb(var(--o-mixedgray-12)), dark: rgb(var(--o-mixedgray-14))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary2": {
- "prefix": [
- "var(--o-color-primary2)"
- ],
- "body": "var(--o-color-primary2)",
- "description": "悬浮[light: rgb(var(--o-mixedgray-11)), dark: rgb(var(--o-mixedgray-13))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary3": {
- "prefix": [
- "var(--o-color-primary3)"
- ],
- "body": "var(--o-color-primary3)",
- "description": "激活[light: rgb(var(--o-mixedgray-13)), dark: rgb(var(--o-mixedgray-12))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary4": {
- "prefix": [
- "var(--o-color-primary4)"
- ],
- "body": "var(--o-color-primary4)",
- "description": "禁用[light: rgb(var(--o-mixedgray-6)), dark: rgb(var(--o-mixedgray-8))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary1-light": {
- "prefix": [
- "var(--o-color-primary1-light)"
- ],
- "body": "var(--o-color-primary1-light)",
- "description": "常规-浅[light: rgb(var(--o-mixedgray-4)), dark: rgb(var(--o-mixedgray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary2-light": {
- "prefix": [
- "var(--o-color-primary2-light)"
- ],
- "body": "var(--o-color-primary2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-mixedgray-5)), dark: rgb(var(--o-mixedgray-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary3-light": {
- "prefix": [
- "var(--o-color-primary3-light)"
- ],
- "body": "var(--o-color-primary3-light)",
- "description": "激活-浅[light: rgb(var(--o-mixedgray-6)), dark: rgb(var(--o-mixedgray-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary4-light": {
- "prefix": [
- "var(--o-color-primary4-light)"
- ],
- "body": "var(--o-color-primary4-light)",
- "description": "禁用-浅[light: rgb(var(--o-mixedgray-5)), dark: rgb(var(--o-mixedgray-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-success1": {
- "prefix": [
- "var(--o-color-success1)"
- ],
- "body": "var(--o-color-success1)",
- "description": "常规[light: rgb(var(--o-green-6)), dark: rgb(var(--o-green-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-success2": {
- "prefix": [
- "var(--o-color-success2)"
- ],
- "body": "var(--o-color-success2)",
- "description": "悬浮[light: rgb(var(--o-green-4)), dark: rgb(var(--o-green-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-success3": {
- "prefix": [
- "var(--o-color-success3)"
- ],
- "body": "var(--o-color-success3)",
- "description": "激活[light: rgb(var(--o-green-7)), dark: rgb(var(--o-green-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-success4": {
- "prefix": [
- "var(--o-color-success4)"
- ],
- "body": "var(--o-color-success4)",
- "description": "禁用[light: rgb(var(--o-green-3)), dark: rgb(var(--o-green-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-success1-light": {
- "prefix": [
- "var(--o-color-success1-light)"
- ],
- "body": "var(--o-color-success1-light)",
- "description": "常规-浅[light: rgb(var(--o-green-2)), dark: rgb(var(--o-green-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-success2-light": {
- "prefix": [
- "var(--o-color-success2-light)"
- ],
- "body": "var(--o-color-success2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-green-3)), dark: rgb(var(--o-green-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-success3-light": {
- "prefix": [
- "var(--o-color-success3-light)"
- ],
- "body": "var(--o-color-success3-light)",
- "description": "激活-浅[light: rgb(var(--o-green-4)), dark: rgb(var(--o-green-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-success4-light": {
- "prefix": [
- "var(--o-color-success4-light)"
- ],
- "body": "var(--o-color-success4-light)",
- "description": "禁用-浅[light: rgb(var(--o-green-1)), dark: rgb(var(--o-green-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning1": {
- "prefix": [
- "var(--o-color-warning1)"
- ],
- "body": "var(--o-color-warning1)",
- "description": "常规[light: rgb(var(--o-orange-6)), dark: rgb(var(--o-orange-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning2": {
- "prefix": [
- "var(--o-color-warning2)"
- ],
- "body": "var(--o-color-warning2)",
- "description": "悬浮[light: rgb(var(--o-orange-4)), dark: rgb(var(--o-orange-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning3": {
- "prefix": [
- "var(--o-color-warning3)"
- ],
- "body": "var(--o-color-warning3)",
- "description": "激活[light: rgb(var(--o-orange-7)), dark: rgb(var(--o-orange-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning4": {
- "prefix": [
- "var(--o-color-warning4)"
- ],
- "body": "var(--o-color-warning4)",
- "description": "禁用[light: rgb(var(--o-orange-3)), dark: rgb(var(--o-orange-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning1-light": {
- "prefix": [
- "var(--o-color-warning1-light)"
- ],
- "body": "var(--o-color-warning1-light)",
- "description": "常规-浅[light: rgb(var(--o-orange-2)), dark: rgb(var(--o-orange-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning2-light": {
- "prefix": [
- "var(--o-color-warning2-light)"
- ],
- "body": "var(--o-color-warning2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-orange-3)), dark: rgb(var(--o-orange-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning3-light": {
- "prefix": [
- "var(--o-color-warning3-light)"
- ],
- "body": "var(--o-color-warning3-light)",
- "description": "激活-浅[light: rgb(var(--o-orange-4)), dark: rgb(var(--o-orange-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning4-light": {
- "prefix": [
- "var(--o-color-warning4-light)"
- ],
- "body": "var(--o-color-warning4-light)",
- "description": "禁用-浅[light: rgb(var(--o-orange-1)), dark: rgb(var(--o-orange-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger1": {
- "prefix": [
- "var(--o-color-danger1)"
- ],
- "body": "var(--o-color-danger1)",
- "description": "常规[light: rgb(var(--o-red-6)), dark: rgb(var(--o-red-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger2": {
- "prefix": [
- "var(--o-color-danger2)"
- ],
- "body": "var(--o-color-danger2)",
- "description": "悬浮[light: rgb(var(--o-red-4)), dark: rgb(var(--o-red-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger3": {
- "prefix": [
- "var(--o-color-danger3)"
- ],
- "body": "var(--o-color-danger3)",
- "description": "激活[light: rgb(var(--o-red-7)), dark: rgb(var(--o-red-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger4": {
- "prefix": [
- "var(--o-color-danger4)"
- ],
- "body": "var(--o-color-danger4)",
- "description": "禁用[light: rgb(var(--o-red-3)), dark: rgb(var(--o-red-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger1-light": {
- "prefix": [
- "var(--o-color-danger1-light)"
- ],
- "body": "var(--o-color-danger1-light)",
- "description": "常规-浅[light: rgb(var(--o-red-2)), dark: rgb(var(--o-red-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger2-light": {
- "prefix": [
- "var(--o-color-danger2-light)"
- ],
- "body": "var(--o-color-danger2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-red-3)), dark: rgb(var(--o-red-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger3-light": {
- "prefix": [
- "var(--o-color-danger3-light)"
- ],
- "body": "var(--o-color-danger3-light)",
- "description": "激活-浅[light: rgb(var(--o-red-4)), dark: rgb(var(--o-red-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger4-light": {
- "prefix": [
- "var(--o-color-danger4-light)"
- ],
- "body": "var(--o-color-danger4-light)",
- "description": "禁用-浅[light: rgb(var(--o-red-1)), dark: rgb(var(--o-red-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill1": {
- "prefix": [
- "var(--o-color-fill1)"
- ],
- "body": "var(--o-color-fill1)",
- "description": "一级填充:页面背景[light: rgb(var(--o-mixedgray-2)), dark: rgb(var(--o-mixedgray-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill2": {
- "prefix": [
- "var(--o-color-fill2)"
- ],
- "body": "var(--o-color-fill2)",
- "description": "二级填充:区块/卡片[light: rgb(var(--o-mixedgray-1)), dark: rgb(var(--o-mixedgray-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill3": {
- "prefix": [
- "var(--o-color-fill3)"
- ],
- "body": "var(--o-color-fill3)",
- "description": "三级填充:卡片[light: rgb(var(--o-mixedgray-3)), dark: rgb(var(--o-mixedgray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control1": {
- "prefix": [
- "var(--o-color-control1)"
- ],
- "body": "var(--o-color-control1)",
- "description": "常规,常用于边框[light: rgba(var(--o-mixedgray-14), 0.25), dark: rgba(var(--o-mixedgray-14), 0.25)]",
- "scope": "css,scss,less"
- },
- "--o-color-control2": {
- "prefix": [
- "var(--o-color-control2)"
- ],
- "body": "var(--o-color-control2)",
- "description": "悬浮,常用于边框[light: rgba(var(--o-mixedgray-14), 0.6), dark: rgba(var(--o-mixedgray-14), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-control3": {
- "prefix": [
- "var(--o-color-control3)"
- ],
- "body": "var(--o-color-control3)",
- "description": "激活,常用于边框[light: rgba(var(--o-mixedgray-14), 0.8), dark: rgba(var(--o-mixedgray-14), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-control4": {
- "prefix": [
- "var(--o-color-control4)"
- ],
- "body": "var(--o-color-control4)",
- "description": "禁用,常用于边框[light: rgba(var(--o-mixedgray-14), 0.1), dark: rgba(var(--o-mixedgray-14), 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-color-control1-light": {
- "prefix": [
- "var(--o-color-control1-light)"
- ],
- "body": "var(--o-color-control1-light)",
- "description": "常规-浅,常用于背景[light: rgb(var(--o-mixedgray-5)), dark: rgb(var(--o-mixedgray-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-control2-light": {
- "prefix": [
- "var(--o-color-control2-light)"
- ],
- "body": "var(--o-color-control2-light)",
- "description": "悬浮-浅,常用于背景[light: rgb(var(--o-mixedgray-3)), dark: rgb(var(--o-mixedgray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control3-light": {
- "prefix": [
- "var(--o-color-control3-light)"
- ],
- "body": "var(--o-color-control3-light)",
- "description": "激活-浅,常用于背景[light: rgb(var(--o-mixedgray-4)), dark: rgb(var(--o-mixedgray-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-control4-light": {
- "prefix": [
- "var(--o-color-control4-light)"
- ],
- "body": "var(--o-color-control4-light)",
- "description": "禁用-浅,常用于背景[light: rgb(var(--o-mixedgray-3)), dark: rgb(var(--o-mixedgray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control-light": {
- "prefix": [
- "var(--o-color-control-light)"
- ],
- "body": "var(--o-color-control-light)",
- "description": "很浅,常用于表格背景色[light: rgb(var(--o-mixedgray-1)), dark: rgb(var(--o-mixedgray-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-info1": {
- "prefix": [
- "var(--o-color-info1)"
- ],
- "body": "var(--o-color-info1)",
- "description": "一级/强调/标题[light: rgba(var(--o-mixedgray-14), 1.0), dark: rgba(var(--o-mixedgray-14), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info2": {
- "prefix": [
- "var(--o-color-info2)"
- ],
- "body": "var(--o-color-info2)",
- "description": "二级/次强调/正文[light: rgba(var(--o-mixedgray-14), 0.8), dark: rgba(var(--o-mixedgray-14), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-info3": {
- "prefix": [
- "var(--o-color-info3)"
- ],
- "body": "var(--o-color-info3)",
- "description": "三级/辅助信息[light: rgba(var(--o-mixedgray-14), 0.6), dark: rgba(var(--o-mixedgray-14), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-info4": {
- "prefix": [
- "var(--o-color-info4)"
- ],
- "body": "var(--o-color-info4)",
- "description": "置灰/禁用[light: rgba(var(--o-mixedgray-14), 0.4), dark: rgba(var(--o-mixedgray-14), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-info1-inverse": {
- "prefix": [
- "var(--o-color-info1-inverse)"
- ],
- "body": "var(--o-color-info1-inverse)",
- "description": "一级/次强调/正文反色[light: rgba(var(--o-mixedgray-1), 1.0), dark: rgba(var(--o-mixedgray-1), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info2-inverse": {
- "prefix": [
- "var(--o-color-info2-inverse)"
- ],
- "body": "var(--o-color-info2-inverse)",
- "description": "二级/辅助信息反色[light: rgba(var(--o-mixedgray-1), 0.8), dark: rgba(var(--o-mixedgray-1), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-info3-inverse": {
- "prefix": [
- "var(--o-color-info3-inverse)"
- ],
- "body": "var(--o-color-info3-inverse)",
- "description": "三级/辅助信息反色[light: rgba(var(--o-mixedgray-1), 0.6), dark: rgba(var(--o-mixedgray-1), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-info4-inverse": {
- "prefix": [
- "var(--o-color-info4-inverse)"
- ],
- "body": "var(--o-color-info4-inverse)",
- "description": "置灰/禁用反色[light: rgba(var(--o-mixedgray-1), 0.4), dark: rgba(var(--o-mixedgray-1), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-mask1": {
- "prefix": [
- "var(--o-color-mask1)"
- ],
- "body": "var(--o-color-mask1)",
- "description": "全局遮罩[light: rgba(var(--o-mixedgray-14), 0.4), dark: rgba(var(--o-mixedgray-1), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-mask2": {
- "prefix": [
- "var(--o-color-mask2)"
- ],
- "body": "var(--o-color-mask2)",
- "description": "局部遮罩[light: rgba(var(--o-mixedgray-1), 0.2), dark: rgba(var(--o-mixedgray-4), 0.2)]",
- "scope": "css,scss,less"
- },
- "--o-color-link1": {
- "prefix": [
- "var(--o-color-link1)"
- ],
- "body": "var(--o-color-link1)",
- "description": "常规[light: rgba(var(--o-deepblue-6), 1.0), dark: rgba(var(--o-deepblue-6), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-link2": {
- "prefix": [
- "var(--o-color-link2)"
- ],
- "body": "var(--o-color-link2)",
- "description": "悬浮[light: rgba(var(--o-deepblue-6), 0.7), dark: rgba(var(--o-deepblue-6), 0.7)]",
- "scope": "css,scss,less"
- },
- "--o-color-link3": {
- "prefix": [
- "var(--o-color-link3)"
- ],
- "body": "var(--o-color-link3)",
- "description": "激活[light: rgba(var(--o-deepblue-6), 0.9), dark: rgba(var(--o-deepblue-6), 0.9)]",
- "scope": "css,scss,less"
- },
- "--o-color-link4": {
- "prefix": [
- "var(--o-color-link4)"
- ],
- "body": "var(--o-color-link4)",
- "description": "禁用[light: rgba(var(--o-deepblue-6), 0.4), dark: rgba(var(--o-deepblue-6), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-1": {
- "prefix": [
- "var(--o-shadow-1)"
- ],
- "body": "var(--o-shadow-1)",
- "description": "用于卡片、小弹窗、楼层阴影[light: 0 3px 8px rgba(var(--o-mixedgray-13), 0.08), dark: 0 3px 8px rgba(var(--o-mixedgray-1), 0.08)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-2": {
- "prefix": [
- "var(--o-shadow-2)"
- ],
- "body": "var(--o-shadow-2)",
- "description": "用于卡片悬浮阴影[light: 0 2px 24px rgba(var(--o-mixedgray-13), 0.15), dark: 0 2px 24px rgba(var(--o-mixedgray-1), 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-3": {
- "prefix": [
- "var(--o-shadow-3)"
- ],
- "body": "var(--o-shadow-3)",
- "description": "用于提示阴影[light: 0 8px 40px rgba(var(--o-mixedgray-13), 0.1), dark: 0 8px 40px rgba(var(--o-mixedgray-1), 0.1)]",
- "scope": "css,scss,less"
- },
- "--o-gap-1": {
- "prefix": [
- "var(--o-gap-1)"
- ],
- "body": "var(--o-gap-1)",
- "description": "用于组件之间的间距1[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-gap-2": {
- "prefix": [
- "var(--o-gap-2)"
- ],
- "body": "var(--o-gap-2)",
- "description": "用于组件之间的间距2[light: 8px, dark: 8px]",
- "scope": "css,scss,less"
- },
- "--o-gap-3": {
- "prefix": [
- "var(--o-gap-3)"
- ],
- "body": "var(--o-gap-3)",
- "description": "用于组件之间的间距3[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-gap-4": {
- "prefix": [
- "var(--o-gap-4)"
- ],
- "body": "var(--o-gap-4)",
- "description": "用于组件之间的间距4[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-gap-5": {
- "prefix": [
- "var(--o-gap-5)"
- ],
- "body": "var(--o-gap-5)",
- "description": "用于组件之间的间距5[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-gap-6": {
- "prefix": [
- "var(--o-gap-6)"
- ],
- "body": "var(--o-gap-6)",
- "description": "用于组件之间的间距6[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-gap-7": {
- "prefix": [
- "var(--o-gap-7)"
- ],
- "body": "var(--o-gap-7)",
- "description": "用于组件之间的间距7[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-gap-8": {
- "prefix": [
- "var(--o-gap-8)"
- ],
- "body": "var(--o-gap-8)",
- "description": "用于组件之间的间距8[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-gap-9": {
- "prefix": [
- "var(--o-gap-9)"
- ],
- "body": "var(--o-gap-9)",
- "description": "用于组件之间的间距9[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-gap-10": {
- "prefix": [
- "var(--o-gap-10)"
- ],
- "body": "var(--o-gap-10)",
- "description": "用于组件之间的间距10[light: 72px, dark: 72px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-2xs": {
- "prefix": [
- "var(--o-control_size-2xs)"
- ],
- "body": "var(--o-control_size-2xs)",
- "description": "超小尺寸[light: 14px, dark: 14px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-xs": {
- "prefix": [
- "var(--o-control_size-xs)"
- ],
- "body": "var(--o-control_size-xs)",
- "description": "小尺寸[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-s": {
- "prefix": [
- "var(--o-control_size-s)"
- ],
- "body": "var(--o-control_size-s)",
- "description": "小尺寸[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-m": {
- "prefix": [
- "var(--o-control_size-m)"
- ],
- "body": "var(--o-control_size-m)",
- "description": "尺寸[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-l": {
- "prefix": [
- "var(--o-control_size-l)"
- ],
- "body": "var(--o-control_size-l)",
- "description": "尺寸[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-xl": {
- "prefix": [
- "var(--o-control_size-xl)"
- ],
- "body": "var(--o-control_size-xl)",
- "description": "尺寸[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-2xl": {
- "prefix": [
- "var(--o-control_size-2xl)"
- ],
- "body": "var(--o-control_size-2xl)",
- "description": "尺寸[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-xs": {
- "prefix": [
- "var(--o-icon_size-xs)"
- ],
- "body": "var(--o-icon_size-xs)",
- "description": "超小尺寸图标[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-s": {
- "prefix": [
- "var(--o-icon_size-s)"
- ],
- "body": "var(--o-icon_size-s)",
- "description": "小尺寸图标[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-m": {
- "prefix": [
- "var(--o-icon_size-m)"
- ],
- "body": "var(--o-icon_size-m)",
- "description": "中尺寸图标[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-l": {
- "prefix": [
- "var(--o-icon_size-l)"
- ],
- "body": "var(--o-icon_size-l)",
- "description": "大尺寸图标[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-xl": {
- "prefix": [
- "var(--o-icon_size-xl)"
- ],
- "body": "var(--o-icon_size-xl)",
- "description": "超大尺寸图标[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-2xl": {
- "prefix": [
- "var(--o-icon_size-2xl)"
- ],
- "body": "var(--o-icon_size-2xl)",
- "description": "2xl尺寸图标[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-3xl": {
- "prefix": [
- "var(--o-icon_size-3xl)"
- ],
- "body": "var(--o-icon_size-3xl)",
- "description": "3xl尺寸图标[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-4xl": {
- "prefix": [
- "var(--o-icon_size-4xl)"
- ],
- "body": "var(--o-icon_size-4xl)",
- "description": "4xl尺寸图标[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-xs": {
- "prefix": [
- "var(--o-icon_size_control-xs)"
- ],
- "body": "var(--o-icon_size_control-xs)",
- "description": "超小尺寸控件图标(组件使用)[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-s": {
- "prefix": [
- "var(--o-icon_size_control-s)"
- ],
- "body": "var(--o-icon_size_control-s)",
- "description": "小尺寸控件图标(组件使用)[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-m": {
- "prefix": [
- "var(--o-icon_size_control-m)"
- ],
- "body": "var(--o-icon_size_control-m)",
- "description": "中尺寸控件图标(组件使用)[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-l": {
- "prefix": [
- "var(--o-icon_size_control-l)"
- ],
- "body": "var(--o-icon_size_control-l)",
- "description": "大尺寸控件图标(组件使用)[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-xl": {
- "prefix": [
- "var(--o-icon_size_control-xl)"
- ],
- "body": "var(--o-icon_size_control-xl)",
- "description": "超大尺寸控件图标(组件使用)[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display1": {
- "prefix": [
- "var(--o-font_size-display1)"
- ],
- "body": "var(--o-font_size-display1)",
- "description": "一级数据展示[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display2": {
- "prefix": [
- "var(--o-font_size-display2)"
- ],
- "body": "var(--o-font_size-display2)",
- "description": "二级数据展示[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display3": {
- "prefix": [
- "var(--o-font_size-display3)"
- ],
- "body": "var(--o-font_size-display3)",
- "description": "三级数据展示[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h1": {
- "prefix": [
- "var(--o-font_size-h1)"
- ],
- "body": "var(--o-font_size-h1)",
- "description": "一级标题[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h2": {
- "prefix": [
- "var(--o-font_size-h2)"
- ],
- "body": "var(--o-font_size-h2)",
- "description": "二级标题[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h3": {
- "prefix": [
- "var(--o-font_size-h3)"
- ],
- "body": "var(--o-font_size-h3)",
- "description": "三级标题[light: 22px, dark: 22px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h4": {
- "prefix": [
- "var(--o-font_size-h4)"
- ],
- "body": "var(--o-font_size-h4)",
- "description": "四级标题[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-text1": {
- "prefix": [
- "var(--o-font_size-text1)"
- ],
- "body": "var(--o-font_size-text1)",
- "description": "常规正文[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-text2": {
- "prefix": [
- "var(--o-font_size-text2)"
- ],
- "body": "var(--o-font_size-text2)",
- "description": "大号正文[light: 18px, dark: 18px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-tip1": {
- "prefix": [
- "var(--o-font_size-tip1)"
- ],
- "body": "var(--o-font_size-tip1)",
- "description": "提示文本1[light: 14px, dark: 14px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-tip2": {
- "prefix": [
- "var(--o-font_size-tip2)"
- ],
- "body": "var(--o-font_size-tip2)",
- "description": "提示文本2[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display1": {
- "prefix": [
- "var(--o-line_height-display1)"
- ],
- "body": "var(--o-line_height-display1)",
- "description": "一级数据展示[light: 80px, dark: 80px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display2": {
- "prefix": [
- "var(--o-line_height-display2)"
- ],
- "body": "var(--o-line_height-display2)",
- "description": "二级数据展示[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display3": {
- "prefix": [
- "var(--o-line_height-display3)"
- ],
- "body": "var(--o-line_height-display3)",
- "description": "三级数据展示[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h1": {
- "prefix": [
- "var(--o-line_height-h1)"
- ],
- "body": "var(--o-line_height-h1)",
- "description": "一级标题[light: 44px, dark: 44px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h2": {
- "prefix": [
- "var(--o-line_height-h2)"
- ],
- "body": "var(--o-line_height-h2)",
- "description": "二级标题[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h3": {
- "prefix": [
- "var(--o-line_height-h3)"
- ],
- "body": "var(--o-line_height-h3)",
- "description": "三级标题[light: 30px, dark: 30px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h4": {
- "prefix": [
- "var(--o-line_height-h4)"
- ],
- "body": "var(--o-line_height-h4)",
- "description": "四级标题[light: 28px, dark: 28px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-text1": {
- "prefix": [
- "var(--o-line_height-text1)"
- ],
- "body": "var(--o-line_height-text1)",
- "description": "正文[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-text2": {
- "prefix": [
- "var(--o-line_height-text2)"
- ],
- "body": "var(--o-line_height-text2)",
- "description": "正文-大[light: 26px, dark: 26x]",
- "scope": "css,scss,less"
- },
- "--o-line_height-tip1": {
- "prefix": [
- "var(--o-line_height-tip1)"
- ],
- "body": "var(--o-line_height-tip1)",
- "description": "提示文本1[light: 22px, dark: 22px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-tip2": {
- "prefix": [
- "var(--o-line_height-tip2)"
- ],
- "body": "var(--o-line_height-tip2)",
- "description": "提示文本2[light: 18px, dark: 18px]",
- "scope": "css,scss,less"
- },
- "--o-radius-xs": {
- "prefix": [
- "var(--o-radius-xs)"
- ],
- "body": "var(--o-radius-xs)",
- "description": "超小尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-s": {
- "prefix": [
- "var(--o-radius-s)"
- ],
- "body": "var(--o-radius-s)",
- "description": "小尺寸圆角[light: 8px, dark: 8px]",
- "scope": "css,scss,less"
- },
- "--o-radius-m": {
- "prefix": [
- "var(--o-radius-m)"
- ],
- "body": "var(--o-radius-m)",
- "description": "中尺寸圆角[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-radius-l": {
- "prefix": [
- "var(--o-radius-l)"
- ],
- "body": "var(--o-radius-l)",
- "description": "大尺寸圆角[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-radius-xl": {
- "prefix": [
- "var(--o-radius-xl)"
- ],
- "body": "var(--o-radius-xl)",
- "description": "大尺寸圆角,一般用于卡片[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-xs": {
- "prefix": [
- "var(--o-radius_control-xs)"
- ],
- "body": "var(--o-radius_control-xs)",
- "description": "超小尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-s": {
- "prefix": [
- "var(--o-radius_control-s)"
- ],
- "body": "var(--o-radius_control-s)",
- "description": "小尺寸控件圆角(组件使用)[light: 8px, dark: 8px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-m": {
- "prefix": [
- "var(--o-radius_control-m)"
- ],
- "body": "var(--o-radius_control-m)",
- "description": "中尺寸控件圆角(组件使用)[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-l": {
- "prefix": [
- "var(--o-radius_control-l)"
- ],
- "body": "var(--o-radius_control-l)",
- "description": "大尺寸控件圆角(组件使用)[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-duration-s": {
- "prefix": [
- "var(--o-duration-s)"
- ],
- "body": "var(--o-duration-s)",
- "description": "用于退出屏幕的动画[light: 200ms, dark: 200ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m1": {
- "prefix": [
- "var(--o-duration-m1)"
- ],
- "body": "var(--o-duration-m1)",
- "description": "用于当曲线为standard-in时进入屏幕的动画[light: 250ms, dark: 250ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m2": {
- "prefix": [
- "var(--o-duration-m2)"
- ],
- "body": "var(--o-duration-m2)",
- "description": "用于当曲线为standard时开始、结束的动画[light: 300ms, dark: 300ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m3": {
- "prefix": [
- "var(--o-duration-m3)"
- ],
- "body": "var(--o-duration-m3)",
- "description": "用于当曲线为emphasized-in时进入屏幕的动画[light: 400ms, dark: 400ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-l": {
- "prefix": [
- "var(--o-duration-l)"
- ],
- "body": "var(--o-duration-l)",
- "description": "用于当曲线为emphasized时开始、结束的动画[light: 500ms, dark: 500ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-xl": {
- "prefix": [
- "var(--o-duration-xl)"
- ],
- "body": "var(--o-duration-xl)",
- "description": "用于当曲线为emphasized时,轮播切换动画[light: 1000ms, dark: 1000ms]",
- "scope": "css,scss,less"
- },
- "--o-easing-linear": {
- "prefix": [
- "var(--o-easing-linear)"
- ],
- "body": "var(--o-easing-linear)",
- "description": "线性曲线[light: cubic-bezier(0, 0, 1, 1), dark: cubic-bezier(0, 0, 1, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard": {
- "prefix": [
- "var(--o-easing-standard)"
- ],
- "body": "var(--o-easing-standard)",
- "description": "用于组件[light: cubic-bezier(0.2, 0, 0, 1), dark: cubic-bezier(0.2, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard-in": {
- "prefix": [
- "var(--o-easing-standard-in)"
- ],
- "body": "var(--o-easing-standard-in)",
- "description": "用于组件[light: cubic-bezier(0, 0, 0, 1), dark: cubic-bezier(0, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard-out": {
- "prefix": [
- "var(--o-easing-standard-out)"
- ],
- "body": "var(--o-easing-standard-out)",
- "description": "用于组件[light: cubic-bezier(0.3, 0, 1, 1), dark: cubic-bezier(0.3, 0, 1, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized": {
- "prefix": [
- "var(--o-easing-emphasized)"
- ],
- "body": "var(--o-easing-emphasized)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.2, 0, 0, 1), dark: cubic-bezier(0.2, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized-in": {
- "prefix": [
- "var(--o-easing-emphasized-in)"
- ],
- "body": "var(--o-easing-emphasized-in)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.3, 0, 0.8, 0.15), dark: cubic-bezier(0.3, 0, 0.8, 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized-out": {
- "prefix": [
- "var(--o-easing-emphasized-out)"
- ],
- "body": "var(--o-easing-emphasized-out)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.05, 0.7, 0.1, 1), dark: cubic-bezier(0.05, 0.7, 0.1, 1)]",
- "scope": "css,scss,less"
- }
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/ascend/common/a.dark.token.css b/packages/opendesign/src/theme/ascend/common/a.dark.token.css
deleted file mode 100644
index efeca604b910c939d3ad66579f713bb922d64955..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/ascend/common/a.dark.token.css
+++ /dev/null
@@ -1,1949 +0,0 @@
-/* theme: a.dark */
-[data-o-theme="a.dark"] {
- /**
- * @name
- * @type palette
- * @group white
- * @description
- */
- --o-white: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group black
- * @description
- */
- --o-black: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-1: 0, 4, 77;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-2: 6, 15, 120;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-3: 20, 37, 163;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-4: 40, 65, 207;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-5: 66, 99, 250;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-6: 84, 120, 251;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-7: 122, 154, 252;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-8: 160, 186, 253;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-9: 199, 217, 254;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-10: 238, 244, 255;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-1: 0, 77, 42;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-2: 2, 102, 53;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-3: 10, 127, 66;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-4: 22, 152, 80;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-5: 36, 177, 95;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-6: 51, 193, 104;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-7: 90, 208, 131;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-8: 135, 224, 163;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-9: 185, 239, 200;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-10: 240, 255, 244;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-1: 77, 24, 0;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-2: 120, 42, 1;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-3: 163, 68, 8;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-4: 207, 97, 19;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-5: 250, 130, 33;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-6: 251, 143, 43;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-7: 252, 174, 91;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-8: 253, 202, 139;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-9: 254, 227, 188;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-10: 255, 248, 237;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-1: 77, 0, 17;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-2: 115, 3, 24;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-3: 153, 9, 31;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-4: 192, 17, 37;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-5: 230, 28, 43;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-6: 235, 35, 45;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-7: 240, 82, 85;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-8: 245, 132, 130;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-9: 250, 183, 180;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-10: 255, 234, 232;
- /**
- * @name
- * @type palette
- * @group huaweired
- * @description
- */
- --o-red-huawei: 199, 0, 11;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-1: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-2: 18, 18, 20;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-3: 26, 26, 28;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-4: 36, 36, 39;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-5: 43, 43, 47;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-6: 53, 53, 57;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-7: 63, 63, 67;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-8: 85, 85, 88;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-9: 118, 118, 122;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-10: 156, 156, 159;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-11: 181, 181, 185;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-12: 208, 208, 210;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-13: 235, 235, 238;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-14: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-1: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-2: 16, 18, 20;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-3: 23, 25, 28;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-4: 33, 35, 39;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-5: 40, 42, 47;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-6: 50, 53, 57;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-7: 61, 63, 67;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-8: 80, 84, 88;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-9: 113, 117, 122;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-10: 147, 152, 159;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-11: 172, 177, 185;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-12: 198, 202, 210;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-13: 231, 234, 238;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-14: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-1: 77, 54, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-2: 119, 87, 2;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-3: 161, 126, 11;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-4: 203, 167, 24;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-5: 245, 211, 42;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-6: 247, 222, 54;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-7: 249, 234, 100;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-8: 251, 244, 146;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-9: 253, 251, 192;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-10: 255, 255, 240;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-1: 41, 77, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-2: 63, 109, 3;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-3: 91, 142, 14;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-4: 121, 174, 30;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-5: 155, 207, 50;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-6: 172, 217, 68;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-7: 194, 226, 104;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-8: 214, 236, 144;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-9: 233, 245, 186;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-10: 251, 255, 232;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-1: 0, 73, 77;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-2: 2, 101, 103;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-3: 9, 129, 127;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-4: 18, 155, 148;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-5: 30, 181, 167;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-6: 42, 196, 178;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-7: 84, 211, 192;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-8: 130, 225, 208;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-9: 182, 240, 227;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-10: 239, 255, 251;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-1: 0, 34, 77;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-2: 1, 57, 117;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-3: 8, 86, 158;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-4: 18, 118, 199;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-5: 31, 153, 240;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-6: 42, 166, 243;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-7: 89, 191, 246;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-8: 137, 214, 249;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-9: 187, 233, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-10: 237, 250, 255;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-1: 22, 0, 77;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-2: 40, 3, 118;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-3: 66, 15, 160;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-4: 98, 33, 202;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-5: 134, 57, 244;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-6: 152, 74, 246;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-7: 179, 114, 248;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-8: 205, 156, 251;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-9: 228, 198, 253;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-10: 249, 240, 255;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-1: 61, 0, 77;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-2: 93, 5, 110;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-3: 127, 16, 144;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-4: 164, 33, 178;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-5: 200, 54, 212;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-6: 216, 72, 221;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-7: 229, 109, 229;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-8: 238, 149, 235;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-9: 246, 191, 243;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-10: 255, 236, 253;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-1: 77, 0, 48;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-2: 114, 3, 70;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-3: 151, 12, 91;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-4: 189, 25, 112;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-5: 226, 41, 133;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-6: 232, 53, 137;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-7: 238, 97, 158;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-8: 243, 143, 183;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-9: 249, 192, 213;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-10: 255, 242, 247;
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-white: rgb(var(--o-white));
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-black: rgb(var(--o-black));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规
- */
- --o-color-primary1: rgb(var(--o-mixedgray-14));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮
- */
- --o-color-primary2: rgb(var(--o-mixedgray-13));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活
- */
- --o-color-primary3: rgb(var(--o-mixedgray-12));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用
- */
- --o-color-primary4: rgb(var(--o-mixedgray-8));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规-浅
- */
- --o-color-primary1-light: rgb(var(--o-mixedgray-5));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮-浅
- */
- --o-color-primary2-light: rgb(var(--o-mixedgray-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活-浅
- */
- --o-color-primary3-light: rgb(var(--o-mixedgray-7));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用-浅
- */
- --o-color-primary4-light: rgb(var(--o-mixedgray-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规
- */
- --o-color-success1: rgb(var(--o-green-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮
- */
- --o-color-success2: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活
- */
- --o-color-success3: rgb(var(--o-green-7));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用
- */
- --o-color-success4: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规-浅
- */
- --o-color-success1-light: rgb(var(--o-green-2));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮-浅
- */
- --o-color-success2-light: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活-浅
- */
- --o-color-success3-light: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用-浅
- */
- --o-color-success4-light: rgb(var(--o-green-1));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规
- */
- --o-color-warning1: rgb(var(--o-orange-6));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮
- */
- --o-color-warning2: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活
- */
- --o-color-warning3: rgb(var(--o-orange-7));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用
- */
- --o-color-warning4: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规-浅
- */
- --o-color-warning1-light: rgb(var(--o-orange-2));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮-浅
- */
- --o-color-warning2-light: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活-浅
- */
- --o-color-warning3-light: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用-浅
- */
- --o-color-warning4-light: rgb(var(--o-orange-1));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规
- */
- --o-color-danger1: rgb(var(--o-red-6));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮
- */
- --o-color-danger2: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活
- */
- --o-color-danger3: rgb(var(--o-red-7));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用
- */
- --o-color-danger4: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规-浅
- */
- --o-color-danger1-light: rgb(var(--o-red-2));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮-浅
- */
- --o-color-danger2-light: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活-浅
- */
- --o-color-danger3-light: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用-浅
- */
- --o-color-danger4-light: rgb(var(--o-red-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 一级填充:页面背景
- */
- --o-color-fill1: rgb(var(--o-mixedgray-3));
- /**
- * @name
- * @type color
- * @group fill
- * @description 二级填充:区块/卡片
- */
- --o-color-fill2: rgb(var(--o-mixedgray-4));
- /**
- * @name
- * @type color
- * @group fill
- * @description 三级填充:卡片
- */
- --o-color-fill3: rgb(var(--o-mixedgray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 常规,常用于边框
- */
- --o-color-control1: rgba(var(--o-mixedgray-14), 0.25);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮,常用于边框
- */
- --o-color-control2: rgba(var(--o-mixedgray-14), 0.6);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活,常用于边框
- */
- --o-color-control3: rgba(var(--o-mixedgray-14), 0.8);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于边框
- */
- --o-color-control4: rgba(var(--o-mixedgray-14), 0.15);
- /**
- * @name
- * @type color
- * @group control
- * @description 常规-浅,常用于背景
- */
- --o-color-control1-light: rgb(var(--o-mixedgray-7));
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮-浅,常用于背景
- */
- --o-color-control2-light: rgb(var(--o-mixedgray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 激活-浅,常用于背景
- */
- --o-color-control3-light: rgb(var(--o-mixedgray-6));
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用-浅,常用于背景
- */
- --o-color-control4-light: rgb(var(--o-mixedgray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 很浅,常用于表格背景色
- */
- --o-color-control-light: rgb(var(--o-mixedgray-4));
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/强调/标题
- */
- --o-color-info1: rgba(var(--o-mixedgray-14), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/次强调/正文
- */
- --o-color-info2: rgba(var(--o-mixedgray-14), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息
- */
- --o-color-info3: rgba(var(--o-mixedgray-14), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用
- */
- --o-color-info4: rgba(var(--o-mixedgray-14), 0.4);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/次强调/正文反色
- */
- --o-color-info1-inverse: rgba(var(--o-mixedgray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/辅助信息反色
- */
- --o-color-info2-inverse: rgba(var(--o-mixedgray-1), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息反色
- */
- --o-color-info3-inverse: rgba(var(--o-mixedgray-1), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用反色
- */
- --o-color-info4-inverse: rgba(var(--o-mixedgray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 全局遮罩
- */
- --o-color-mask1: rgba(var(--o-mixedgray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 局部遮罩
- */
- --o-color-mask2: rgba(var(--o-mixedgray-4), 0.2);
- /**
- * @name
- * @type color
- * @group link
- * @description 常规
- */
- --o-color-link1: rgba(var(--o-deepblue-6), 1.0);
- /**
- * @name
- * @type color
- * @group link
- * @description 悬浮
- */
- --o-color-link2: rgba(var(--o-deepblue-6), 0.7);
- /**
- * @name
- * @type color
- * @group link
- * @description 激活
- */
- --o-color-link3: rgba(var(--o-deepblue-6), 0.9);
- /**
- * @name
- * @type color
- * @group link
- * @description 禁用
- */
- --o-color-link4: rgba(var(--o-deepblue-6), 0.4);
- /**
- * @name 阴影1
- * @type shadow
- * @group shadow
- * @description 用于卡片、小弹窗、楼层阴影
- */
- --o-shadow-1: 0 3px 8px rgba(var(--o-mixedgray-1), 0.08);
- /**
- * @name 阴影2
- * @type shadow
- * @group shadow
- * @description 用于卡片悬浮阴影
- */
- --o-shadow-2: 0 2px 24px rgba(var(--o-mixedgray-1), 0.15);
- /**
- * @name 阴影3
- * @type shadow
- * @group shadow
- * @description 用于提示阴影
- */
- --o-shadow-3: 0 8px 40px rgba(var(--o-mixedgray-1), 0.1);
- /**
- * @name 间距1
- * @type gap
- * @group gap
- * @description 用于组件之间的间距1
- */
- --o-gap-1: 4px;
- /**
- * @name 间距2
- * @type gap
- * @group gap
- * @description 用于组件之间的间距2
- */
- --o-gap-2: 8px;
- /**
- * @name 间距3
- * @type gap
- * @group gap
- * @description 用于组件之间的间距3
- */
- --o-gap-3: 12px;
- /**
- * @name 间距4
- * @type gap
- * @group gap
- * @description 用于组件之间的间距4
- */
- --o-gap-4: 16px;
- /**
- * @name 间距5
- * @type gap
- * @group gap
- * @description 用于组件之间的间距5
- */
- --o-gap-5: 24px;
- /**
- * @name 间距6
- * @type gap
- * @group gap
- * @description 用于组件之间的间距6
- */
- --o-gap-6: 32px;
- /**
- * @name 间距7
- * @type gap
- * @group gap
- * @description 用于组件之间的间距7
- */
- --o-gap-7: 40px;
- /**
- * @name 间距8
- * @type gap
- * @group gap
- * @description 用于组件之间的间距8
- */
- --o-gap-8: 48px;
- /**
- * @name 间距9
- * @type gap
- * @group gap
- * @description 用于组件之间的间距9
- */
- --o-gap-9: 64px;
- /**
- * @name 间距10
- * @type gap
- * @group gap
- * @description 用于组件之间的间距10
- */
- --o-gap-10: 72px;
- /**
- * @name 超小尺寸
- * @type size
- * @group control_size
- * @description 超小尺寸
- */
- --o-control_size-2xs: 14px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-xs: 16px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-s: 24px;
- /**
- * @name 中尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-m: 32px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-l: 40px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-xl: 48px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-2xl: 56px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size
- * @description 超小尺寸图标
- */
- --o-icon_size-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size
- * @description 小尺寸图标
- */
- --o-icon_size-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size
- * @description 中尺寸图标
- */
- --o-icon_size-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size
- * @description 大尺寸图标
- */
- --o-icon_size-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size
- * @description 超大尺寸图标
- */
- --o-icon_size-xl: 40px;
- /**
- * @name 2xl尺寸图标
- * @type size
- * @group icon_size
- * @description 2xl尺寸图标
- */
- --o-icon_size-2xl: 48px;
- /**
- * @name 3xl尺寸图标
- * @type size
- * @group icon_size
- * @description 3xl尺寸图标
- */
- --o-icon_size-3xl: 56px;
- /**
- * @name 4xl尺寸图标
- * @type size
- * @group icon_size
- * @description 4xl尺寸图标
- */
- --o-icon_size-4xl: 64px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size_control
- * @description 中尺寸控件图标(组件使用)
- */
- --o-icon_size_control-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xl: 40px;
- /**
- * @name 一级数据展示
- * @type font
- * @group font_size
- * @description 一级数据展示
- */
- --o-font_size-display1: 56px;
- /**
- * @name 二级数据展示
- * @type font
- * @group font_size
- * @description 二级数据展示
- */
- --o-font_size-display2: 48px;
- /**
- * @name 三级数据展示
- * @type font
- * @group font_size
- * @description 三级数据展示
- */
- --o-font_size-display3: 40px;
- /**
- * @name 一级标题
- * @type font
- * @group font_size
- * @description 一级标题
- */
- --o-font_size-h1: 32px;
- /**
- * @name 二级标题
- * @type font
- * @group font_size
- * @description 二级标题
- */
- --o-font_size-h2: 24px;
- /**
- * @name 三级标题
- * @type font
- * @group font_size
- * @description 三级标题
- */
- --o-font_size-h3: 22px;
- /**
- * @name 四级标题
- * @type font
- * @group font_size
- * @description 四级标题
- */
- --o-font_size-h4: 20px;
- /**
- * @name 常规正文
- * @type font
- * @group font_size
- * @description 常规正文
- */
- --o-font_size-text1: 16px;
- /**
- * @name 大号正文
- * @type font
- * @group font_size
- * @description 大号正文
- */
- --o-font_size-text2: 18px;
- /**
- * @name 提示文本1
- * @type font
- * @group font_size
- * @description 提示文本1
- */
- --o-font_size-tip1: 14px;
- /**
- * @name 提示文本2
- * @type font
- * @group font_size
- * @description 提示文本2
- */
- --o-font_size-tip2: 12px;
- /**
- * @name 一级数据展示
- * @type font
- * @group line_height
- * @description 一级数据展示
- */
- --o-line_height-display1: 80px;
- /**
- * @name 二级数据展示
- * @type font
- * @group line_height
- * @description 二级数据展示
- */
- --o-line_height-display2: 64px;
- /**
- * @name 三级数据展示
- * @type font
- * @group line_height
- * @description 三级数据展示
- */
- --o-line_height-display3: 56px;
- /**
- * @name 一级标题
- * @type font
- * @group line_height
- * @description 一级标题
- */
- --o-line_height-h1: 44px;
- /**
- * @name 二级标题
- * @type font
- * @group line_height
- * @description 二级标题
- */
- --o-line_height-h2: 32px;
- /**
- * @name 三级标题
- * @type font
- * @group line_height
- * @description 三级标题
- */
- --o-line_height-h3: 30px;
- /**
- * @name 四级标题
- * @type font
- * @group line_height
- * @description 四级标题
- */
- --o-line_height-h4: 28px;
- /**
- * @name 正文
- * @type font
- * @group line_height
- * @description 正文
- */
- --o-line_height-text1: 24px;
- /**
- * @name 正文-大
- * @type font
- * @group line_height
- * @description 正文-大
- */
- --o-line_height-text2: 26x;
- /**
- * @name 提示文本1
- * @type font
- * @group line_height
- * @description 提示文本1
- */
- --o-line_height-tip1: 22px;
- /**
- * @name 提示文本2
- * @type font
- * @group line_height
- * @description 提示文本2
- */
- --o-line_height-tip2: 18px;
- /**
- * @name 超小尺寸圆角
- * @type size
- * @group radius
- * @description 超小尺寸圆角
- */
- --o-radius-xs: 4px;
- /**
- * @name 小尺寸圆角
- * @type size
- * @group radius
- * @description 小尺寸圆角
- */
- --o-radius-s: 8px;
- /**
- * @name 中尺寸圆角
- * @type size
- * @group radius
- * @description 中尺寸圆角
- */
- --o-radius-m: 12px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角
- */
- --o-radius-l: 16px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角,一般用于卡片
- */
- --o-radius-xl: 24px;
- /**
- * @name 超小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 超小尺寸控件圆角(组件使用)
- */
- --o-radius_control-xs: 4px;
- /**
- * @name 小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 小尺寸控件圆角(组件使用)
- */
- --o-radius_control-s: 8px;
- /**
- * @name 中尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 中尺寸控件圆角(组件使用)
- */
- --o-radius_control-m: 12px;
- /**
- * @name 大尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 大尺寸控件圆角(组件使用)
- */
- --o-radius_control-l: 16px;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于退出屏幕的动画
- */
- --o-duration-s: 200ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard-in时进入屏幕的动画
- */
- --o-duration-m1: 250ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard时开始、结束的动画
- */
- --o-duration-m2: 300ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized-in时进入屏幕的动画
- */
- --o-duration-m3: 400ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时开始、结束的动画
- */
- --o-duration-l: 500ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时,轮播切换动画
- */
- --o-duration-xl: 1000ms;
- /**
- * @name 线性动画曲线
- * @type animation
- * @group easing
- * @description 线性曲线
- */
- --o-easing-linear: cubic-bezier(0, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-in: cubic-bezier(0, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-out: cubic-bezier(0.3, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-in: cubic-bezier(0.3, 0, 0.8, 0.15);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/ascend/common/a.light.token.css b/packages/opendesign/src/theme/ascend/common/a.light.token.css
deleted file mode 100644
index 10f88106209b396b57105b8a5310db8cf1010397..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/ascend/common/a.light.token.css
+++ /dev/null
@@ -1,1949 +0,0 @@
-/* theme: a.light */
-[data-o-theme="a.light"] {
- /**
- * @name
- * @type palette
- * @group white
- * @description
- */
- --o-white: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group black
- * @description
- */
- --o-black: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-1: 232, 240, 255;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-2: 194, 213, 254;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-3: 157, 184, 253;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-4: 120, 153, 252;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-5: 83, 119, 251;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-6: 46, 83, 250;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-7: 29, 55, 207;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-8: 15, 32, 163;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-9: 6, 15, 120;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-10: 0, 4, 77;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-1: 232, 255, 238;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-2: 177, 239, 195;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-3: 128, 224, 158;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-4: 84, 208, 127;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-5: 45, 193, 101;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-6: 11, 177, 81;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-7: 7, 152, 72;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-8: 4, 127, 63;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-9: 2, 102, 53;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-10: 0, 77, 42;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-1: 255, 246, 232;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-2: 254, 226, 186;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-3: 253, 202, 140;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-4: 252, 176, 95;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-5: 251, 147, 50;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-6: 250, 115, 5;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-7: 207, 88, 3;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-8: 163, 64, 2;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-9: 120, 42, 1;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-10: 77, 24, 0;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-1: 255, 234, 232;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-2: 250, 185, 182;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-3: 245, 136, 134;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-4: 240, 87, 90;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-5: 235, 43, 52;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-6: 230, 0, 18;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-7: 192, 0, 22;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-8: 153, 0, 23;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-9: 115, 0, 21;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-10: 77, 0, 17;
- /**
- * @name
- * @type palette
- * @group huaweired
- * @description
- */
- --o-red-huawei: 199, 0, 11;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-1: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-2: 243, 243, 245;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-3: 237, 237, 240;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-4: 232, 232, 235;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-5: 222, 222, 227;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-6: 210, 210, 217;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-7: 186, 186, 191;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-8: 149, 149, 156;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-9: 111, 111, 117;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-10: 85, 85, 92;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-11: 61, 61, 66;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-12: 37, 37, 41;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-13: 21, 21, 23;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-14: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-1: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-2: 244, 245, 247;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-3: 237, 239, 242;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-4: 232, 234, 237;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-5: 224, 226, 230;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-6: 209, 214, 219;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-7: 179, 185, 191;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-8: 144, 150, 158;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-9: 104, 109, 117;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-10: 79, 84, 92;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-11: 55, 59, 66;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-12: 32, 35, 41;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-13: 18, 20, 23;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-14: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-1: 255, 255, 232;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-2: 253, 251, 185;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-3: 251, 244, 139;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-4: 249, 233, 94;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-5: 247, 221, 49;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-6: 245, 205, 5;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-7: 203, 163, 3;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-8: 161, 124, 2;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-9: 119, 87, 1;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-10: 77, 54, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-1: 251, 255, 232;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-2: 233, 245, 184;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-3: 213, 236, 139;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-4: 192, 226, 97;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-5: 169, 217, 59;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-6: 146, 207, 23;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-7: 116, 174, 15;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-8: 88, 142, 8;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-9: 63, 109, 3;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-10: 41, 77, 0;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-1: 232, 255, 249;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-2: 176, 240, 226;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-3: 125, 225, 207;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-4: 79, 211, 191;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-5: 38, 196, 177;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-6: 3, 181, 165;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-7: 2, 155, 147;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-8: 1, 129, 127;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-9: 0, 101, 103;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-10: 0, 73, 77;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-1: 232, 249, 255;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-2: 185, 233, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-3: 138, 214, 249;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-4: 93, 192, 246;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-5: 48, 168, 243;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-6: 5, 142, 240;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-7: 3, 111, 199;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-8: 2, 83, 158;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-9: 1, 57, 117;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-10: 0, 34, 77;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-1: 245, 232, 255;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-2: 225, 192, 253;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-3: 203, 152, 251;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-4: 178, 113, 248;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-5: 152, 75, 246;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-6: 123, 37, 244;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-7: 92, 23, 202;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-8: 64, 12, 160;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-9: 41, 4, 118;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-10: 22, 0, 77;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-1: 255, 232, 253;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-2: 246, 188, 243;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-3: 238, 146, 235;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-4: 229, 107, 229;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-5: 216, 71, 221;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-6: 199, 37, 212;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-7: 163, 23, 178;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-8: 127, 13, 144;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-9: 93, 5, 110;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-10: 61, 0, 77;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-1: 255, 232, 240;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-2: 249, 185, 209;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-3: 243, 141, 182;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-4: 238, 98, 158;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-5: 232, 57, 139;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-6: 226, 18, 122;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-7: 189, 11, 106;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-8: 151, 6, 88;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-9: 114, 2, 69;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-10: 77, 0, 48;
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-white: rgb(var(--o-white));
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-black: rgb(var(--o-black));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规
- */
- --o-color-primary1: rgb(var(--o-mixedgray-12));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮
- */
- --o-color-primary2: rgb(var(--o-mixedgray-11));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活
- */
- --o-color-primary3: rgb(var(--o-mixedgray-13));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用
- */
- --o-color-primary4: rgb(var(--o-mixedgray-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规-浅
- */
- --o-color-primary1-light: rgb(var(--o-mixedgray-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮-浅
- */
- --o-color-primary2-light: rgb(var(--o-mixedgray-5));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活-浅
- */
- --o-color-primary3-light: rgb(var(--o-mixedgray-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用-浅
- */
- --o-color-primary4-light: rgb(var(--o-mixedgray-5));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规
- */
- --o-color-success1: rgb(var(--o-green-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮
- */
- --o-color-success2: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活
- */
- --o-color-success3: rgb(var(--o-green-7));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用
- */
- --o-color-success4: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规-浅
- */
- --o-color-success1-light: rgb(var(--o-green-2));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮-浅
- */
- --o-color-success2-light: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活-浅
- */
- --o-color-success3-light: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用-浅
- */
- --o-color-success4-light: rgb(var(--o-green-1));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规
- */
- --o-color-warning1: rgb(var(--o-orange-6));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮
- */
- --o-color-warning2: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活
- */
- --o-color-warning3: rgb(var(--o-orange-7));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用
- */
- --o-color-warning4: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规-浅
- */
- --o-color-warning1-light: rgb(var(--o-orange-2));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮-浅
- */
- --o-color-warning2-light: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活-浅
- */
- --o-color-warning3-light: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用-浅
- */
- --o-color-warning4-light: rgb(var(--o-orange-1));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规
- */
- --o-color-danger1: rgb(var(--o-red-6));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮
- */
- --o-color-danger2: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活
- */
- --o-color-danger3: rgb(var(--o-red-7));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用
- */
- --o-color-danger4: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规-浅
- */
- --o-color-danger1-light: rgb(var(--o-red-2));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮-浅
- */
- --o-color-danger2-light: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活-浅
- */
- --o-color-danger3-light: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用-浅
- */
- --o-color-danger4-light: rgb(var(--o-red-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 一级填充:页面背景
- */
- --o-color-fill1: rgb(var(--o-mixedgray-2));
- /**
- * @name
- * @type color
- * @group fill
- * @description 二级填充:区块/卡片
- */
- --o-color-fill2: rgb(var(--o-mixedgray-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 三级填充:卡片
- */
- --o-color-fill3: rgb(var(--o-mixedgray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 常规,常用于边框
- */
- --o-color-control1: rgba(var(--o-mixedgray-14), 0.25);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮,常用于边框
- */
- --o-color-control2: rgba(var(--o-mixedgray-14), 0.6);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活,常用于边框
- */
- --o-color-control3: rgba(var(--o-mixedgray-14), 0.8);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于边框
- */
- --o-color-control4: rgba(var(--o-mixedgray-14), 0.1);
- /**
- * @name
- * @type color
- * @group control
- * @description 常规-浅,常用于背景
- */
- --o-color-control1-light: rgb(var(--o-mixedgray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮-浅,常用于背景
- */
- --o-color-control2-light: rgb(var(--o-mixedgray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 激活-浅,常用于背景
- */
- --o-color-control3-light: rgb(var(--o-mixedgray-4));
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用-浅,常用于背景
- */
- --o-color-control4-light: rgb(var(--o-mixedgray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 很浅,常用于表格背景色
- */
- --o-color-control-light: rgb(var(--o-mixedgray-1));
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/强调/标题
- */
- --o-color-info1: rgba(var(--o-mixedgray-14), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/次强调/正文
- */
- --o-color-info2: rgba(var(--o-mixedgray-14), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息
- */
- --o-color-info3: rgba(var(--o-mixedgray-14), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用
- */
- --o-color-info4: rgba(var(--o-mixedgray-14), 0.4);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/次强调/正文反色
- */
- --o-color-info1-inverse: rgba(var(--o-mixedgray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/辅助信息反色
- */
- --o-color-info2-inverse: rgba(var(--o-mixedgray-1), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息反色
- */
- --o-color-info3-inverse: rgba(var(--o-mixedgray-1), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用反色
- */
- --o-color-info4-inverse: rgba(var(--o-mixedgray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 全局遮罩
- */
- --o-color-mask1: rgba(var(--o-mixedgray-14), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 局部遮罩
- */
- --o-color-mask2: rgba(var(--o-mixedgray-1), 0.2);
- /**
- * @name
- * @type color
- * @group link
- * @description 常规
- */
- --o-color-link1: rgba(var(--o-deepblue-6), 1.0);
- /**
- * @name
- * @type color
- * @group link
- * @description 悬浮
- */
- --o-color-link2: rgba(var(--o-deepblue-6), 0.7);
- /**
- * @name
- * @type color
- * @group link
- * @description 激活
- */
- --o-color-link3: rgba(var(--o-deepblue-6), 0.9);
- /**
- * @name
- * @type color
- * @group link
- * @description 禁用
- */
- --o-color-link4: rgba(var(--o-deepblue-6), 0.4);
- /**
- * @name 阴影1
- * @type shadow
- * @group shadow
- * @description 用于卡片、小弹窗、楼层阴影
- */
- --o-shadow-1: 0 3px 8px rgba(var(--o-mixedgray-13), 0.08);
- /**
- * @name 阴影2
- * @type shadow
- * @group shadow
- * @description 用于卡片悬浮阴影
- */
- --o-shadow-2: 0 2px 24px rgba(var(--o-mixedgray-13), 0.15);
- /**
- * @name 阴影3
- * @type shadow
- * @group shadow
- * @description 用于提示阴影
- */
- --o-shadow-3: 0 8px 40px rgba(var(--o-mixedgray-13), 0.1);
- /**
- * @name 间距1
- * @type gap
- * @group gap
- * @description 用于组件之间的间距1
- */
- --o-gap-1: 4px;
- /**
- * @name 间距2
- * @type gap
- * @group gap
- * @description 用于组件之间的间距2
- */
- --o-gap-2: 8px;
- /**
- * @name 间距3
- * @type gap
- * @group gap
- * @description 用于组件之间的间距3
- */
- --o-gap-3: 12px;
- /**
- * @name 间距4
- * @type gap
- * @group gap
- * @description 用于组件之间的间距4
- */
- --o-gap-4: 16px;
- /**
- * @name 间距5
- * @type gap
- * @group gap
- * @description 用于组件之间的间距5
- */
- --o-gap-5: 24px;
- /**
- * @name 间距6
- * @type gap
- * @group gap
- * @description 用于组件之间的间距6
- */
- --o-gap-6: 32px;
- /**
- * @name 间距7
- * @type gap
- * @group gap
- * @description 用于组件之间的间距7
- */
- --o-gap-7: 40px;
- /**
- * @name 间距8
- * @type gap
- * @group gap
- * @description 用于组件之间的间距8
- */
- --o-gap-8: 48px;
- /**
- * @name 间距9
- * @type gap
- * @group gap
- * @description 用于组件之间的间距9
- */
- --o-gap-9: 64px;
- /**
- * @name 间距10
- * @type gap
- * @group gap
- * @description 用于组件之间的间距10
- */
- --o-gap-10: 72px;
- /**
- * @name 超小尺寸
- * @type size
- * @group control_size
- * @description 超小尺寸
- */
- --o-control_size-2xs: 14px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-xs: 16px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-s: 24px;
- /**
- * @name 中尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-m: 32px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-l: 40px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-xl: 48px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-2xl: 56px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size
- * @description 超小尺寸图标
- */
- --o-icon_size-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size
- * @description 小尺寸图标
- */
- --o-icon_size-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size
- * @description 中尺寸图标
- */
- --o-icon_size-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size
- * @description 大尺寸图标
- */
- --o-icon_size-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size
- * @description 超大尺寸图标
- */
- --o-icon_size-xl: 40px;
- /**
- * @name 2xl尺寸图标
- * @type size
- * @group icon_size
- * @description 2xl尺寸图标
- */
- --o-icon_size-2xl: 48px;
- /**
- * @name 3xl尺寸图标
- * @type size
- * @group icon_size
- * @description 3xl尺寸图标
- */
- --o-icon_size-3xl: 56px;
- /**
- * @name 4xl尺寸图标
- * @type size
- * @group icon_size
- * @description 4xl尺寸图标
- */
- --o-icon_size-4xl: 64px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size_control
- * @description 中尺寸控件图标(组件使用)
- */
- --o-icon_size_control-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xl: 40px;
- /**
- * @name 一级数据展示
- * @type font
- * @group font_size
- * @description 一级数据展示
- */
- --o-font_size-display1: 56px;
- /**
- * @name 二级数据展示
- * @type font
- * @group font_size
- * @description 二级数据展示
- */
- --o-font_size-display2: 48px;
- /**
- * @name 三级数据展示
- * @type font
- * @group font_size
- * @description 三级数据展示
- */
- --o-font_size-display3: 40px;
- /**
- * @name 一级标题
- * @type font
- * @group font_size
- * @description 一级标题
- */
- --o-font_size-h1: 32px;
- /**
- * @name 二级标题
- * @type font
- * @group font_size
- * @description 二级标题
- */
- --o-font_size-h2: 24px;
- /**
- * @name 三级标题
- * @type font
- * @group font_size
- * @description 三级标题
- */
- --o-font_size-h3: 22px;
- /**
- * @name 四级标题
- * @type font
- * @group font_size
- * @description 四级标题
- */
- --o-font_size-h4: 20px;
- /**
- * @name 常规正文
- * @type font
- * @group font_size
- * @description 常规正文
- */
- --o-font_size-text1: 16px;
- /**
- * @name 大号正文
- * @type font
- * @group font_size
- * @description 大号正文
- */
- --o-font_size-text2: 18px;
- /**
- * @name 提示文本1
- * @type font
- * @group font_size
- * @description 提示文本1
- */
- --o-font_size-tip1: 14px;
- /**
- * @name 提示文本2
- * @type font
- * @group font_size
- * @description 提示文本2
- */
- --o-font_size-tip2: 12px;
- /**
- * @name 一级数据展示
- * @type font
- * @group line_height
- * @description 一级数据展示
- */
- --o-line_height-display1: 80px;
- /**
- * @name 二级数据展示
- * @type font
- * @group line_height
- * @description 二级数据展示
- */
- --o-line_height-display2: 64px;
- /**
- * @name 三级数据展示
- * @type font
- * @group line_height
- * @description 三级数据展示
- */
- --o-line_height-display3: 56px;
- /**
- * @name 一级标题
- * @type font
- * @group line_height
- * @description 一级标题
- */
- --o-line_height-h1: 44px;
- /**
- * @name 二级标题
- * @type font
- * @group line_height
- * @description 二级标题
- */
- --o-line_height-h2: 32px;
- /**
- * @name 三级标题
- * @type font
- * @group line_height
- * @description 三级标题
- */
- --o-line_height-h3: 30px;
- /**
- * @name 四级标题
- * @type font
- * @group line_height
- * @description 四级标题
- */
- --o-line_height-h4: 28px;
- /**
- * @name 正文
- * @type font
- * @group line_height
- * @description 正文
- */
- --o-line_height-text1: 24px;
- /**
- * @name 正文-大
- * @type font
- * @group line_height
- * @description 正文-大
- */
- --o-line_height-text2: 26px;
- /**
- * @name 提示文本1
- * @type font
- * @group line_height
- * @description 提示文本1
- */
- --o-line_height-tip1: 22px;
- /**
- * @name 提示文本2
- * @type font
- * @group line_height
- * @description 提示文本2
- */
- --o-line_height-tip2: 18px;
- /**
- * @name 超小尺寸圆角
- * @type size
- * @group radius
- * @description 超小尺寸圆角
- */
- --o-radius-xs: 4px;
- /**
- * @name 小尺寸圆角
- * @type size
- * @group radius
- * @description 小尺寸圆角
- */
- --o-radius-s: 8px;
- /**
- * @name 中尺寸圆角
- * @type size
- * @group radius
- * @description 中尺寸圆角
- */
- --o-radius-m: 12px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角
- */
- --o-radius-l: 16px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角,一般用于卡片
- */
- --o-radius-xl: 24px;
- /**
- * @name 超小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 超小尺寸控件圆角(组件使用)
- */
- --o-radius_control-xs: 4px;
- /**
- * @name 小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 小尺寸控件圆角(组件使用)
- */
- --o-radius_control-s: 8px;
- /**
- * @name 中尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 中尺寸控件圆角(组件使用)
- */
- --o-radius_control-m: 12px;
- /**
- * @name 大尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 大尺寸控件圆角(组件使用)
- */
- --o-radius_control-l: 16px;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于退出屏幕的动画
- */
- --o-duration-s: 200ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard-in时进入屏幕的动画
- */
- --o-duration-m1: 250ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard时开始、结束的动画
- */
- --o-duration-m2: 300ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized-in时进入屏幕的动画
- */
- --o-duration-m3: 400ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时开始、结束的动画
- */
- --o-duration-l: 500ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时,轮播切换动画
- */
- --o-duration-xl: 1000ms;
- /**
- * @name 线性动画曲线
- * @type animation
- * @group easing
- * @description 线性曲线
- */
- --o-easing-linear: cubic-bezier(0, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-in: cubic-bezier(0, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-out: cubic-bezier(0.3, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-in: cubic-bezier(0.3, 0, 0.8, 0.15);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/ascend/common/base.scss b/packages/opendesign/src/theme/ascend/common/base.scss
deleted file mode 100644
index 20c3df2eb1d8e2fd3688fe92528ae8cb748610df..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/ascend/common/base.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-[class^='c-'],
-[class*=' c-'] {
- box-sizing: border-box;
-}
-
-[data-o-theme='a.light'] {
- --ak-color-band-start: 46, 83, 250;
- --ak-color-band-end: 123, 37, 244;
-}
-[data-o-theme='a.dark'] {
- --ak-color-band-start: 84, 120, 251;
- --ak-color-band-end: 152, 74, 246;
-}
diff --git a/packages/opendesign/src/theme/ascend/common/index.scss b/packages/opendesign/src/theme/ascend/common/index.scss
deleted file mode 100644
index ad42fcf6d105cb2227ed7a11c72589cd73eb0e23..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/ascend/common/index.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@use './a.light.token.css' as *;
-@use './a.dark.token.css' as *;
-@use './base.scss' as *;
diff --git a/packages/opendesign/src/theme/ascend/index.scss b/packages/opendesign/src/theme/ascend/index.scss
index f9e1c2175d3ae5106af6ebf050433943845474c0..d214035fc7b02cf8eb52bd70e31c0d4cab5d5481 100644
--- a/packages/opendesign/src/theme/ascend/index.scss
+++ b/packages/opendesign/src/theme/ascend/index.scss
@@ -1,5 +1,5 @@
// Token 及公共样式
-@use './common/index.scss' as *;
+// @use './common/index.scss' as *;
// 样式
@use '../../index.scss' as *;
diff --git a/packages/opendesign/src/theme/ascend/token.config.ts b/packages/opendesign/src/theme/ascend/token.config.ts
deleted file mode 100644
index 22063ad7c88e4fbf3e66744e3e7a7c5126b7bf0c..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/ascend/token.config.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-module.exports = {
- prefix: '--o-',
- output: './common',
- themeMap: [
- {
- key: 'light',
- name: 'a.light',
- },
- {
- key: 'dark',
- name: 'a.dark',
- },
- ],
- defaultTheme: '',
- tokenFile: ['./token.json'],
- codeSnippetsFile: './a.token.code-snippets',
-};
diff --git a/packages/opendesign/src/theme/ascend/token.json b/packages/opendesign/src/theme/ascend/token.json
deleted file mode 100644
index 30ca0270e6bb65836614ad0bd1809e1474820f91..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/ascend/token.json
+++ /dev/null
@@ -1,2428 +0,0 @@
-{
- "white": {
- "name": "白色",
- "type": "palette",
- "typeName": "颜色",
- "value": [
- {
- "key": "white",
- "value": {
- "light": "255, 255, 255",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "black": {
- "name": "黑色",
- "type": "palette",
- "typeName": "颜色",
- "value": [
- {
- "key": "black",
- "value": {
- "light": "0, 0, 0",
- "dark": "0, 0, 0"
- }
- }
- ]
- },
- "deepblue": {
- "name": "深蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "deepblue-1",
- "value": {
- "light": "232, 240, 255",
- "dark": "0, 4, 77"
- }
- },
- {
- "key": "deepblue-2",
- "value": {
- "light": "194, 213, 254",
- "dark": "6, 15, 120"
- }
- },
- {
- "key": "deepblue-3",
- "value": {
- "light": "157, 184, 253",
- "dark": "20, 37, 163"
- }
- },
- {
- "key": "deepblue-4",
- "value": {
- "light": "120, 153, 252",
- "dark": "40, 65, 207"
- }
- },
- {
- "key": "deepblue-5",
- "value": {
- "light": "83, 119, 251",
- "dark": "66, 99, 250"
- }
- },
- {
- "key": "deepblue-6",
- "value": {
- "light": "46, 83, 250",
- "dark": "84, 120, 251"
- }
- },
- {
- "key": "deepblue-7",
- "value": {
- "light": "29, 55, 207",
- "dark": "122, 154, 252"
- }
- },
- {
- "key": "deepblue-8",
- "value": {
- "light": "15, 32, 163",
- "dark": "160, 186, 253"
- }
- },
- {
- "key": "deepblue-9",
- "value": {
- "light": "6, 15, 120",
- "dark": "199, 217, 254"
- }
- },
- {
- "key": "deepblue-10",
- "value": {
- "light": "0, 4, 77",
- "dark": "238, 244, 255"
- }
- }
- ]
- },
- "green": {
- "name": "绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "green-1",
- "value": {
- "light": "232, 255, 238",
- "dark": "0, 77, 42"
- }
- },
- {
- "key": "green-2",
- "value": {
- "light": "177, 239, 195",
- "dark": "2, 102, 53"
- }
- },
- {
- "key": "green-3",
- "value": {
- "light": "128, 224, 158",
- "dark": "10, 127, 66"
- }
- },
- {
- "key": "green-4",
- "value": {
- "light": "84, 208, 127",
- "dark": "22, 152, 80"
- }
- },
- {
- "key": "green-5",
- "value": {
- "light": "45, 193, 101",
- "dark": "36, 177, 95"
- }
- },
- {
- "key": "green-6",
- "value": {
- "light": "11, 177, 81",
- "dark": "51, 193, 104"
- }
- },
- {
- "key": "green-7",
- "value": {
- "light": "7, 152, 72",
- "dark": "90, 208, 131"
- }
- },
- {
- "key": "green-8",
- "value": {
- "light": "4, 127, 63",
- "dark": "135, 224, 163"
- }
- },
- {
- "key": "green-9",
- "value": {
- "light": "2, 102, 53",
- "dark": "185, 239, 200"
- }
- },
- {
- "key": "green-10",
- "value": {
- "light": "0, 77, 42",
- "dark": "240, 255, 244"
- }
- }
- ]
- },
- "orange": {
- "name": "橘红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "orange-1",
- "value": {
- "light": "255, 246, 232",
- "dark": "77, 24, 0"
- }
- },
- {
- "key": "orange-2",
- "value": {
- "light": "254, 226, 186",
- "dark": "120, 42, 1"
- }
- },
- {
- "key": "orange-3",
- "value": {
- "light": "253, 202, 140",
- "dark": "163, 68, 8"
- }
- },
- {
- "key": "orange-4",
- "value": {
- "light": "252, 176, 95",
- "dark": "207, 97, 19"
- }
- },
- {
- "key": "orange-5",
- "value": {
- "light": "251, 147, 50",
- "dark": "250, 130, 33"
- }
- },
- {
- "key": "orange-6",
- "value": {
- "light": "250, 115, 5",
- "dark": "251, 143, 43"
- }
- },
- {
- "key": "orange-7",
- "value": {
- "light": "207, 88, 3",
- "dark": "252, 174, 91"
- }
- },
- {
- "key": "orange-8",
- "value": {
- "light": "163, 64, 2",
- "dark": "253, 202, 139"
- }
- },
- {
- "key": "orange-9",
- "value": {
- "light": "120, 42, 1",
- "dark": "254, 227, 188"
- }
- },
- {
- "key": "orange-10",
- "value": {
- "light": "77, 24, 0",
- "dark": "255, 248, 237"
- }
- }
- ]
- },
- "red": {
- "name": "红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "red-1",
- "value": {
- "light": "255, 234, 232",
- "dark": "77, 0, 17"
- }
- },
- {
- "key": "red-2",
- "value": {
- "light": "250, 185, 182",
- "dark": "115, 3, 24"
- }
- },
- {
- "key": "red-3",
- "value": {
- "light": "245, 136, 134",
- "dark": "153, 9, 31"
- }
- },
- {
- "key": "red-4",
- "value": {
- "light": "240, 87, 90",
- "dark": "192, 17, 37"
- }
- },
- {
- "key": "red-5",
- "value": {
- "light": "235, 43, 52",
- "dark": "230, 28, 43"
- }
- },
- {
- "key": "red-6",
- "value": {
- "light": "230, 0, 18",
- "dark": "235, 35, 45"
- }
- },
- {
- "key": "red-7",
- "value": {
- "light": "192, 0, 22",
- "dark": "240, 82, 85"
- }
- },
- {
- "key": "red-8",
- "value": {
- "light": "153, 0, 23",
- "dark": "245, 132, 130"
- }
- },
- {
- "key": "red-9",
- "value": {
- "light": "115, 0, 21",
- "dark": "250, 183, 180"
- }
- },
- {
- "key": "red-10",
- "value": {
- "light": "77, 0, 17",
- "dark": "255, 234, 232"
- }
- }
- ]
- },
- "huaweired": {
- "name": "华为红",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "red-huawei",
- "value": {
- "light": "199, 0, 11",
- "dark": "199, 0, 11"
- }
- }
- ]
- },
- "gray": {
- "name": "中性灰",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "gray-1",
- "value": {
- "light": "255, 255, 255",
- "dark": "0, 0, 0"
- }
- },
- {
- "key": "gray-2",
- "value": {
- "light": "243, 243, 245",
- "dark": "18, 18, 20"
- }
- },
- {
- "key": "gray-3",
- "value": {
- "light": "237, 237, 240",
- "dark": "26, 26, 28"
- }
- },
- {
- "key": "gray-4",
- "value": {
- "light": "232, 232, 235",
- "dark": "36, 36, 39"
- }
- },
- {
- "key": "gray-5",
- "value": {
- "light": "222, 222, 227",
- "dark": "43, 43, 47"
- }
- },
- {
- "key": "gray-6",
- "value": {
- "light": "210, 210, 217",
- "dark": "53, 53, 57"
- }
- },
- {
- "key": "gray-7",
- "value": {
- "light": "186, 186, 191",
- "dark": "63, 63, 67"
- }
- },
- {
- "key": "gray-8",
- "value": {
- "light": "149, 149, 156",
- "dark": "85, 85, 88"
- }
- },
- {
- "key": "gray-9",
- "value": {
- "light": "111, 111, 117",
- "dark": "118, 118, 122"
- }
- },
- {
- "key": "gray-10",
- "value": {
- "light": "85, 85, 92",
- "dark": "156, 156, 159"
- }
- },
- {
- "key": "gray-11",
- "value": {
- "light": "61, 61, 66",
- "dark": "181, 181, 185"
- }
- },
- {
- "key": "gray-12",
- "value": {
- "light": "37, 37, 41",
- "dark": "208, 208, 210"
- }
- },
- {
- "key": "gray-13",
- "value": {
- "light": "21, 21, 23",
- "dark": "235, 235, 238"
- }
- },
- {
- "key": "gray-14",
- "value": {
- "light": "0, 0, 0",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "mixedgray": {
- "name": "混合中性色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "mixedgray-1",
- "value": {
- "light": "255, 255, 255",
- "dark": "0, 0, 0"
- }
- },
- {
- "key": "mixedgray-2",
- "value": {
- "light": "244, 245, 247",
- "dark": "16, 18, 20"
- }
- },
- {
- "key": "mixedgray-3",
- "value": {
- "light": "237, 239, 242",
- "dark": "23, 25, 28"
- }
- },
- {
- "key": "mixedgray-4",
- "value": {
- "light": "232, 234, 237",
- "dark": "33, 35, 39"
- }
- },
- {
- "key": "mixedgray-5",
- "value": {
- "light": "224, 226, 230",
- "dark": "40, 42, 47"
- }
- },
- {
- "key": "mixedgray-6",
- "value": {
- "light": "209, 214, 219",
- "dark": "50, 53, 57"
- }
- },
- {
- "key": "mixedgray-7",
- "value": {
- "light": "179, 185, 191",
- "dark": "61, 63, 67"
- }
- },
- {
- "key": "mixedgray-8",
- "value": {
- "light": "144, 150, 158",
- "dark": "80, 84, 88"
- }
- },
- {
- "key": "mixedgray-9",
- "value": {
- "light": "104, 109, 117",
- "dark": "113, 117, 122"
- }
- },
- {
- "key": "mixedgray-10",
- "value": {
- "light": "79, 84, 92",
- "dark": "147, 152, 159"
- }
- },
- {
- "key": "mixedgray-11",
- "value": {
- "light": "55, 59, 66",
- "dark": "172, 177, 185"
- }
- },
- {
- "key": "mixedgray-12",
- "value": {
- "light": "32, 35, 41",
- "dark": "198, 202, 210"
- }
- },
- {
- "key": "mixedgray-13",
- "value": {
- "light": "18, 20, 23",
- "dark": "231, 234, 238"
- }
- },
- {
- "key": "mixedgray-14",
- "value": {
- "light": "0, 0, 0",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "yellow": {
- "name": "黄色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "yellow-1",
- "value": {
- "light": "255, 255, 232",
- "dark": "77, 54, 0"
- }
- },
- {
- "key": "yellow-2",
- "value": {
- "light": "253, 251, 185",
- "dark": "119, 87, 2"
- }
- },
- {
- "key": "yellow-3",
- "value": {
- "light": "251, 244, 139",
- "dark": "161, 126, 11"
- }
- },
- {
- "key": "yellow-4",
- "value": {
- "light": "249, 233, 94",
- "dark": "203, 167, 24"
- }
- },
- {
- "key": "yellow-5",
- "value": {
- "light": "247, 221, 49",
- "dark": "245, 211, 42"
- }
- },
- {
- "key": "yellow-6",
- "value": {
- "light": "245, 205, 5",
- "dark": "247, 222, 54"
- }
- },
- {
- "key": "yellow-7",
- "value": {
- "light": "203, 163, 3",
- "dark": "249, 234, 100"
- }
- },
- {
- "key": "yellow-8",
- "value": {
- "light": "161, 124, 2",
- "dark": "251, 244, 146"
- }
- },
- {
- "key": "yellow-9",
- "value": {
- "light": "119, 87, 1",
- "dark": "253, 251, 192"
- }
- },
- {
- "key": "yellow-10",
- "value": {
- "light": "77, 54, 0",
- "dark": "255, 255, 240"
- }
- }
- ]
- },
- "lime": {
- "name": "黄绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "lime-1",
- "value": {
- "light": "251, 255, 232",
- "dark": "41, 77, 0"
- }
- },
- {
- "key": "lime-2",
- "value": {
- "light": "233, 245, 184",
- "dark": "63, 109, 3"
- }
- },
- {
- "key": "lime-3",
- "value": {
- "light": "213, 236, 139",
- "dark": "91, 142, 14"
- }
- },
- {
- "key": "lime-4",
- "value": {
- "light": "192, 226, 97",
- "dark": "121, 174, 30"
- }
- },
- {
- "key": "lime-5",
- "value": {
- "light": "169, 217, 59",
- "dark": "155, 207, 50"
- }
- },
- {
- "key": "lime-6",
- "value": {
- "light": "146, 207, 23",
- "dark": "172, 217, 68"
- }
- },
- {
- "key": "lime-7",
- "value": {
- "light": "116, 174, 15",
- "dark": "194, 226, 104"
- }
- },
- {
- "key": "lime-8",
- "value": {
- "light": "88, 142, 8",
- "dark": "214, 236, 144"
- }
- },
- {
- "key": "lime-9",
- "value": {
- "light": "63, 109, 3",
- "dark": "233, 245, 186"
- }
- },
- {
- "key": "lime-10",
- "value": {
- "light": "41, 77, 0",
- "dark": "251, 255, 232"
- }
- }
- ]
- },
- "cyan": {
- "name": "青色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "cyan-1",
- "value": {
- "light": "232, 255, 249",
- "dark": "0, 73, 77"
- }
- },
- {
- "key": "cyan-2",
- "value": {
- "light": "176, 240, 226",
- "dark": "2, 101, 103"
- }
- },
- {
- "key": "cyan-3",
- "value": {
- "light": "125, 225, 207",
- "dark": "9, 129, 127"
- }
- },
- {
- "key": "cyan-4",
- "value": {
- "light": "79, 211, 191",
- "dark": "18, 155, 148"
- }
- },
- {
- "key": "cyan-5",
- "value": {
- "light": "38, 196, 177",
- "dark": "30, 181, 167"
- }
- },
- {
- "key": "cyan-6",
- "value": {
- "light": "3, 181, 165",
- "dark": "42, 196, 178"
- }
- },
- {
- "key": "cyan-7",
- "value": {
- "light": "2, 155, 147",
- "dark": "84, 211, 192"
- }
- },
- {
- "key": "cyan-8",
- "value": {
- "light": "1, 129, 127",
- "dark": "130, 225, 208"
- }
- },
- {
- "key": "cyan-9",
- "value": {
- "light": "0, 101, 103",
- "dark": "182, 240, 227"
- }
- },
- {
- "key": "cyan-10",
- "value": {
- "light": "0, 73, 77",
- "dark": "239, 255, 251"
- }
- }
- ]
- },
- "blue": {
- "name": "蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "blue-1",
- "value": {
- "light": "232, 249, 255",
- "dark": "0, 34, 77"
- }
- },
- {
- "key": "blue-2",
- "value": {
- "light": "185, 233, 252",
- "dark": "1, 57, 117"
- }
- },
- {
- "key": "blue-3",
- "value": {
- "light": "138, 214, 249",
- "dark": "8, 86, 158"
- }
- },
- {
- "key": "blue-4",
- "value": {
- "light": "93, 192, 246",
- "dark": "18, 118, 199"
- }
- },
- {
- "key": "blue-5",
- "value": {
- "light": "48, 168, 243",
- "dark": "31, 153, 240"
- }
- },
- {
- "key": "blue-6",
- "value": {
- "light": "5, 142, 240",
- "dark": "42, 166, 243"
- }
- },
- {
- "key": "blue-7",
- "value": {
- "light": "3, 111, 199",
- "dark": "89, 191, 246"
- }
- },
- {
- "key": "blue-8",
- "value": {
- "light": "2, 83, 158",
- "dark": "137, 214, 249"
- }
- },
- {
- "key": "blue-9",
- "value": {
- "light": "1, 57, 117",
- "dark": "187, 233, 252"
- }
- },
- {
- "key": "blue-10",
- "value": {
- "light": "0, 34, 77",
- "dark": "237, 250, 255"
- }
- }
- ]
- },
- "purple": {
- "name": "紫色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "purple-1",
- "value": {
- "light": "245, 232, 255",
- "dark": "22, 0, 77"
- }
- },
- {
- "key": "purple-2",
- "value": {
- "light": "225, 192, 253",
- "dark": "40, 3, 118"
- }
- },
- {
- "key": "purple-3",
- "value": {
- "light": "203, 152, 251",
- "dark": "66, 15, 160"
- }
- },
- {
- "key": "purple-4",
- "value": {
- "light": "178, 113, 248",
- "dark": "98, 33, 202"
- }
- },
- {
- "key": "purple-5",
- "value": {
- "light": "152, 75, 246",
- "dark": "134, 57, 244"
- }
- },
- {
- "key": "purple-6",
- "value": {
- "light": "123, 37, 244",
- "dark": "152, 74, 246"
- }
- },
- {
- "key": "purple-7",
- "value": {
- "light": "92, 23, 202",
- "dark": "179, 114, 248"
- }
- },
- {
- "key": "purple-8",
- "value": {
- "light": "64, 12, 160",
- "dark": "205, 156, 251"
- }
- },
- {
- "key": "purple-9",
- "value": {
- "light": "41, 4, 118",
- "dark": "228, 198, 253"
- }
- },
- {
- "key": "purple-10",
- "value": {
- "light": "22, 0, 77",
- "dark": "249, 240, 255"
- }
- }
- ]
- },
- "pink": {
- "name": "粉色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "pink-1",
- "value": {
- "light": "255, 232, 253",
- "dark": "61, 0, 77"
- }
- },
- {
- "key": "pink-2",
- "value": {
- "light": "246, 188, 243",
- "dark": "93, 5, 110"
- }
- },
- {
- "key": "pink-3",
- "value": {
- "light": "238, 146, 235",
- "dark": "127, 16, 144"
- }
- },
- {
- "key": "pink-4",
- "value": {
- "light": "229, 107, 229",
- "dark": "164, 33, 178"
- }
- },
- {
- "key": "pink-5",
- "value": {
- "light": "216, 71, 221",
- "dark": "200, 54, 212"
- }
- },
- {
- "key": "pink-6",
- "value": {
- "light": "199, 37, 212",
- "dark": "216, 72, 221"
- }
- },
- {
- "key": "pink-7",
- "value": {
- "light": "163, 23, 178",
- "dark": "229, 109, 229"
- }
- },
- {
- "key": "pink-8",
- "value": {
- "light": "127, 13, 144",
- "dark": "238, 149, 235"
- }
- },
- {
- "key": "pink-9",
- "value": {
- "light": "93, 5, 110",
- "dark": "246, 191, 243"
- }
- },
- {
- "key": "pink-10",
- "value": {
- "light": "61, 0, 77",
- "dark": "255, 236, 253"
- }
- }
- ]
- },
- "rosyred": {
- "name": "玫红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "rosyred-1",
- "value": {
- "light": "255, 232, 240",
- "dark": "77, 0, 48"
- }
- },
- {
- "key": "rosyred-2",
- "value": {
- "light": "249, 185, 209",
- "dark": "114, 3, 70"
- }
- },
- {
- "key": "rosyred-3",
- "value": {
- "light": "243, 141, 182",
- "dark": "151, 12, 91"
- }
- },
- {
- "key": "rosyred-4",
- "value": {
- "light": "238, 98, 158",
- "dark": "189, 25, 112"
- }
- },
- {
- "key": "rosyred-5",
- "value": {
- "light": "232, 57, 139",
- "dark": "226, 41, 133"
- }
- },
- {
- "key": "rosyred-6",
- "value": {
- "light": "226, 18, 122",
- "dark": "232, 53, 137"
- }
- },
- {
- "key": "rosyred-7",
- "value": {
- "light": "189, 11, 106",
- "dark": "238, 97, 158"
- }
- },
- {
- "key": "rosyred-8",
- "value": {
- "light": "151, 6, 88",
- "dark": "243, 143, 183"
- }
- },
- {
- "key": "rosyred-9",
- "value": {
- "light": "114, 2, 69",
- "dark": "249, 192, 213"
- }
- },
- {
- "key": "rosyred-10",
- "value": {
- "light": "77, 0, 48",
- "dark": "255, 242, 247"
- }
- }
- ]
- },
-
- "base": {
- "name": "基础色(不同皮肤色相不变)",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-white",
- "value": {
- "light": "rgb(var(--o-white))",
- "dark": "rgb(var(--o-white))"
- }
- },
- {
- "key": "color-black",
- "value": {
- "light": "rgb(var(--o-black))",
- "dark": "rgb(var(--o-black))"
- }
- }
- ]
- },
- "primary": {
- "name": "强调色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-primary1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-mixedgray-12))",
- "dark": "rgb(var(--o-mixedgray-14))"
- }
- },
- {
- "key": "color-primary2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-mixedgray-11))",
- "dark": "rgb(var(--o-mixedgray-13))"
- }
- },
- {
- "key": "color-primary3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-mixedgray-13))",
- "dark": "rgb(var(--o-mixedgray-12))"
- }
- },
- {
- "key": "color-primary4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-mixedgray-6))",
- "dark": "rgb(var(--o-mixedgray-8))"
- }
- },
- {
- "key": "color-primary1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-mixedgray-4))",
- "dark": "rgb(var(--o-mixedgray-5))"
- }
- },
- {
- "key": "color-primary2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-mixedgray-5))",
- "dark": "rgb(var(--o-mixedgray-6))"
- }
- },
- {
- "key": "color-primary3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-mixedgray-6))",
- "dark": "rgb(var(--o-mixedgray-7))"
- }
- },
- {
- "key": "color-primary4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-mixedgray-5))",
- "dark": "rgb(var(--o-mixedgray-6))"
- }
- }
- ]
- },
- "success": {
- "name": "成功色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-success1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-green-6))",
- "dark": "rgb(var(--o-green-6))"
- }
- },
- {
- "key": "color-success2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-green-4))",
- "dark": "rgb(var(--o-green-4))"
- }
- },
- {
- "key": "color-success3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-green-7))",
- "dark": "rgb(var(--o-green-7))"
- }
- },
- {
- "key": "color-success4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-green-3))",
- "dark": "rgb(var(--o-green-3))"
- }
- },
- {
- "key": "color-success1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-green-2))",
- "dark": "rgb(var(--o-green-2))"
- }
- },
- {
- "key": "color-success2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-green-3))",
- "dark": "rgb(var(--o-green-3))"
- }
- },
- {
- "key": "color-success3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-green-4))",
- "dark": "rgb(var(--o-green-4))"
- }
- },
- {
- "key": "color-success4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-green-1))",
- "dark": "rgb(var(--o-green-1))"
- }
- }
- ]
- },
- "warning": {
- "name": "告警色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-warning1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-orange-6))",
- "dark": "rgb(var(--o-orange-6))"
- }
- },
- {
- "key": "color-warning2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-orange-4))",
- "dark": "rgb(var(--o-orange-4))"
- }
- },
- {
- "key": "color-warning3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-orange-7))",
- "dark": "rgb(var(--o-orange-7))"
- }
- },
- {
- "key": "color-warning4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-orange-3))",
- "dark": "rgb(var(--o-orange-3))"
- }
- },
- {
- "key": "color-warning1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-orange-2))",
- "dark": "rgb(var(--o-orange-2))"
- }
- },
- {
- "key": "color-warning2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-orange-3))",
- "dark": "rgb(var(--o-orange-3))"
- }
- },
- {
- "key": "color-warning3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-orange-4))",
- "dark": "rgb(var(--o-orange-4))"
- }
- },
- {
- "key": "color-warning4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-orange-1))",
- "dark": "rgb(var(--o-orange-1))"
- }
- }
- ]
- },
- "danger": {
- "name": "危险色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-danger1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-red-6))",
- "dark": "rgb(var(--o-red-6))"
- }
- },
- {
- "key": "color-danger2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-red-4))",
- "dark": "rgb(var(--o-red-4))"
- }
- },
- {
- "key": "color-danger3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-red-7))",
- "dark": "rgb(var(--o-red-7))"
- }
- },
- {
- "key": "color-danger4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-red-3))",
- "dark": "rgb(var(--o-red-3))"
- }
- },
- {
- "key": "color-danger1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-red-2))",
- "dark": "rgb(var(--o-red-2))"
- }
- },
- {
- "key": "color-danger2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-red-3))",
- "dark": "rgb(var(--o-red-3))"
- }
- },
- {
- "key": "color-danger3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-red-4))",
- "dark": "rgb(var(--o-red-4))"
- }
- },
- {
- "key": "color-danger4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-red-1))",
- "dark": "rgb(var(--o-red-1))"
- }
- }
- ]
- },
- "fill": {
- "name": "填充色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-fill1",
- "description": "一级填充:页面背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-2))",
- "dark": "rgb(var(--o-mixedgray-3))"
- }
- },
- {
- "key": "color-fill2",
- "description": "二级填充:区块/卡片",
- "value": {
- "light": "rgb(var(--o-mixedgray-1))",
- "dark": "rgb(var(--o-mixedgray-4))"
- }
- },
- {
- "key": "color-fill3",
- "description": "三级填充:卡片",
- "value": {
- "light": "rgb(var(--o-mixedgray-3))",
- "dark": "rgb(var(--o-mixedgray-5))"
- }
- }
- ]
- },
- "control": {
- "name": "控件色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-control1",
- "description": "常规,常用于边框",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.25)",
- "dark": "rgba(var(--o-mixedgray-14), 0.25)"
- }
- },
- {
- "key": "color-control2",
- "description": "悬浮,常用于边框",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.6)",
- "dark": "rgba(var(--o-mixedgray-14), 0.6)"
- }
- },
- {
- "key": "color-control3",
- "description": "激活,常用于边框",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.8)",
- "dark": "rgba(var(--o-mixedgray-14), 0.8)"
- }
- },
- {
- "key": "color-control4",
- "description": "禁用,常用于边框",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.1)",
- "dark": "rgba(var(--o-mixedgray-14), 0.15)"
- }
- },
- {
- "key": "color-control1-light",
- "description": "常规-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-5))",
- "dark": "rgb(var(--o-mixedgray-7))"
- }
- },
- {
- "key": "color-control2-light",
- "description": "悬浮-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-3))",
- "dark": "rgb(var(--o-mixedgray-5))"
- }
- },
- {
- "key": "color-control3-light",
- "description": "激活-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-4))",
- "dark": "rgb(var(--o-mixedgray-6))"
- }
- },
- {
- "key": "color-control4-light",
- "description": "禁用-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-3))",
- "dark": "rgb(var(--o-mixedgray-5))"
- }
- },
- {
- "key": "color-control-light",
- "description": "很浅,常用于表格背景色",
- "value": {
- "light": "rgb(var(--o-mixedgray-1))",
- "dark": "rgb(var(--o-mixedgray-4))"
- }
- }
- ]
- },
- "info": {
- "name": "信息色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-info1",
- "description": "一级/强调/标题",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 1.0)",
- "dark": "rgba(var(--o-mixedgray-14), 1.0)"
- }
- },
- {
- "key": "color-info2",
- "description": "二级/次强调/正文",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.8)",
- "dark": "rgba(var(--o-mixedgray-14), 0.8)"
- }
- },
- {
- "key": "color-info3",
- "description": "三级/辅助信息",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.6)",
- "dark": "rgba(var(--o-mixedgray-14), 0.6)"
- }
- },
- {
- "key": "color-info4",
- "description": "置灰/禁用",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.4)",
- "dark": "rgba(var(--o-mixedgray-14), 0.4)"
- }
- },
- {
- "key": "color-info1-inverse",
- "description": "一级/次强调/正文反色",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 1.0)",
- "dark": "rgba(var(--o-mixedgray-1), 1.0)"
- }
- },
- {
- "key": "color-info2-inverse",
- "description": "二级/辅助信息反色",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 0.8)",
- "dark": "rgba(var(--o-mixedgray-1), 0.8)"
- }
- },
- {
- "key": "color-info3-inverse",
- "description": "三级/辅助信息反色",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 0.6)",
- "dark": "rgba(var(--o-mixedgray-1), 0.6)"
- }
- },
- {
- "key": "color-info4-inverse",
- "description": "置灰/禁用反色",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 0.4)",
- "dark": "rgba(var(--o-mixedgray-1), 0.4)"
- }
- }
- ]
- },
- "mask": {
- "name": "遮罩色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-mask1",
- "description": "全局遮罩",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.4)",
- "dark": "rgba(var(--o-mixedgray-1), 0.4)"
- }
- },
- {
- "key": "color-mask2",
- "description": "局部遮罩",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 0.2)",
- "dark": "rgba(var(--o-mixedgray-4), 0.2)"
- }
- }
- ]
- },
- "link": {
- "name": "链接色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-link1",
- "description": "常规",
- "value": {
- "light": "rgba(var(--o-deepblue-6), 1.0)",
- "dark": "rgba(var(--o-deepblue-6), 1.0)"
- }
- },
- {
- "key": "color-link2",
- "description": "悬浮",
- "value": {
- "light": "rgba(var(--o-deepblue-6), 0.7)",
- "dark": "rgba(var(--o-deepblue-6), 0.7)"
- }
- },
- {
- "key": "color-link3",
- "description": "激活",
- "value": {
- "light": "rgba(var(--o-deepblue-6), 0.9)",
- "dark": "rgba(var(--o-deepblue-6), 0.9)"
- }
- },
- {
- "key": "color-link4",
- "description": "禁用",
- "value": {
- "light": "rgba(var(--o-deepblue-6), 0.4)",
- "dark": "rgba(var(--o-deepblue-6), 0.4)"
- }
- }
- ]
- },
-
- "shadow": {
- "name": "阴影",
- "type": "shadow",
- "typeName": "阴影",
- "value": [
- {
- "key": "shadow-1",
- "name": "阴影1",
- "description": "用于卡片、小弹窗、楼层阴影",
- "value": {
- "light": "0 3px 8px rgba(var(--o-mixedgray-13), 0.08)",
- "dark": "0 3px 8px rgba(var(--o-mixedgray-1), 0.08)"
- }
- },
- {
- "key": "shadow-2",
- "name": "阴影2",
- "description": "用于卡片悬浮阴影",
- "value": {
- "light": "0 2px 24px rgba(var(--o-mixedgray-13), 0.15)",
- "dark": "0 2px 24px rgba(var(--o-mixedgray-1), 0.15)"
- }
- },
- {
- "key": "shadow-3",
- "name": "阴影3",
- "description": "用于提示阴影",
- "value": {
- "light": "0 8px 40px rgba(var(--o-mixedgray-13), 0.1)",
- "dark": "0 8px 40px rgba(var(--o-mixedgray-1), 0.1)"
- }
- }
- ]
- },
-
- "gap": {
- "name": "间距",
- "type": "gap",
- "typeName": "间距",
- "value": [
- {
- "key": "gap-1",
- "name": "间距1",
- "description": "用于组件之间的间距1",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "gap-2",
- "name": "间距2",
- "description": "用于组件之间的间距2",
- "value": {
- "light": "8px",
- "dark": "8px"
- }
- },
- {
- "key": "gap-3",
- "name": "间距3",
- "description": "用于组件之间的间距3",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- },
- {
- "key": "gap-4",
- "name": "间距4",
- "description": "用于组件之间的间距4",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "gap-5",
- "name": "间距5",
- "description": "用于组件之间的间距5",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "gap-6",
- "name": "间距6",
- "description": "用于组件之间的间距6",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "gap-7",
- "name": "间距7",
- "description": "用于组件之间的间距7",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "gap-8",
- "name": "间距8",
- "description": "用于组件之间的间距8",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "gap-9",
- "name": "间距9",
- "description": "用于组件之间的间距9",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- },
- {
- "key": "gap-10",
- "name": "间距10",
- "description": "用于组件之间的间距10",
- "value": {
- "light": "72px",
- "dark": "72px"
- }
- }
- ]
- },
-
- "control_size": {
- "name": "组件尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "control_size-2xs",
- "name": "超小尺寸",
- "description": "超小尺寸",
- "value": {
- "light": "14px",
- "dark": "14px"
- }
- },
- {
- "key": "control_size-xs",
- "name": "小尺寸",
- "description": "小尺寸",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "control_size-s",
- "name": "小尺寸",
- "description": "小尺寸",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "control_size-m",
- "name": "中尺寸",
- "description": "尺寸",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "control_size-l",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "control_size-xl",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "control_size-2xl",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- }
- ]
- },
-
- "icon_size": {
- "name": "图标尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "icon_size-xs",
- "name": "超小尺寸图标",
- "description": "超小尺寸图标",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "icon_size-s",
- "name": "小尺寸图标",
- "description": "小尺寸图标",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "icon_size-m",
- "name": "中尺寸图标",
- "description": "中尺寸图标",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "icon_size-l",
- "name": "大尺寸图标",
- "description": "大尺寸图标",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "icon_size-xl",
- "name": "超大尺寸图标",
- "description": "超大尺寸图标",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "icon_size-2xl",
- "name": "2xl尺寸图标",
- "description": "2xl尺寸图标",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "icon_size-3xl",
- "name": "3xl尺寸图标",
- "description": "3xl尺寸图标",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "icon_size-4xl",
- "name": "4xl尺寸图标",
- "description": "4xl尺寸图标",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- }
- ]
- },
- "icon_size_control": {
- "name": "组件图标尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "icon_size_control-xs",
- "name": "超小尺寸图标",
- "description": "超小尺寸控件图标(组件使用)",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "icon_size_control-s",
- "name": "小尺寸图标",
- "description": "小尺寸控件图标(组件使用)",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "icon_size_control-m",
- "name": "中尺寸图标",
- "description": "中尺寸控件图标(组件使用)",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "icon_size_control-l",
- "name": "大尺寸图标",
- "description": "大尺寸控件图标(组件使用)",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "icon_size_control-xl",
- "name": "超大尺寸图标",
- "description": "超大尺寸控件图标(组件使用)",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- }
- ]
- },
-
- "font_size": {
- "name": "字体尺寸",
- "type": "font",
- "typeName": "字体",
- "value": [
- {
- "key": "font_size-display1",
- "name": "一级数据展示",
- "description": "一级数据展示",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "font_size-display2",
- "name": "二级数据展示",
- "description": "二级数据展示",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "font_size-display3",
- "name": "三级数据展示",
- "description": "三级数据展示",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "font_size-h1",
- "name": "一级标题",
- "description": "一级标题",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "font_size-h2",
- "name": "二级标题",
- "description": "二级标题",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "font_size-h3",
- "name": "三级标题",
- "description": "三级标题",
- "value": {
- "light": "22px",
- "dark": "22px"
- }
- },
- {
- "key": "font_size-h4",
- "name": "四级标题",
- "description": "四级标题",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "font_size-text1",
- "name": "常规正文",
- "description": "常规正文",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "font_size-text2",
- "name": "大号正文",
- "description": "大号正文",
- "value": {
- "light": "18px",
- "dark": "18px"
- }
- },
- {
- "key": "font_size-tip1",
- "name": "提示文本1",
- "description": "提示文本1",
- "value": {
- "light": "14px",
- "dark": "14px"
- }
- },
- {
- "key": "font_size-tip2",
- "name": "提示文本2",
- "description": "提示文本2",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- }
- ]
- },
- "line_height": {
- "name": "字体行高",
- "type": "font",
- "typeName": "字体",
- "value": [
- {
- "key": "line_height-display1",
- "name": "一级数据展示",
- "description": "一级数据展示",
- "value": {
- "light": "80px",
- "dark": "80px"
- }
- },
- {
- "key": "line_height-display2",
- "name": "二级数据展示",
- "description": "二级数据展示",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- },
- {
- "key": "line_height-display3",
- "name": "三级数据展示",
- "description": "三级数据展示",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "line_height-h1",
- "name": "一级标题",
- "description": "一级标题",
- "value": {
- "light": "44px",
- "dark": "44px"
- }
- },
- {
- "key": "line_height-h2",
- "name": "二级标题",
- "description": "二级标题",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "line_height-h3",
- "name": "三级标题",
- "description": "三级标题",
- "value": {
- "light": "30px",
- "dark": "30px"
- }
- },
- {
- "key": "line_height-h4",
- "name": "四级标题",
- "description": "四级标题",
- "value": {
- "light": "28px",
- "dark": "28px"
- }
- },
- {
- "key": "line_height-text1",
- "name": "正文",
- "description": "正文",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "line_height-text2",
- "name": "正文-大",
- "description": "正文-大",
- "value": {
- "light": "26px",
- "dark": "26x"
- }
- },
- {
- "key": "line_height-tip1",
- "name": "提示文本1",
- "description": "提示文本1",
- "value": {
- "light": "22px",
- "dark": "22px"
- }
- },
- {
- "key": "line_height-tip2",
- "name": "提示文本2",
- "description": "提示文本2",
- "value": {
- "light": "18px",
- "dark": "18px"
- }
- }
- ]
- },
-
- "radius": {
- "name": "圆角尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "radius-xs",
- "name": "超小尺寸圆角",
- "description": "超小尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-s",
- "name": "小尺寸圆角",
- "description": "小尺寸圆角",
- "value": {
- "light": "8px",
- "dark": "8px"
- }
- },
- {
- "key": "radius-m",
- "name": "中尺寸圆角",
- "description": "中尺寸圆角",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- },
- {
- "key": "radius-l",
- "name": "大尺寸圆角",
- "description": "大尺寸圆角",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "radius-xl",
- "name": "大尺寸圆角",
- "description": "大尺寸圆角,一般用于卡片",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- }
- ]
- },
- "radius_control": {
- "name": "组件圆角尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "radius_control-xs",
- "name": "超小尺寸控件圆角",
- "description": "超小尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius_control-s",
- "name": "小尺寸控件圆角",
- "description": "小尺寸控件圆角(组件使用)",
- "value": {
- "light": "8px",
- "dark": "8px"
- }
- },
- {
- "key": "radius_control-m",
- "name": "中尺寸控件圆角",
- "description": "中尺寸控件圆角(组件使用)",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- },
- {
- "key": "radius_control-l",
- "name": "大尺寸控件圆角",
- "description": "大尺寸控件圆角(组件使用)",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- }
- ]
- },
-
- "duration": {
- "name": "动画持续时间",
- "type": "animation",
- "typeName": "动画",
- "value": [
- {
- "key": "duration-s",
- "name": "持续时间",
- "description": "用于退出屏幕的动画",
- "value": {
- "light": "200ms",
- "dark": "200ms"
- }
- },
- {
- "key": "duration-m1",
- "name": "持续时间",
- "description": "用于当曲线为standard-in时进入屏幕的动画",
- "value": {
- "light": "250ms",
- "dark": "250ms"
- }
- },
- {
- "key": "duration-m2",
- "name": "持续时间",
- "description": "用于当曲线为standard时开始、结束的动画",
- "value": {
- "light": "300ms",
- "dark": "300ms"
- }
- },
- {
- "key": "duration-m3",
- "name": "持续时间",
- "description": "用于当曲线为emphasized-in时进入屏幕的动画",
- "value": {
- "light": "400ms",
- "dark": "400ms"
- }
- },
- {
- "key": "duration-l",
- "name": "持续时间",
- "description": "用于当曲线为emphasized时开始、结束的动画",
- "value": {
- "light": "500ms",
- "dark": "500ms"
- }
- },
- {
- "key": "duration-xl",
- "name": "持续时间",
- "description": "用于当曲线为emphasized时,轮播切换动画",
- "value": {
- "light": "1000ms",
- "dark": "1000ms"
- }
- }
- ]
- },
-
- "easing": {
- "name": "动画曲线",
- "type": "animation",
- "typeName": "动画",
- "value": [
- {
- "key": "easing-linear",
- "name": "线性动画曲线",
- "description": "线性曲线",
- "value": {
- "light": "cubic-bezier(0, 0, 1, 1)",
- "dark": "cubic-bezier(0, 0, 1, 1)"
- }
- },
- {
- "key": "easing-standard",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0.2, 0, 0, 1)",
- "dark": "cubic-bezier(0.2, 0, 0, 1)"
- }
- },
- {
- "key": "easing-standard-in",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0, 0, 0, 1)",
- "dark": "cubic-bezier(0, 0, 0, 1)"
- }
- },
- {
- "key": "easing-standard-out",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0.3, 0, 1, 1)",
- "dark": "cubic-bezier(0.3, 0, 1, 1)"
- }
- },
- {
- "key": "easing-emphasized",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.2, 0, 0, 1)",
- "dark": "cubic-bezier(0.2, 0, 0, 1)"
- }
- },
- {
- "key": "easing-emphasized-in",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.3, 0, 0.8, 0.15)",
- "dark": "cubic-bezier(0.3, 0, 0.8, 0.15)"
- }
- },
- {
- "key": "easing-emphasized-out",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.05, 0.7, 0.1, 1)",
- "dark": "cubic-bezier(0.05, 0.7, 0.1, 1)"
- }
- }
- ]
- }
-}
diff --git a/packages/opendesign/src/theme/kunpeng/common/base.scss b/packages/opendesign/src/theme/kunpeng/common/base.scss
deleted file mode 100644
index 3dee5ae02258cd0c98498e4ca7d7001ab420ee02..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/kunpeng/common/base.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-[class^='c-'],
-[class*=' c-'] {
- box-sizing: border-box;
-}
-
-[data-o-theme='k.light'] {
- --ak-color-band-start: 255, 153, 51;
- --ak-color-band-end: 247, 77, 97;
-}
-[data-o-theme='k.dark'] {
- --ak-color-band-start: 255, 153, 51;
- --ak-color-band-end: 247, 77, 97;
-}
diff --git a/packages/opendesign/src/theme/kunpeng/common/index.scss b/packages/opendesign/src/theme/kunpeng/common/index.scss
deleted file mode 100644
index 34eda5bd215b4ac114c17faf0bb3c04ba9806cfe..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/kunpeng/common/index.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@use './k.light.token.css' as *;
-@use './k.dark.token.css' as *;
-@use './base.scss' as *;
diff --git a/packages/opendesign/src/theme/kunpeng/common/k.dark.token.css b/packages/opendesign/src/theme/kunpeng/common/k.dark.token.css
deleted file mode 100644
index 82225fdc6ab2d72d2637adde8f4c740826f6fc1c..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/kunpeng/common/k.dark.token.css
+++ /dev/null
@@ -1,1949 +0,0 @@
-/* theme: k.dark */
-[data-o-theme="k.dark"] {
- /**
- * @name
- * @type palette
- * @group white
- * @description
- */
- --o-white: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group black
- * @description
- */
- --o-black: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-1: 0, 4, 77;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-2: 6, 15, 120;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-3: 20, 37, 163;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-4: 40, 65, 207;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-5: 66, 99, 250;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-6: 84, 120, 251;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-7: 122, 154, 252;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-8: 160, 186, 253;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-9: 199, 217, 254;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-10: 238, 244, 255;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-1: 0, 77, 42;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-2: 2, 102, 53;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-3: 10, 127, 66;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-4: 22, 152, 80;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-5: 36, 177, 95;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-6: 51, 193, 104;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-7: 90, 208, 131;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-8: 135, 224, 163;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-9: 185, 239, 200;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-10: 240, 255, 244;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-1: 77, 24, 0;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-2: 120, 42, 1;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-3: 163, 68, 8;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-4: 207, 97, 19;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-5: 250, 130, 33;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-6: 251, 143, 43;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-7: 252, 174, 91;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-8: 253, 202, 139;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-9: 254, 227, 188;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-10: 255, 248, 237;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-1: 77, 0, 17;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-2: 115, 3, 24;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-3: 153, 9, 31;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-4: 192, 17, 37;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-5: 230, 28, 43;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-6: 235, 35, 45;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-7: 240, 82, 85;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-8: 245, 132, 130;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-9: 250, 183, 180;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-10: 255, 234, 232;
- /**
- * @name
- * @type palette
- * @group huaweired
- * @description
- */
- --o-red-huawei: 199, 0, 11;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-1: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-2: 18, 18, 20;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-3: 26, 26, 28;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-4: 36, 36, 39;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-5: 43, 43, 47;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-6: 53, 53, 57;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-7: 63, 63, 67;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-8: 85, 85, 88;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-9: 118, 118, 122;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-10: 156, 156, 159;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-11: 181, 181, 185;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-12: 208, 208, 210;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-13: 235, 235, 238;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-14: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-1: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-2: 16, 18, 20;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-3: 23, 25, 28;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-4: 33, 35, 39;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-5: 40, 42, 47;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-6: 50, 53, 57;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-7: 61, 63, 67;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-8: 80, 84, 88;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-9: 113, 117, 122;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-10: 147, 152, 159;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-11: 172, 177, 185;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-12: 198, 202, 210;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-13: 231, 234, 238;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-14: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-1: 77, 54, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-2: 119, 87, 2;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-3: 161, 126, 11;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-4: 203, 167, 24;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-5: 245, 211, 42;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-6: 247, 222, 54;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-7: 249, 234, 100;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-8: 251, 244, 146;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-9: 253, 251, 192;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-10: 255, 255, 240;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-1: 41, 77, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-2: 63, 109, 3;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-3: 91, 142, 14;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-4: 121, 174, 30;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-5: 155, 207, 50;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-6: 172, 217, 68;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-7: 194, 226, 104;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-8: 214, 236, 144;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-9: 233, 245, 186;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-10: 251, 255, 232;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-1: 0, 73, 77;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-2: 2, 101, 103;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-3: 9, 129, 127;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-4: 18, 155, 148;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-5: 30, 181, 167;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-6: 42, 196, 178;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-7: 84, 211, 192;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-8: 130, 225, 208;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-9: 182, 240, 227;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-10: 239, 255, 251;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-1: 0, 34, 77;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-2: 1, 57, 117;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-3: 8, 86, 158;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-4: 18, 118, 199;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-5: 31, 153, 240;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-6: 42, 166, 243;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-7: 89, 191, 246;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-8: 137, 214, 249;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-9: 187, 233, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-10: 237, 250, 255;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-1: 22, 0, 77;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-2: 40, 3, 118;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-3: 66, 15, 160;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-4: 98, 33, 202;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-5: 134, 57, 244;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-6: 152, 74, 246;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-7: 179, 114, 248;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-8: 205, 156, 251;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-9: 228, 198, 253;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-10: 249, 240, 255;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-1: 61, 0, 77;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-2: 93, 5, 110;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-3: 127, 16, 144;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-4: 164, 33, 178;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-5: 200, 54, 212;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-6: 216, 72, 221;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-7: 229, 109, 229;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-8: 238, 149, 235;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-9: 246, 191, 243;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-10: 255, 236, 253;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-1: 77, 0, 48;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-2: 114, 3, 70;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-3: 151, 12, 91;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-4: 189, 25, 112;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-5: 226, 41, 133;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-6: 232, 53, 137;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-7: 238, 97, 158;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-8: 243, 143, 183;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-9: 249, 192, 213;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-10: 255, 242, 247;
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-white: rgb(var(--o-white));
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-black: rgb(var(--o-black));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规
- */
- --o-color-primary1: rgb(var(--o-gray-14));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮
- */
- --o-color-primary2: rgb(var(--o-gray-13));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活
- */
- --o-color-primary3: rgb(var(--o-gray-12));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用
- */
- --o-color-primary4: rgb(var(--o-gray-8));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规-浅
- */
- --o-color-primary1-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮-浅
- */
- --o-color-primary2-light: rgb(var(--o-gray-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活-浅
- */
- --o-color-primary3-light: rgb(var(--o-gray-7));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用-浅
- */
- --o-color-primary4-light: rgb(var(--o-gray-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规
- */
- --o-color-success1: rgb(var(--o-green-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮
- */
- --o-color-success2: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活
- */
- --o-color-success3: rgb(var(--o-green-7));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用
- */
- --o-color-success4: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规-浅
- */
- --o-color-success1-light: rgb(var(--o-green-2));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮-浅
- */
- --o-color-success2-light: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活-浅
- */
- --o-color-success3-light: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用-浅
- */
- --o-color-success4-light: rgb(var(--o-green-1));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规
- */
- --o-color-warning1: rgb(var(--o-orange-6));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮
- */
- --o-color-warning2: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活
- */
- --o-color-warning3: rgb(var(--o-orange-7));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用
- */
- --o-color-warning4: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规-浅
- */
- --o-color-warning1-light: rgb(var(--o-orange-2));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮-浅
- */
- --o-color-warning2-light: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活-浅
- */
- --o-color-warning3-light: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用-浅
- */
- --o-color-warning4-light: rgb(var(--o-orange-1));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规
- */
- --o-color-danger1: rgb(var(--o-red-6));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮
- */
- --o-color-danger2: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活
- */
- --o-color-danger3: rgb(var(--o-red-7));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用
- */
- --o-color-danger4: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规-浅
- */
- --o-color-danger1-light: rgb(var(--o-red-2));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮-浅
- */
- --o-color-danger2-light: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活-浅
- */
- --o-color-danger3-light: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用-浅
- */
- --o-color-danger4-light: rgb(var(--o-red-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 一级填充:页面背景
- */
- --o-color-fill1: rgb(var(--o-gray-3));
- /**
- * @name
- * @type color
- * @group fill
- * @description 二级填充:区块、卡片
- */
- --o-color-fill2: rgb(var(--o-gray-4));
- /**
- * @name
- * @type color
- * @group fill
- * @description 三级填充:卡片
- */
- --o-color-fill3: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 常规,常用于边框
- */
- --o-color-control1: rgba(var(--o-gray-14), 0.25);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮,常用于边框
- */
- --o-color-control2: rgba(var(--o-gray-14), 0.6);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活,常用于边框
- */
- --o-color-control3: rgba(var(--o-gray-14), 0.8);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于边框
- */
- --o-color-control4: rgba(var(--o-gray-14), 0.15);
- /**
- * @name
- * @type color
- * @group control
- * @description 常规-浅,常用于背景
- */
- --o-color-control1-light: rgb(var(--o-gray-7));
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮-浅,常用于背景
- */
- --o-color-control2-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 激活-浅,常用于背景
- */
- --o-color-control3-light: rgb(var(--o-gray-6));
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于背景
- */
- --o-color-control4-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 很浅,常用于表格背景色
- */
- --o-color-control-light: rgb(var(--o-gray-4));
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/强调/标题
- */
- --o-color-info1: rgba(var(--o-gray-14), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/次强调/正文
- */
- --o-color-info2: rgba(var(--o-gray-14), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息
- */
- --o-color-info3: rgba(var(--o-gray-14), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用
- */
- --o-color-info4: rgba(var(--o-gray-14), 0.4);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/次强调/正文反色
- */
- --o-color-info1-inverse: rgba(var(--o-gray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/辅助信息反色
- */
- --o-color-info2-inverse: rgba(var(--o-gray-1), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息反色
- */
- --o-color-info3-inverse: rgba(var(--o-gray-1), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用反色
- */
- --o-color-info4-inverse: rgba(var(--o-gray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 全局遮罩
- */
- --o-color-mask1: rgba(var(--o-gray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 局部遮罩
- */
- --o-color-mask2: rgba(var(--o-gray-4), 0.2);
- /**
- * @name 阴影1
- * @type shadow
- * @group shadow
- * @description 用于卡片、小弹窗、楼层阴影
- */
- --o-shadow-1: 0 3px 8px rgba(var(--o-gray-1), 0.08);
- /**
- * @name 阴影2
- * @type shadow
- * @group shadow
- * @description 用于卡片悬浮阴影
- */
- --o-shadow-2: 0 2px 24px rgba(var(--o-gray-1), 0.15);
- /**
- * @name 阴影3
- * @type shadow
- * @group shadow
- * @description 用于提示阴影
- */
- --o-shadow-3: 0 8px 40px rgba(var(--o-gray-1), 0.1);
- /**
- * @name
- * @type color
- * @group link
- * @description 常规
- */
- --o-color-link1: rgba(var(--o-deepblue-6), 1.0);
- /**
- * @name
- * @type color
- * @group link
- * @description 悬浮
- */
- --o-color-link2: rgba(var(--o-deepblue-6), 0.7);
- /**
- * @name
- * @type color
- * @group link
- * @description 激活
- */
- --o-color-link3: rgba(var(--o-deepblue-6), 0.9);
- /**
- * @name
- * @type color
- * @group link
- * @description 禁用
- */
- --o-color-link4: rgba(var(--o-deepblue-6), 0.4);
- /**
- * @name 间距1
- * @type gap
- * @group gap
- * @description 用于组件之间的间距1
- */
- --o-gap-1: 4px;
- /**
- * @name 间距2
- * @type gap
- * @group gap
- * @description 用于组件之间的间距2
- */
- --o-gap-2: 8px;
- /**
- * @name 间距3
- * @type gap
- * @group gap
- * @description 用于组件之间的间距3
- */
- --o-gap-3: 12px;
- /**
- * @name 间距4
- * @type gap
- * @group gap
- * @description 用于组件之间的间距4
- */
- --o-gap-4: 16px;
- /**
- * @name 间距5
- * @type gap
- * @group gap
- * @description 用于组件之间的间距5
- */
- --o-gap-5: 24px;
- /**
- * @name 间距6
- * @type gap
- * @group gap
- * @description 用于组件之间的间距6
- */
- --o-gap-6: 32px;
- /**
- * @name 间距7
- * @type gap
- * @group gap
- * @description 用于组件之间的间距7
- */
- --o-gap-7: 40px;
- /**
- * @name 间距8
- * @type gap
- * @group gap
- * @description 用于组件之间的间距8
- */
- --o-gap-8: 48px;
- /**
- * @name 间距9
- * @type gap
- * @group gap
- * @description 用于组件之间的间距9
- */
- --o-gap-9: 64px;
- /**
- * @name 间距10
- * @type gap
- * @group gap
- * @description 用于组件之间的间距10
- */
- --o-gap-10: 72px;
- /**
- * @name 超小尺寸
- * @type size
- * @group control_size
- * @description 超小尺寸
- */
- --o-control_size-2xs: 14px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-xs: 16px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-s: 24px;
- /**
- * @name 中尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-m: 32px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-l: 40px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-xl: 48px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-2xl: 56px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size
- * @description 超小尺寸图标
- */
- --o-icon_size-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size
- * @description 小尺寸图标
- */
- --o-icon_size-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size
- * @description 中尺寸图标
- */
- --o-icon_size-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size
- * @description 大尺寸图标
- */
- --o-icon_size-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size
- * @description 超大尺寸图标
- */
- --o-icon_size-xl: 40px;
- /**
- * @name 2xl尺寸图标
- * @type size
- * @group icon_size
- * @description 2xl尺寸图标
- */
- --o-icon_size-2xl: 48px;
- /**
- * @name 3xl尺寸图标
- * @type size
- * @group icon_size
- * @description 3xl尺寸图标
- */
- --o-icon_size-3xl: 56px;
- /**
- * @name 4xl尺寸图标
- * @type size
- * @group icon_size
- * @description 4xl尺寸图标
- */
- --o-icon_size-4xl: 64px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size_control
- * @description 中尺寸控件图标(组件使用)
- */
- --o-icon_size_control-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xl: 40px;
- /**
- * @name 一级数据展示
- * @type font
- * @group font_size
- * @description 一级数据展示
- */
- --o-font_size-display1: 56px;
- /**
- * @name 二级数据展示
- * @type font
- * @group font_size
- * @description 二级数据展示
- */
- --o-font_size-display2: 48px;
- /**
- * @name 三级数据展示
- * @type font
- * @group font_size
- * @description 三级数据展示
- */
- --o-font_size-display3: 40px;
- /**
- * @name 一级标题
- * @type font
- * @group font_size
- * @description 一级标题
- */
- --o-font_size-h1: 32px;
- /**
- * @name 二级标题
- * @type font
- * @group font_size
- * @description 二级标题
- */
- --o-font_size-h2: 24px;
- /**
- * @name 三级标题
- * @type font
- * @group font_size
- * @description 三级标题
- */
- --o-font_size-h3: 22px;
- /**
- * @name 四级标题
- * @type font
- * @group font_size
- * @description 四级标题
- */
- --o-font_size-h4: 20px;
- /**
- * @name 常规正文
- * @type font
- * @group font_size
- * @description 常规正文
- */
- --o-font_size-text1: 16px;
- /**
- * @name 大号正文
- * @type font
- * @group font_size
- * @description 大号正文
- */
- --o-font_size-text2: 18px;
- /**
- * @name 提示文本1
- * @type font
- * @group font_size
- * @description 提示文本1
- */
- --o-font_size-tip1: 14px;
- /**
- * @name 提示文本2
- * @type font
- * @group font_size
- * @description 提示文本2
- */
- --o-font_size-tip2: 12px;
- /**
- * @name 一级数据展示
- * @type font
- * @group line_height
- * @description 一级数据展示
- */
- --o-line_height-display1: 80px;
- /**
- * @name 二级数据展示
- * @type font
- * @group line_height
- * @description 二级数据展示
- */
- --o-line_height-display2: 64px;
- /**
- * @name 三级数据展示
- * @type font
- * @group line_height
- * @description 三级数据展示
- */
- --o-line_height-display3: 56px;
- /**
- * @name 一级标题
- * @type font
- * @group line_height
- * @description 一级标题
- */
- --o-line_height-h1: 44px;
- /**
- * @name 二级标题
- * @type font
- * @group line_height
- * @description 二级标题
- */
- --o-line_height-h2: 32px;
- /**
- * @name 三级标题
- * @type font
- * @group line_height
- * @description 三级标题
- */
- --o-line_height-h3: 30px;
- /**
- * @name 四级标题
- * @type font
- * @group line_height
- * @description 四级标题
- */
- --o-line_height-h4: 28px;
- /**
- * @name 正文
- * @type font
- * @group line_height
- * @description 正文
- */
- --o-line_height-text1: 24px;
- /**
- * @name 正文-大
- * @type font
- * @group line_height
- * @description 正文-大
- */
- --o-line_height-text2: 26x;
- /**
- * @name 提示文本1
- * @type font
- * @group line_height
- * @description 提示文本1
- */
- --o-line_height-tip1: 22px;
- /**
- * @name 提示文本2
- * @type font
- * @group line_height
- * @description 提示文本2
- */
- --o-line_height-tip2: 18px;
- /**
- * @name 超小尺寸圆角
- * @type size
- * @group radius
- * @description 超小尺寸圆角
- */
- --o-radius-xs: 4px;
- /**
- * @name 小尺寸圆角
- * @type size
- * @group radius
- * @description 小尺寸圆角
- */
- --o-radius-s: 4px;
- /**
- * @name 中尺寸圆角
- * @type size
- * @group radius
- * @description 中尺寸圆角
- */
- --o-radius-m: 4px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角
- */
- --o-radius-l: 4px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角,一般用于卡片
- */
- --o-radius-xl: 0px;
- /**
- * @name 超小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 超小尺寸控件圆角(组件使用)
- */
- --o-radius_control-xs: 4px;
- /**
- * @name 小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 小尺寸控件圆角(组件使用)
- */
- --o-radius_control-s: 4px;
- /**
- * @name 中尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 中尺寸控件圆角(组件使用)
- */
- --o-radius_control-m: 4px;
- /**
- * @name 大尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 大尺寸控件圆角(组件使用)
- */
- --o-radius_control-l: 4px;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于退出屏幕的动画
- */
- --o-duration-s: 200ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard-in时进入屏幕的动画
- */
- --o-duration-m1: 250ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard时开始、结束的动画
- */
- --o-duration-m2: 300ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized-in时进入屏幕的动画
- */
- --o-duration-m3: 400ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时开始、结束的动画
- */
- --o-duration-l: 500ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时,轮播切换动画
- */
- --o-duration-xl: 1000ms;
- /**
- * @name 线性动画曲线
- * @type animation
- * @group easing
- * @description 线性曲线
- */
- --o-easing-linear: cubic-bezier(0, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-in: cubic-bezier(0, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-out: cubic-bezier(0.3, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-in: cubic-bezier(0.3, 0, 0.8, 0.15);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/kunpeng/common/k.light.token.css b/packages/opendesign/src/theme/kunpeng/common/k.light.token.css
deleted file mode 100644
index f7446ecbb8fc98df475c46ebbeb19a02883af36b..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/kunpeng/common/k.light.token.css
+++ /dev/null
@@ -1,1949 +0,0 @@
-/* theme: k.light */
-[data-o-theme="k.light"] {
- /**
- * @name
- * @type palette
- * @group white
- * @description
- */
- --o-white: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group black
- * @description
- */
- --o-black: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-1: 232, 240, 255;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-2: 194, 213, 254;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-3: 157, 184, 253;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-4: 120, 153, 252;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-5: 83, 119, 251;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-6: 46, 83, 250;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-7: 29, 55, 207;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-8: 15, 32, 163;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-9: 6, 15, 120;
- /**
- * @name
- * @type palette
- * @group deepblue
- * @description
- */
- --o-deepblue-10: 0, 4, 77;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-1: 232, 255, 238;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-2: 177, 239, 195;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-3: 128, 224, 158;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-4: 84, 208, 127;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-5: 45, 193, 101;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-6: 11, 177, 81;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-7: 7, 152, 72;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-8: 4, 127, 63;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-9: 2, 102, 53;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-10: 0, 77, 42;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-1: 255, 246, 232;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-2: 254, 226, 186;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-3: 253, 202, 140;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-4: 252, 176, 95;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-5: 251, 147, 50;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-6: 250, 115, 5;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-7: 207, 88, 3;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-8: 163, 64, 2;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-9: 120, 42, 1;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-10: 77, 24, 0;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-1: 255, 234, 232;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-2: 250, 185, 182;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-3: 245, 136, 134;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-4: 240, 87, 90;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-5: 235, 43, 52;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-6: 230, 0, 18;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-7: 192, 0, 22;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-8: 153, 0, 23;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-9: 115, 0, 21;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-10: 77, 0, 17;
- /**
- * @name
- * @type palette
- * @group huaweired
- * @description
- */
- --o-red-huawei: 199, 0, 11;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-1: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-2: 243, 243, 245;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-3: 237, 237, 240;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-4: 232, 232, 235;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-5: 222, 222, 227;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-6: 210, 210, 217;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-7: 186, 186, 191;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-8: 149, 149, 156;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-9: 111, 111, 117;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-10: 85, 85, 92;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-11: 61, 61, 66;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-12: 37, 37, 41;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-13: 21, 21, 23;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-14: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-1: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-2: 244, 245, 247;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-3: 237, 239, 242;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-4: 232, 234, 237;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-5: 224, 226, 230;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-6: 209, 214, 219;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-7: 179, 185, 191;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-8: 144, 150, 158;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-9: 104, 109, 117;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-10: 79, 84, 92;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-11: 55, 59, 66;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-12: 32, 35, 41;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-13: 18, 20, 23;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-14: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-1: 255, 255, 232;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-2: 253, 251, 185;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-3: 251, 244, 139;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-4: 249, 233, 94;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-5: 247, 221, 49;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-6: 245, 205, 5;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-7: 203, 163, 3;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-8: 161, 124, 2;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-9: 119, 87, 1;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-10: 77, 54, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-1: 251, 255, 232;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-2: 233, 245, 184;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-3: 213, 236, 139;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-4: 192, 226, 97;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-5: 169, 217, 59;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-6: 146, 207, 23;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-7: 116, 174, 15;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-8: 88, 142, 8;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-9: 63, 109, 3;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-10: 41, 77, 0;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-1: 232, 255, 249;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-2: 176, 240, 226;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-3: 125, 225, 207;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-4: 79, 211, 191;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-5: 38, 196, 177;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-6: 3, 181, 165;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-7: 2, 155, 147;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-8: 1, 129, 127;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-9: 0, 101, 103;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-10: 0, 73, 77;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-1: 232, 249, 255;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-2: 185, 233, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-3: 138, 214, 249;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-4: 93, 192, 246;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-5: 48, 168, 243;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-6: 5, 142, 240;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-7: 3, 111, 199;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-8: 2, 83, 158;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-9: 1, 57, 117;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-10: 0, 34, 77;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-1: 245, 232, 255;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-2: 225, 192, 253;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-3: 203, 152, 251;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-4: 178, 113, 248;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-5: 152, 75, 246;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-6: 123, 37, 244;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-7: 92, 23, 202;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-8: 64, 12, 160;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-9: 41, 4, 118;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-10: 22, 0, 77;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-1: 255, 232, 253;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-2: 246, 188, 243;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-3: 238, 146, 235;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-4: 229, 107, 229;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-5: 216, 71, 221;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-6: 199, 37, 212;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-7: 163, 23, 178;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-8: 127, 13, 144;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-9: 93, 5, 110;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-10: 61, 0, 77;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-1: 255, 232, 240;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-2: 249, 185, 209;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-3: 243, 141, 182;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-4: 238, 98, 158;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-5: 232, 57, 139;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-6: 226, 18, 122;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-7: 189, 11, 106;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-8: 151, 6, 88;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-9: 114, 2, 69;
- /**
- * @name
- * @type palette
- * @group rosyred
- * @description
- */
- --o-rosyred-10: 77, 0, 48;
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-white: rgb(var(--o-white));
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-black: rgb(var(--o-black));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规
- */
- --o-color-primary1: rgb(var(--o-gray-12));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮
- */
- --o-color-primary2: rgb(var(--o-gray-11));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活
- */
- --o-color-primary3: rgb(var(--o-gray-13));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用
- */
- --o-color-primary4: rgb(var(--o-gray-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规-浅
- */
- --o-color-primary1-light: rgb(var(--o-gray-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮-浅
- */
- --o-color-primary2-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活-浅
- */
- --o-color-primary3-light: rgb(var(--o-gray-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用-浅
- */
- --o-color-primary4-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规
- */
- --o-color-success1: rgb(var(--o-green-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮
- */
- --o-color-success2: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活
- */
- --o-color-success3: rgb(var(--o-green-7));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用
- */
- --o-color-success4: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规-浅
- */
- --o-color-success1-light: rgb(var(--o-green-2));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮-浅
- */
- --o-color-success2-light: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活-浅
- */
- --o-color-success3-light: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用-浅
- */
- --o-color-success4-light: rgb(var(--o-green-1));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规
- */
- --o-color-warning1: rgb(var(--o-orange-6));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮
- */
- --o-color-warning2: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活
- */
- --o-color-warning3: rgb(var(--o-orange-7));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用
- */
- --o-color-warning4: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规-浅
- */
- --o-color-warning1-light: rgb(var(--o-orange-2));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮-浅
- */
- --o-color-warning2-light: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活-浅
- */
- --o-color-warning3-light: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用-浅
- */
- --o-color-warning4-light: rgb(var(--o-orange-1));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规
- */
- --o-color-danger1: rgb(var(--o-red-6));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮
- */
- --o-color-danger2: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活
- */
- --o-color-danger3: rgb(var(--o-red-7));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用
- */
- --o-color-danger4: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规-浅
- */
- --o-color-danger1-light: rgb(var(--o-red-2));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮-浅
- */
- --o-color-danger2-light: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活-浅
- */
- --o-color-danger3-light: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用-浅
- */
- --o-color-danger4-light: rgb(var(--o-red-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 一级填充:页面背景
- */
- --o-color-fill1: rgb(var(--o-gray-2));
- /**
- * @name
- * @type color
- * @group fill
- * @description 二级填充:区块、卡片
- */
- --o-color-fill2: rgb(var(--o-gray-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 三级填充:卡片
- */
- --o-color-fill3: rgb(var(--o-gray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 常规,常用于边框
- */
- --o-color-control1: rgba(var(--o-gray-14), 0.25);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮,常用于边框
- */
- --o-color-control2: rgba(var(--o-gray-14), 0.6);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活,常用于边框
- */
- --o-color-control3: rgba(var(--o-gray-14), 0.8);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于边框
- */
- --o-color-control4: rgba(var(--o-gray-14), 0.1);
- /**
- * @name
- * @type color
- * @group control
- * @description 常规-浅,常用于背景
- */
- --o-color-control1-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮-浅,常用于背景
- */
- --o-color-control2-light: rgb(var(--o-gray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 激活-浅,常用于背景
- */
- --o-color-control3-light: rgb(var(--o-gray-4));
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于背景
- */
- --o-color-control4-light: rgb(var(--o-gray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 很浅,常用于表格背景色
- */
- --o-color-control-light: rgb(var(--o-gray-1));
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/强调/标题
- */
- --o-color-info1: rgba(var(--o-gray-14), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/次强调/正文
- */
- --o-color-info2: rgba(var(--o-gray-14), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息
- */
- --o-color-info3: rgba(var(--o-gray-14), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用
- */
- --o-color-info4: rgba(var(--o-gray-14), 0.4);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/次强调/正文反色
- */
- --o-color-info1-inverse: rgba(var(--o-gray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/辅助信息反色
- */
- --o-color-info2-inverse: rgba(var(--o-gray-1), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息反色
- */
- --o-color-info3-inverse: rgba(var(--o-gray-1), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用反色
- */
- --o-color-info4-inverse: rgba(var(--o-gray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 全局遮罩
- */
- --o-color-mask1: rgba(var(--o-gray-14), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 局部遮罩
- */
- --o-color-mask2: rgba(var(--o-gray-1), 0.2);
- /**
- * @name 阴影1
- * @type shadow
- * @group shadow
- * @description 用于卡片、小弹窗、楼层阴影
- */
- --o-shadow-1: 0 3px 8px rgba(var(--o-gray-14), 0.08);
- /**
- * @name 阴影2
- * @type shadow
- * @group shadow
- * @description 用于卡片悬浮阴影
- */
- --o-shadow-2: 0 2px 24px rgba(var(--o-gray-14), 0.15);
- /**
- * @name 阴影3
- * @type shadow
- * @group shadow
- * @description 用于提示阴影
- */
- --o-shadow-3: 0 8px 40px rgba(var(--o-gray-14), 0.1);
- /**
- * @name
- * @type color
- * @group link
- * @description 常规
- */
- --o-color-link1: rgba(var(--o-deepblue-6), 1.0);
- /**
- * @name
- * @type color
- * @group link
- * @description 悬浮
- */
- --o-color-link2: rgba(var(--o-deepblue-6), 0.7);
- /**
- * @name
- * @type color
- * @group link
- * @description 激活
- */
- --o-color-link3: rgba(var(--o-deepblue-6), 0.9);
- /**
- * @name
- * @type color
- * @group link
- * @description 禁用
- */
- --o-color-link4: rgba(var(--o-deepblue-6), 0.4);
- /**
- * @name 间距1
- * @type gap
- * @group gap
- * @description 用于组件之间的间距1
- */
- --o-gap-1: 4px;
- /**
- * @name 间距2
- * @type gap
- * @group gap
- * @description 用于组件之间的间距2
- */
- --o-gap-2: 8px;
- /**
- * @name 间距3
- * @type gap
- * @group gap
- * @description 用于组件之间的间距3
- */
- --o-gap-3: 12px;
- /**
- * @name 间距4
- * @type gap
- * @group gap
- * @description 用于组件之间的间距4
- */
- --o-gap-4: 16px;
- /**
- * @name 间距5
- * @type gap
- * @group gap
- * @description 用于组件之间的间距5
- */
- --o-gap-5: 24px;
- /**
- * @name 间距6
- * @type gap
- * @group gap
- * @description 用于组件之间的间距6
- */
- --o-gap-6: 32px;
- /**
- * @name 间距7
- * @type gap
- * @group gap
- * @description 用于组件之间的间距7
- */
- --o-gap-7: 40px;
- /**
- * @name 间距8
- * @type gap
- * @group gap
- * @description 用于组件之间的间距8
- */
- --o-gap-8: 48px;
- /**
- * @name 间距9
- * @type gap
- * @group gap
- * @description 用于组件之间的间距9
- */
- --o-gap-9: 64px;
- /**
- * @name 间距10
- * @type gap
- * @group gap
- * @description 用于组件之间的间距10
- */
- --o-gap-10: 72px;
- /**
- * @name 超小尺寸
- * @type size
- * @group control_size
- * @description 超小尺寸
- */
- --o-control_size-2xs: 14px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-xs: 16px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-s: 24px;
- /**
- * @name 中尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-m: 32px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-l: 40px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-xl: 48px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-2xl: 56px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size
- * @description 超小尺寸图标
- */
- --o-icon_size-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size
- * @description 小尺寸图标
- */
- --o-icon_size-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size
- * @description 中尺寸图标
- */
- --o-icon_size-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size
- * @description 大尺寸图标
- */
- --o-icon_size-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size
- * @description 超大尺寸图标
- */
- --o-icon_size-xl: 40px;
- /**
- * @name 2xl尺寸图标
- * @type size
- * @group icon_size
- * @description 2xl尺寸图标
- */
- --o-icon_size-2xl: 48px;
- /**
- * @name 3xl尺寸图标
- * @type size
- * @group icon_size
- * @description 3xl尺寸图标
- */
- --o-icon_size-3xl: 56px;
- /**
- * @name 4xl尺寸图标
- * @type size
- * @group icon_size
- * @description 4xl尺寸图标
- */
- --o-icon_size-4xl: 64px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size_control
- * @description 中尺寸控件图标(组件使用)
- */
- --o-icon_size_control-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xl: 40px;
- /**
- * @name 一级数据展示
- * @type font
- * @group font_size
- * @description 一级数据展示
- */
- --o-font_size-display1: 56px;
- /**
- * @name 二级数据展示
- * @type font
- * @group font_size
- * @description 二级数据展示
- */
- --o-font_size-display2: 48px;
- /**
- * @name 三级数据展示
- * @type font
- * @group font_size
- * @description 三级数据展示
- */
- --o-font_size-display3: 40px;
- /**
- * @name 一级标题
- * @type font
- * @group font_size
- * @description 一级标题
- */
- --o-font_size-h1: 32px;
- /**
- * @name 二级标题
- * @type font
- * @group font_size
- * @description 二级标题
- */
- --o-font_size-h2: 24px;
- /**
- * @name 三级标题
- * @type font
- * @group font_size
- * @description 三级标题
- */
- --o-font_size-h3: 22px;
- /**
- * @name 四级标题
- * @type font
- * @group font_size
- * @description 四级标题
- */
- --o-font_size-h4: 20px;
- /**
- * @name 常规正文
- * @type font
- * @group font_size
- * @description 常规正文
- */
- --o-font_size-text1: 16px;
- /**
- * @name 大号正文
- * @type font
- * @group font_size
- * @description 大号正文
- */
- --o-font_size-text2: 18px;
- /**
- * @name 提示文本1
- * @type font
- * @group font_size
- * @description 提示文本1
- */
- --o-font_size-tip1: 14px;
- /**
- * @name 提示文本2
- * @type font
- * @group font_size
- * @description 提示文本2
- */
- --o-font_size-tip2: 12px;
- /**
- * @name 一级数据展示
- * @type font
- * @group line_height
- * @description 一级数据展示
- */
- --o-line_height-display1: 80px;
- /**
- * @name 二级数据展示
- * @type font
- * @group line_height
- * @description 二级数据展示
- */
- --o-line_height-display2: 64px;
- /**
- * @name 三级数据展示
- * @type font
- * @group line_height
- * @description 三级数据展示
- */
- --o-line_height-display3: 56px;
- /**
- * @name 一级标题
- * @type font
- * @group line_height
- * @description 一级标题
- */
- --o-line_height-h1: 44px;
- /**
- * @name 二级标题
- * @type font
- * @group line_height
- * @description 二级标题
- */
- --o-line_height-h2: 32px;
- /**
- * @name 三级标题
- * @type font
- * @group line_height
- * @description 三级标题
- */
- --o-line_height-h3: 30px;
- /**
- * @name 四级标题
- * @type font
- * @group line_height
- * @description 四级标题
- */
- --o-line_height-h4: 28px;
- /**
- * @name 正文
- * @type font
- * @group line_height
- * @description 正文
- */
- --o-line_height-text1: 24px;
- /**
- * @name 正文-大
- * @type font
- * @group line_height
- * @description 正文-大
- */
- --o-line_height-text2: 26px;
- /**
- * @name 提示文本1
- * @type font
- * @group line_height
- * @description 提示文本1
- */
- --o-line_height-tip1: 22px;
- /**
- * @name 提示文本2
- * @type font
- * @group line_height
- * @description 提示文本2
- */
- --o-line_height-tip2: 18px;
- /**
- * @name 超小尺寸圆角
- * @type size
- * @group radius
- * @description 超小尺寸圆角
- */
- --o-radius-xs: 4px;
- /**
- * @name 小尺寸圆角
- * @type size
- * @group radius
- * @description 小尺寸圆角
- */
- --o-radius-s: 4px;
- /**
- * @name 中尺寸圆角
- * @type size
- * @group radius
- * @description 中尺寸圆角
- */
- --o-radius-m: 4px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角
- */
- --o-radius-l: 4px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角,一般用于卡片
- */
- --o-radius-xl: 0px;
- /**
- * @name 超小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 超小尺寸控件圆角(组件使用)
- */
- --o-radius_control-xs: 4px;
- /**
- * @name 小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 小尺寸控件圆角(组件使用)
- */
- --o-radius_control-s: 4px;
- /**
- * @name 中尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 中尺寸控件圆角(组件使用)
- */
- --o-radius_control-m: 4px;
- /**
- * @name 大尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 大尺寸控件圆角(组件使用)
- */
- --o-radius_control-l: 4px;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于退出屏幕的动画
- */
- --o-duration-s: 200ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard-in时进入屏幕的动画
- */
- --o-duration-m1: 250ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard时开始、结束的动画
- */
- --o-duration-m2: 300ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized-in时进入屏幕的动画
- */
- --o-duration-m3: 400ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时开始、结束的动画
- */
- --o-duration-l: 500ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时,轮播切换动画
- */
- --o-duration-xl: 1000ms;
- /**
- * @name 线性动画曲线
- * @type animation
- * @group easing
- * @description 线性曲线
- */
- --o-easing-linear: cubic-bezier(0, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-in: cubic-bezier(0, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-out: cubic-bezier(0.3, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-in: cubic-bezier(0.3, 0, 0.8, 0.15);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/kunpeng/index.scss b/packages/opendesign/src/theme/kunpeng/index.scss
index 576c428d681f06eaef8ed856f6bfd4df9d1cea89..2794ca4cdd196c99677b976b1f96deec746a4e47 100644
--- a/packages/opendesign/src/theme/kunpeng/index.scss
+++ b/packages/opendesign/src/theme/kunpeng/index.scss
@@ -1,5 +1,5 @@
// Token 及公共样式
-@use './common/index.scss' as *;
+// @use './common/index.scss' as *;
// 样式
@use '../../index.scss' as *;
diff --git a/packages/opendesign/src/theme/kunpeng/k.token.code-snippets b/packages/opendesign/src/theme/kunpeng/k.token.code-snippets
deleted file mode 100644
index 7ece562a003558cdc2f12ea8384d35cc640eec0d..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/kunpeng/k.token.code-snippets
+++ /dev/null
@@ -1,2226 +0,0 @@
-{
- "--o-white": {
- "prefix": [
- "var(--o-white)"
- ],
- "body": "var(--o-white)",
- "description": "[light: 255, 255, 255, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-black": {
- "prefix": [
- "var(--o-black)"
- ],
- "body": "var(--o-black)",
- "description": "[light: 0, 0, 0, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-1": {
- "prefix": [
- "var(--o-deepblue-1)"
- ],
- "body": "var(--o-deepblue-1)",
- "description": "[light: 232, 240, 255, dark: 0, 4, 77]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-2": {
- "prefix": [
- "var(--o-deepblue-2)"
- ],
- "body": "var(--o-deepblue-2)",
- "description": "[light: 194, 213, 254, dark: 6, 15, 120]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-3": {
- "prefix": [
- "var(--o-deepblue-3)"
- ],
- "body": "var(--o-deepblue-3)",
- "description": "[light: 157, 184, 253, dark: 20, 37, 163]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-4": {
- "prefix": [
- "var(--o-deepblue-4)"
- ],
- "body": "var(--o-deepblue-4)",
- "description": "[light: 120, 153, 252, dark: 40, 65, 207]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-5": {
- "prefix": [
- "var(--o-deepblue-5)"
- ],
- "body": "var(--o-deepblue-5)",
- "description": "[light: 83, 119, 251, dark: 66, 99, 250]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-6": {
- "prefix": [
- "var(--o-deepblue-6)"
- ],
- "body": "var(--o-deepblue-6)",
- "description": "[light: 46, 83, 250, dark: 84, 120, 251]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-7": {
- "prefix": [
- "var(--o-deepblue-7)"
- ],
- "body": "var(--o-deepblue-7)",
- "description": "[light: 29, 55, 207, dark: 122, 154, 252]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-8": {
- "prefix": [
- "var(--o-deepblue-8)"
- ],
- "body": "var(--o-deepblue-8)",
- "description": "[light: 15, 32, 163, dark: 160, 186, 253]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-9": {
- "prefix": [
- "var(--o-deepblue-9)"
- ],
- "body": "var(--o-deepblue-9)",
- "description": "[light: 6, 15, 120, dark: 199, 217, 254]",
- "scope": "css,scss,less"
- },
- "--o-deepblue-10": {
- "prefix": [
- "var(--o-deepblue-10)"
- ],
- "body": "var(--o-deepblue-10)",
- "description": "[light: 0, 4, 77, dark: 238, 244, 255]",
- "scope": "css,scss,less"
- },
- "--o-green-1": {
- "prefix": [
- "var(--o-green-1)"
- ],
- "body": "var(--o-green-1)",
- "description": "[light: 232, 255, 238, dark: 0, 77, 42]",
- "scope": "css,scss,less"
- },
- "--o-green-2": {
- "prefix": [
- "var(--o-green-2)"
- ],
- "body": "var(--o-green-2)",
- "description": "[light: 177, 239, 195, dark: 2, 102, 53]",
- "scope": "css,scss,less"
- },
- "--o-green-3": {
- "prefix": [
- "var(--o-green-3)"
- ],
- "body": "var(--o-green-3)",
- "description": "[light: 128, 224, 158, dark: 10, 127, 66]",
- "scope": "css,scss,less"
- },
- "--o-green-4": {
- "prefix": [
- "var(--o-green-4)"
- ],
- "body": "var(--o-green-4)",
- "description": "[light: 84, 208, 127, dark: 22, 152, 80]",
- "scope": "css,scss,less"
- },
- "--o-green-5": {
- "prefix": [
- "var(--o-green-5)"
- ],
- "body": "var(--o-green-5)",
- "description": "[light: 45, 193, 101, dark: 36, 177, 95]",
- "scope": "css,scss,less"
- },
- "--o-green-6": {
- "prefix": [
- "var(--o-green-6)"
- ],
- "body": "var(--o-green-6)",
- "description": "[light: 11, 177, 81, dark: 51, 193, 104]",
- "scope": "css,scss,less"
- },
- "--o-green-7": {
- "prefix": [
- "var(--o-green-7)"
- ],
- "body": "var(--o-green-7)",
- "description": "[light: 7, 152, 72, dark: 90, 208, 131]",
- "scope": "css,scss,less"
- },
- "--o-green-8": {
- "prefix": [
- "var(--o-green-8)"
- ],
- "body": "var(--o-green-8)",
- "description": "[light: 4, 127, 63, dark: 135, 224, 163]",
- "scope": "css,scss,less"
- },
- "--o-green-9": {
- "prefix": [
- "var(--o-green-9)"
- ],
- "body": "var(--o-green-9)",
- "description": "[light: 2, 102, 53, dark: 185, 239, 200]",
- "scope": "css,scss,less"
- },
- "--o-green-10": {
- "prefix": [
- "var(--o-green-10)"
- ],
- "body": "var(--o-green-10)",
- "description": "[light: 0, 77, 42, dark: 240, 255, 244]",
- "scope": "css,scss,less"
- },
- "--o-orange-1": {
- "prefix": [
- "var(--o-orange-1)"
- ],
- "body": "var(--o-orange-1)",
- "description": "[light: 255, 246, 232, dark: 77, 24, 0]",
- "scope": "css,scss,less"
- },
- "--o-orange-2": {
- "prefix": [
- "var(--o-orange-2)"
- ],
- "body": "var(--o-orange-2)",
- "description": "[light: 254, 226, 186, dark: 120, 42, 1]",
- "scope": "css,scss,less"
- },
- "--o-orange-3": {
- "prefix": [
- "var(--o-orange-3)"
- ],
- "body": "var(--o-orange-3)",
- "description": "[light: 253, 202, 140, dark: 163, 68, 8]",
- "scope": "css,scss,less"
- },
- "--o-orange-4": {
- "prefix": [
- "var(--o-orange-4)"
- ],
- "body": "var(--o-orange-4)",
- "description": "[light: 252, 176, 95, dark: 207, 97, 19]",
- "scope": "css,scss,less"
- },
- "--o-orange-5": {
- "prefix": [
- "var(--o-orange-5)"
- ],
- "body": "var(--o-orange-5)",
- "description": "[light: 251, 147, 50, dark: 250, 130, 33]",
- "scope": "css,scss,less"
- },
- "--o-orange-6": {
- "prefix": [
- "var(--o-orange-6)"
- ],
- "body": "var(--o-orange-6)",
- "description": "[light: 250, 115, 5, dark: 251, 143, 43]",
- "scope": "css,scss,less"
- },
- "--o-orange-7": {
- "prefix": [
- "var(--o-orange-7)"
- ],
- "body": "var(--o-orange-7)",
- "description": "[light: 207, 88, 3, dark: 252, 174, 91]",
- "scope": "css,scss,less"
- },
- "--o-orange-8": {
- "prefix": [
- "var(--o-orange-8)"
- ],
- "body": "var(--o-orange-8)",
- "description": "[light: 163, 64, 2, dark: 253, 202, 139]",
- "scope": "css,scss,less"
- },
- "--o-orange-9": {
- "prefix": [
- "var(--o-orange-9)"
- ],
- "body": "var(--o-orange-9)",
- "description": "[light: 120, 42, 1, dark: 254, 227, 188]",
- "scope": "css,scss,less"
- },
- "--o-orange-10": {
- "prefix": [
- "var(--o-orange-10)"
- ],
- "body": "var(--o-orange-10)",
- "description": "[light: 77, 24, 0, dark: 255, 248, 237]",
- "scope": "css,scss,less"
- },
- "--o-red-1": {
- "prefix": [
- "var(--o-red-1)"
- ],
- "body": "var(--o-red-1)",
- "description": "[light: 255, 234, 232, dark: 77, 0, 17]",
- "scope": "css,scss,less"
- },
- "--o-red-2": {
- "prefix": [
- "var(--o-red-2)"
- ],
- "body": "var(--o-red-2)",
- "description": "[light: 250, 185, 182, dark: 115, 3, 24]",
- "scope": "css,scss,less"
- },
- "--o-red-3": {
- "prefix": [
- "var(--o-red-3)"
- ],
- "body": "var(--o-red-3)",
- "description": "[light: 245, 136, 134, dark: 153, 9, 31]",
- "scope": "css,scss,less"
- },
- "--o-red-4": {
- "prefix": [
- "var(--o-red-4)"
- ],
- "body": "var(--o-red-4)",
- "description": "[light: 240, 87, 90, dark: 192, 17, 37]",
- "scope": "css,scss,less"
- },
- "--o-red-5": {
- "prefix": [
- "var(--o-red-5)"
- ],
- "body": "var(--o-red-5)",
- "description": "[light: 235, 43, 52, dark: 230, 28, 43]",
- "scope": "css,scss,less"
- },
- "--o-red-6": {
- "prefix": [
- "var(--o-red-6)"
- ],
- "body": "var(--o-red-6)",
- "description": "[light: 230, 0, 18, dark: 235, 35, 45]",
- "scope": "css,scss,less"
- },
- "--o-red-7": {
- "prefix": [
- "var(--o-red-7)"
- ],
- "body": "var(--o-red-7)",
- "description": "[light: 192, 0, 22, dark: 240, 82, 85]",
- "scope": "css,scss,less"
- },
- "--o-red-8": {
- "prefix": [
- "var(--o-red-8)"
- ],
- "body": "var(--o-red-8)",
- "description": "[light: 153, 0, 23, dark: 245, 132, 130]",
- "scope": "css,scss,less"
- },
- "--o-red-9": {
- "prefix": [
- "var(--o-red-9)"
- ],
- "body": "var(--o-red-9)",
- "description": "[light: 115, 0, 21, dark: 250, 183, 180]",
- "scope": "css,scss,less"
- },
- "--o-red-10": {
- "prefix": [
- "var(--o-red-10)"
- ],
- "body": "var(--o-red-10)",
- "description": "[light: 77, 0, 17, dark: 255, 234, 232]",
- "scope": "css,scss,less"
- },
- "--o-red-huawei": {
- "prefix": [
- "var(--o-red-huawei)"
- ],
- "body": "var(--o-red-huawei)",
- "description": "[light: 199, 0, 11, dark: 199, 0, 11]",
- "scope": "css,scss,less"
- },
- "--o-gray-1": {
- "prefix": [
- "var(--o-gray-1)"
- ],
- "body": "var(--o-gray-1)",
- "description": "[light: 255, 255, 255, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-gray-2": {
- "prefix": [
- "var(--o-gray-2)"
- ],
- "body": "var(--o-gray-2)",
- "description": "[light: 243, 243, 245, dark: 18, 18, 20]",
- "scope": "css,scss,less"
- },
- "--o-gray-3": {
- "prefix": [
- "var(--o-gray-3)"
- ],
- "body": "var(--o-gray-3)",
- "description": "[light: 237, 237, 240, dark: 26, 26, 28]",
- "scope": "css,scss,less"
- },
- "--o-gray-4": {
- "prefix": [
- "var(--o-gray-4)"
- ],
- "body": "var(--o-gray-4)",
- "description": "[light: 232, 232, 235, dark: 36, 36, 39]",
- "scope": "css,scss,less"
- },
- "--o-gray-5": {
- "prefix": [
- "var(--o-gray-5)"
- ],
- "body": "var(--o-gray-5)",
- "description": "[light: 222, 222, 227, dark: 43, 43, 47]",
- "scope": "css,scss,less"
- },
- "--o-gray-6": {
- "prefix": [
- "var(--o-gray-6)"
- ],
- "body": "var(--o-gray-6)",
- "description": "[light: 210, 210, 217, dark: 53, 53, 57]",
- "scope": "css,scss,less"
- },
- "--o-gray-7": {
- "prefix": [
- "var(--o-gray-7)"
- ],
- "body": "var(--o-gray-7)",
- "description": "[light: 186, 186, 191, dark: 63, 63, 67]",
- "scope": "css,scss,less"
- },
- "--o-gray-8": {
- "prefix": [
- "var(--o-gray-8)"
- ],
- "body": "var(--o-gray-8)",
- "description": "[light: 149, 149, 156, dark: 85, 85, 88]",
- "scope": "css,scss,less"
- },
- "--o-gray-9": {
- "prefix": [
- "var(--o-gray-9)"
- ],
- "body": "var(--o-gray-9)",
- "description": "[light: 111, 111, 117, dark: 118, 118, 122]",
- "scope": "css,scss,less"
- },
- "--o-gray-10": {
- "prefix": [
- "var(--o-gray-10)"
- ],
- "body": "var(--o-gray-10)",
- "description": "[light: 85, 85, 92, dark: 156, 156, 159]",
- "scope": "css,scss,less"
- },
- "--o-gray-11": {
- "prefix": [
- "var(--o-gray-11)"
- ],
- "body": "var(--o-gray-11)",
- "description": "[light: 61, 61, 66, dark: 181, 181, 185]",
- "scope": "css,scss,less"
- },
- "--o-gray-12": {
- "prefix": [
- "var(--o-gray-12)"
- ],
- "body": "var(--o-gray-12)",
- "description": "[light: 37, 37, 41, dark: 208, 208, 210]",
- "scope": "css,scss,less"
- },
- "--o-gray-13": {
- "prefix": [
- "var(--o-gray-13)"
- ],
- "body": "var(--o-gray-13)",
- "description": "[light: 21, 21, 23, dark: 235, 235, 238]",
- "scope": "css,scss,less"
- },
- "--o-gray-14": {
- "prefix": [
- "var(--o-gray-14)"
- ],
- "body": "var(--o-gray-14)",
- "description": "[light: 0, 0, 0, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-1": {
- "prefix": [
- "var(--o-mixedgray-1)"
- ],
- "body": "var(--o-mixedgray-1)",
- "description": "[light: 255, 255, 255, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-2": {
- "prefix": [
- "var(--o-mixedgray-2)"
- ],
- "body": "var(--o-mixedgray-2)",
- "description": "[light: 244, 245, 247, dark: 16, 18, 20]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-3": {
- "prefix": [
- "var(--o-mixedgray-3)"
- ],
- "body": "var(--o-mixedgray-3)",
- "description": "[light: 237, 239, 242, dark: 23, 25, 28]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-4": {
- "prefix": [
- "var(--o-mixedgray-4)"
- ],
- "body": "var(--o-mixedgray-4)",
- "description": "[light: 232, 234, 237, dark: 33, 35, 39]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-5": {
- "prefix": [
- "var(--o-mixedgray-5)"
- ],
- "body": "var(--o-mixedgray-5)",
- "description": "[light: 224, 226, 230, dark: 40, 42, 47]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-6": {
- "prefix": [
- "var(--o-mixedgray-6)"
- ],
- "body": "var(--o-mixedgray-6)",
- "description": "[light: 209, 214, 219, dark: 50, 53, 57]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-7": {
- "prefix": [
- "var(--o-mixedgray-7)"
- ],
- "body": "var(--o-mixedgray-7)",
- "description": "[light: 179, 185, 191, dark: 61, 63, 67]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-8": {
- "prefix": [
- "var(--o-mixedgray-8)"
- ],
- "body": "var(--o-mixedgray-8)",
- "description": "[light: 144, 150, 158, dark: 80, 84, 88]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-9": {
- "prefix": [
- "var(--o-mixedgray-9)"
- ],
- "body": "var(--o-mixedgray-9)",
- "description": "[light: 104, 109, 117, dark: 113, 117, 122]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-10": {
- "prefix": [
- "var(--o-mixedgray-10)"
- ],
- "body": "var(--o-mixedgray-10)",
- "description": "[light: 79, 84, 92, dark: 147, 152, 159]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-11": {
- "prefix": [
- "var(--o-mixedgray-11)"
- ],
- "body": "var(--o-mixedgray-11)",
- "description": "[light: 55, 59, 66, dark: 172, 177, 185]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-12": {
- "prefix": [
- "var(--o-mixedgray-12)"
- ],
- "body": "var(--o-mixedgray-12)",
- "description": "[light: 32, 35, 41, dark: 198, 202, 210]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-13": {
- "prefix": [
- "var(--o-mixedgray-13)"
- ],
- "body": "var(--o-mixedgray-13)",
- "description": "[light: 18, 20, 23, dark: 231, 234, 238]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-14": {
- "prefix": [
- "var(--o-mixedgray-14)"
- ],
- "body": "var(--o-mixedgray-14)",
- "description": "[light: 0, 0, 0, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-yellow-1": {
- "prefix": [
- "var(--o-yellow-1)"
- ],
- "body": "var(--o-yellow-1)",
- "description": "[light: 255, 255, 232, dark: 77, 54, 0]",
- "scope": "css,scss,less"
- },
- "--o-yellow-2": {
- "prefix": [
- "var(--o-yellow-2)"
- ],
- "body": "var(--o-yellow-2)",
- "description": "[light: 253, 251, 185, dark: 119, 87, 2]",
- "scope": "css,scss,less"
- },
- "--o-yellow-3": {
- "prefix": [
- "var(--o-yellow-3)"
- ],
- "body": "var(--o-yellow-3)",
- "description": "[light: 251, 244, 139, dark: 161, 126, 11]",
- "scope": "css,scss,less"
- },
- "--o-yellow-4": {
- "prefix": [
- "var(--o-yellow-4)"
- ],
- "body": "var(--o-yellow-4)",
- "description": "[light: 249, 233, 94, dark: 203, 167, 24]",
- "scope": "css,scss,less"
- },
- "--o-yellow-5": {
- "prefix": [
- "var(--o-yellow-5)"
- ],
- "body": "var(--o-yellow-5)",
- "description": "[light: 247, 221, 49, dark: 245, 211, 42]",
- "scope": "css,scss,less"
- },
- "--o-yellow-6": {
- "prefix": [
- "var(--o-yellow-6)"
- ],
- "body": "var(--o-yellow-6)",
- "description": "[light: 245, 205, 5, dark: 247, 222, 54]",
- "scope": "css,scss,less"
- },
- "--o-yellow-7": {
- "prefix": [
- "var(--o-yellow-7)"
- ],
- "body": "var(--o-yellow-7)",
- "description": "[light: 203, 163, 3, dark: 249, 234, 100]",
- "scope": "css,scss,less"
- },
- "--o-yellow-8": {
- "prefix": [
- "var(--o-yellow-8)"
- ],
- "body": "var(--o-yellow-8)",
- "description": "[light: 161, 124, 2, dark: 251, 244, 146]",
- "scope": "css,scss,less"
- },
- "--o-yellow-9": {
- "prefix": [
- "var(--o-yellow-9)"
- ],
- "body": "var(--o-yellow-9)",
- "description": "[light: 119, 87, 1, dark: 253, 251, 192]",
- "scope": "css,scss,less"
- },
- "--o-yellow-10": {
- "prefix": [
- "var(--o-yellow-10)"
- ],
- "body": "var(--o-yellow-10)",
- "description": "[light: 77, 54, 0, dark: 255, 255, 240]",
- "scope": "css,scss,less"
- },
- "--o-lime-1": {
- "prefix": [
- "var(--o-lime-1)"
- ],
- "body": "var(--o-lime-1)",
- "description": "[light: 251, 255, 232, dark: 41, 77, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-2": {
- "prefix": [
- "var(--o-lime-2)"
- ],
- "body": "var(--o-lime-2)",
- "description": "[light: 233, 245, 184, dark: 63, 109, 3]",
- "scope": "css,scss,less"
- },
- "--o-lime-3": {
- "prefix": [
- "var(--o-lime-3)"
- ],
- "body": "var(--o-lime-3)",
- "description": "[light: 213, 236, 139, dark: 91, 142, 14]",
- "scope": "css,scss,less"
- },
- "--o-lime-4": {
- "prefix": [
- "var(--o-lime-4)"
- ],
- "body": "var(--o-lime-4)",
- "description": "[light: 192, 226, 97, dark: 121, 174, 30]",
- "scope": "css,scss,less"
- },
- "--o-lime-5": {
- "prefix": [
- "var(--o-lime-5)"
- ],
- "body": "var(--o-lime-5)",
- "description": "[light: 169, 217, 59, dark: 155, 207, 50]",
- "scope": "css,scss,less"
- },
- "--o-lime-6": {
- "prefix": [
- "var(--o-lime-6)"
- ],
- "body": "var(--o-lime-6)",
- "description": "[light: 146, 207, 23, dark: 172, 217, 68]",
- "scope": "css,scss,less"
- },
- "--o-lime-7": {
- "prefix": [
- "var(--o-lime-7)"
- ],
- "body": "var(--o-lime-7)",
- "description": "[light: 116, 174, 15, dark: 194, 226, 104]",
- "scope": "css,scss,less"
- },
- "--o-lime-8": {
- "prefix": [
- "var(--o-lime-8)"
- ],
- "body": "var(--o-lime-8)",
- "description": "[light: 88, 142, 8, dark: 214, 236, 144]",
- "scope": "css,scss,less"
- },
- "--o-lime-9": {
- "prefix": [
- "var(--o-lime-9)"
- ],
- "body": "var(--o-lime-9)",
- "description": "[light: 63, 109, 3, dark: 233, 245, 186]",
- "scope": "css,scss,less"
- },
- "--o-lime-10": {
- "prefix": [
- "var(--o-lime-10)"
- ],
- "body": "var(--o-lime-10)",
- "description": "[light: 41, 77, 0, dark: 251, 255, 232]",
- "scope": "css,scss,less"
- },
- "--o-cyan-1": {
- "prefix": [
- "var(--o-cyan-1)"
- ],
- "body": "var(--o-cyan-1)",
- "description": "[light: 232, 255, 249, dark: 0, 73, 77]",
- "scope": "css,scss,less"
- },
- "--o-cyan-2": {
- "prefix": [
- "var(--o-cyan-2)"
- ],
- "body": "var(--o-cyan-2)",
- "description": "[light: 176, 240, 226, dark: 2, 101, 103]",
- "scope": "css,scss,less"
- },
- "--o-cyan-3": {
- "prefix": [
- "var(--o-cyan-3)"
- ],
- "body": "var(--o-cyan-3)",
- "description": "[light: 125, 225, 207, dark: 9, 129, 127]",
- "scope": "css,scss,less"
- },
- "--o-cyan-4": {
- "prefix": [
- "var(--o-cyan-4)"
- ],
- "body": "var(--o-cyan-4)",
- "description": "[light: 79, 211, 191, dark: 18, 155, 148]",
- "scope": "css,scss,less"
- },
- "--o-cyan-5": {
- "prefix": [
- "var(--o-cyan-5)"
- ],
- "body": "var(--o-cyan-5)",
- "description": "[light: 38, 196, 177, dark: 30, 181, 167]",
- "scope": "css,scss,less"
- },
- "--o-cyan-6": {
- "prefix": [
- "var(--o-cyan-6)"
- ],
- "body": "var(--o-cyan-6)",
- "description": "[light: 3, 181, 165, dark: 42, 196, 178]",
- "scope": "css,scss,less"
- },
- "--o-cyan-7": {
- "prefix": [
- "var(--o-cyan-7)"
- ],
- "body": "var(--o-cyan-7)",
- "description": "[light: 2, 155, 147, dark: 84, 211, 192]",
- "scope": "css,scss,less"
- },
- "--o-cyan-8": {
- "prefix": [
- "var(--o-cyan-8)"
- ],
- "body": "var(--o-cyan-8)",
- "description": "[light: 1, 129, 127, dark: 130, 225, 208]",
- "scope": "css,scss,less"
- },
- "--o-cyan-9": {
- "prefix": [
- "var(--o-cyan-9)"
- ],
- "body": "var(--o-cyan-9)",
- "description": "[light: 0, 101, 103, dark: 182, 240, 227]",
- "scope": "css,scss,less"
- },
- "--o-cyan-10": {
- "prefix": [
- "var(--o-cyan-10)"
- ],
- "body": "var(--o-cyan-10)",
- "description": "[light: 0, 73, 77, dark: 239, 255, 251]",
- "scope": "css,scss,less"
- },
- "--o-blue-1": {
- "prefix": [
- "var(--o-blue-1)"
- ],
- "body": "var(--o-blue-1)",
- "description": "[light: 232, 249, 255, dark: 0, 34, 77]",
- "scope": "css,scss,less"
- },
- "--o-blue-2": {
- "prefix": [
- "var(--o-blue-2)"
- ],
- "body": "var(--o-blue-2)",
- "description": "[light: 185, 233, 252, dark: 1, 57, 117]",
- "scope": "css,scss,less"
- },
- "--o-blue-3": {
- "prefix": [
- "var(--o-blue-3)"
- ],
- "body": "var(--o-blue-3)",
- "description": "[light: 138, 214, 249, dark: 8, 86, 158]",
- "scope": "css,scss,less"
- },
- "--o-blue-4": {
- "prefix": [
- "var(--o-blue-4)"
- ],
- "body": "var(--o-blue-4)",
- "description": "[light: 93, 192, 246, dark: 18, 118, 199]",
- "scope": "css,scss,less"
- },
- "--o-blue-5": {
- "prefix": [
- "var(--o-blue-5)"
- ],
- "body": "var(--o-blue-5)",
- "description": "[light: 48, 168, 243, dark: 31, 153, 240]",
- "scope": "css,scss,less"
- },
- "--o-blue-6": {
- "prefix": [
- "var(--o-blue-6)"
- ],
- "body": "var(--o-blue-6)",
- "description": "[light: 5, 142, 240, dark: 42, 166, 243]",
- "scope": "css,scss,less"
- },
- "--o-blue-7": {
- "prefix": [
- "var(--o-blue-7)"
- ],
- "body": "var(--o-blue-7)",
- "description": "[light: 3, 111, 199, dark: 89, 191, 246]",
- "scope": "css,scss,less"
- },
- "--o-blue-8": {
- "prefix": [
- "var(--o-blue-8)"
- ],
- "body": "var(--o-blue-8)",
- "description": "[light: 2, 83, 158, dark: 137, 214, 249]",
- "scope": "css,scss,less"
- },
- "--o-blue-9": {
- "prefix": [
- "var(--o-blue-9)"
- ],
- "body": "var(--o-blue-9)",
- "description": "[light: 1, 57, 117, dark: 187, 233, 252]",
- "scope": "css,scss,less"
- },
- "--o-blue-10": {
- "prefix": [
- "var(--o-blue-10)"
- ],
- "body": "var(--o-blue-10)",
- "description": "[light: 0, 34, 77, dark: 237, 250, 255]",
- "scope": "css,scss,less"
- },
- "--o-purple-1": {
- "prefix": [
- "var(--o-purple-1)"
- ],
- "body": "var(--o-purple-1)",
- "description": "[light: 245, 232, 255, dark: 22, 0, 77]",
- "scope": "css,scss,less"
- },
- "--o-purple-2": {
- "prefix": [
- "var(--o-purple-2)"
- ],
- "body": "var(--o-purple-2)",
- "description": "[light: 225, 192, 253, dark: 40, 3, 118]",
- "scope": "css,scss,less"
- },
- "--o-purple-3": {
- "prefix": [
- "var(--o-purple-3)"
- ],
- "body": "var(--o-purple-3)",
- "description": "[light: 203, 152, 251, dark: 66, 15, 160]",
- "scope": "css,scss,less"
- },
- "--o-purple-4": {
- "prefix": [
- "var(--o-purple-4)"
- ],
- "body": "var(--o-purple-4)",
- "description": "[light: 178, 113, 248, dark: 98, 33, 202]",
- "scope": "css,scss,less"
- },
- "--o-purple-5": {
- "prefix": [
- "var(--o-purple-5)"
- ],
- "body": "var(--o-purple-5)",
- "description": "[light: 152, 75, 246, dark: 134, 57, 244]",
- "scope": "css,scss,less"
- },
- "--o-purple-6": {
- "prefix": [
- "var(--o-purple-6)"
- ],
- "body": "var(--o-purple-6)",
- "description": "[light: 123, 37, 244, dark: 152, 74, 246]",
- "scope": "css,scss,less"
- },
- "--o-purple-7": {
- "prefix": [
- "var(--o-purple-7)"
- ],
- "body": "var(--o-purple-7)",
- "description": "[light: 92, 23, 202, dark: 179, 114, 248]",
- "scope": "css,scss,less"
- },
- "--o-purple-8": {
- "prefix": [
- "var(--o-purple-8)"
- ],
- "body": "var(--o-purple-8)",
- "description": "[light: 64, 12, 160, dark: 205, 156, 251]",
- "scope": "css,scss,less"
- },
- "--o-purple-9": {
- "prefix": [
- "var(--o-purple-9)"
- ],
- "body": "var(--o-purple-9)",
- "description": "[light: 41, 4, 118, dark: 228, 198, 253]",
- "scope": "css,scss,less"
- },
- "--o-purple-10": {
- "prefix": [
- "var(--o-purple-10)"
- ],
- "body": "var(--o-purple-10)",
- "description": "[light: 22, 0, 77, dark: 249, 240, 255]",
- "scope": "css,scss,less"
- },
- "--o-pink-1": {
- "prefix": [
- "var(--o-pink-1)"
- ],
- "body": "var(--o-pink-1)",
- "description": "[light: 255, 232, 253, dark: 61, 0, 77]",
- "scope": "css,scss,less"
- },
- "--o-pink-2": {
- "prefix": [
- "var(--o-pink-2)"
- ],
- "body": "var(--o-pink-2)",
- "description": "[light: 246, 188, 243, dark: 93, 5, 110]",
- "scope": "css,scss,less"
- },
- "--o-pink-3": {
- "prefix": [
- "var(--o-pink-3)"
- ],
- "body": "var(--o-pink-3)",
- "description": "[light: 238, 146, 235, dark: 127, 16, 144]",
- "scope": "css,scss,less"
- },
- "--o-pink-4": {
- "prefix": [
- "var(--o-pink-4)"
- ],
- "body": "var(--o-pink-4)",
- "description": "[light: 229, 107, 229, dark: 164, 33, 178]",
- "scope": "css,scss,less"
- },
- "--o-pink-5": {
- "prefix": [
- "var(--o-pink-5)"
- ],
- "body": "var(--o-pink-5)",
- "description": "[light: 216, 71, 221, dark: 200, 54, 212]",
- "scope": "css,scss,less"
- },
- "--o-pink-6": {
- "prefix": [
- "var(--o-pink-6)"
- ],
- "body": "var(--o-pink-6)",
- "description": "[light: 199, 37, 212, dark: 216, 72, 221]",
- "scope": "css,scss,less"
- },
- "--o-pink-7": {
- "prefix": [
- "var(--o-pink-7)"
- ],
- "body": "var(--o-pink-7)",
- "description": "[light: 163, 23, 178, dark: 229, 109, 229]",
- "scope": "css,scss,less"
- },
- "--o-pink-8": {
- "prefix": [
- "var(--o-pink-8)"
- ],
- "body": "var(--o-pink-8)",
- "description": "[light: 127, 13, 144, dark: 238, 149, 235]",
- "scope": "css,scss,less"
- },
- "--o-pink-9": {
- "prefix": [
- "var(--o-pink-9)"
- ],
- "body": "var(--o-pink-9)",
- "description": "[light: 93, 5, 110, dark: 246, 191, 243]",
- "scope": "css,scss,less"
- },
- "--o-pink-10": {
- "prefix": [
- "var(--o-pink-10)"
- ],
- "body": "var(--o-pink-10)",
- "description": "[light: 61, 0, 77, dark: 255, 236, 253]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-1": {
- "prefix": [
- "var(--o-rosyred-1)"
- ],
- "body": "var(--o-rosyred-1)",
- "description": "[light: 255, 232, 240, dark: 77, 0, 48]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-2": {
- "prefix": [
- "var(--o-rosyred-2)"
- ],
- "body": "var(--o-rosyred-2)",
- "description": "[light: 249, 185, 209, dark: 114, 3, 70]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-3": {
- "prefix": [
- "var(--o-rosyred-3)"
- ],
- "body": "var(--o-rosyred-3)",
- "description": "[light: 243, 141, 182, dark: 151, 12, 91]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-4": {
- "prefix": [
- "var(--o-rosyred-4)"
- ],
- "body": "var(--o-rosyred-4)",
- "description": "[light: 238, 98, 158, dark: 189, 25, 112]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-5": {
- "prefix": [
- "var(--o-rosyred-5)"
- ],
- "body": "var(--o-rosyred-5)",
- "description": "[light: 232, 57, 139, dark: 226, 41, 133]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-6": {
- "prefix": [
- "var(--o-rosyred-6)"
- ],
- "body": "var(--o-rosyred-6)",
- "description": "[light: 226, 18, 122, dark: 232, 53, 137]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-7": {
- "prefix": [
- "var(--o-rosyred-7)"
- ],
- "body": "var(--o-rosyred-7)",
- "description": "[light: 189, 11, 106, dark: 238, 97, 158]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-8": {
- "prefix": [
- "var(--o-rosyred-8)"
- ],
- "body": "var(--o-rosyred-8)",
- "description": "[light: 151, 6, 88, dark: 243, 143, 183]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-9": {
- "prefix": [
- "var(--o-rosyred-9)"
- ],
- "body": "var(--o-rosyred-9)",
- "description": "[light: 114, 2, 69, dark: 249, 192, 213]",
- "scope": "css,scss,less"
- },
- "--o-rosyred-10": {
- "prefix": [
- "var(--o-rosyred-10)"
- ],
- "body": "var(--o-rosyred-10)",
- "description": "[light: 77, 0, 48, dark: 255, 242, 247]",
- "scope": "css,scss,less"
- },
- "--o-color-white": {
- "prefix": [
- "var(--o-color-white)"
- ],
- "body": "var(--o-color-white)",
- "description": "[light: rgb(var(--o-white)), dark: rgb(var(--o-white))]",
- "scope": "css,scss,less"
- },
- "--o-color-black": {
- "prefix": [
- "var(--o-color-black)"
- ],
- "body": "var(--o-color-black)",
- "description": "[light: rgb(var(--o-black)), dark: rgb(var(--o-black))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary1": {
- "prefix": [
- "var(--o-color-primary1)"
- ],
- "body": "var(--o-color-primary1)",
- "description": "常规[light: rgb(var(--o-gray-12)), dark: rgb(var(--o-gray-14))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary2": {
- "prefix": [
- "var(--o-color-primary2)"
- ],
- "body": "var(--o-color-primary2)",
- "description": "悬浮[light: rgb(var(--o-gray-11)), dark: rgb(var(--o-gray-13))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary3": {
- "prefix": [
- "var(--o-color-primary3)"
- ],
- "body": "var(--o-color-primary3)",
- "description": "激活[light: rgb(var(--o-gray-13)), dark: rgb(var(--o-gray-12))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary4": {
- "prefix": [
- "var(--o-color-primary4)"
- ],
- "body": "var(--o-color-primary4)",
- "description": "禁用[light: rgb(var(--o-gray-6)), dark: rgb(var(--o-gray-8))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary1-light": {
- "prefix": [
- "var(--o-color-primary1-light)"
- ],
- "body": "var(--o-color-primary1-light)",
- "description": "常规-浅[light: rgb(var(--o-gray-4)), dark: rgb(var(--o-gray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary2-light": {
- "prefix": [
- "var(--o-color-primary2-light)"
- ],
- "body": "var(--o-color-primary2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-gray-5)), dark: rgb(var(--o-gray-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary3-light": {
- "prefix": [
- "var(--o-color-primary3-light)"
- ],
- "body": "var(--o-color-primary3-light)",
- "description": "激活-浅[light: rgb(var(--o-gray-6)), dark: rgb(var(--o-gray-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary4-light": {
- "prefix": [
- "var(--o-color-primary4-light)"
- ],
- "body": "var(--o-color-primary4-light)",
- "description": "禁用-浅[light: rgb(var(--o-gray-5)), dark: rgb(var(--o-gray-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-success1": {
- "prefix": [
- "var(--o-color-success1)"
- ],
- "body": "var(--o-color-success1)",
- "description": "常规[light: rgb(var(--o-green-6)), dark: rgb(var(--o-green-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-success2": {
- "prefix": [
- "var(--o-color-success2)"
- ],
- "body": "var(--o-color-success2)",
- "description": "悬浮[light: rgb(var(--o-green-4)), dark: rgb(var(--o-green-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-success3": {
- "prefix": [
- "var(--o-color-success3)"
- ],
- "body": "var(--o-color-success3)",
- "description": "激活[light: rgb(var(--o-green-7)), dark: rgb(var(--o-green-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-success4": {
- "prefix": [
- "var(--o-color-success4)"
- ],
- "body": "var(--o-color-success4)",
- "description": "禁用[light: rgb(var(--o-green-3)), dark: rgb(var(--o-green-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-success1-light": {
- "prefix": [
- "var(--o-color-success1-light)"
- ],
- "body": "var(--o-color-success1-light)",
- "description": "常规-浅[light: rgb(var(--o-green-2)), dark: rgb(var(--o-green-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-success2-light": {
- "prefix": [
- "var(--o-color-success2-light)"
- ],
- "body": "var(--o-color-success2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-green-3)), dark: rgb(var(--o-green-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-success3-light": {
- "prefix": [
- "var(--o-color-success3-light)"
- ],
- "body": "var(--o-color-success3-light)",
- "description": "激活-浅[light: rgb(var(--o-green-4)), dark: rgb(var(--o-green-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-success4-light": {
- "prefix": [
- "var(--o-color-success4-light)"
- ],
- "body": "var(--o-color-success4-light)",
- "description": "禁用-浅[light: rgb(var(--o-green-1)), dark: rgb(var(--o-green-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning1": {
- "prefix": [
- "var(--o-color-warning1)"
- ],
- "body": "var(--o-color-warning1)",
- "description": "常规[light: rgb(var(--o-orange-6)), dark: rgb(var(--o-orange-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning2": {
- "prefix": [
- "var(--o-color-warning2)"
- ],
- "body": "var(--o-color-warning2)",
- "description": "悬浮[light: rgb(var(--o-orange-4)), dark: rgb(var(--o-orange-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning3": {
- "prefix": [
- "var(--o-color-warning3)"
- ],
- "body": "var(--o-color-warning3)",
- "description": "激活[light: rgb(var(--o-orange-7)), dark: rgb(var(--o-orange-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning4": {
- "prefix": [
- "var(--o-color-warning4)"
- ],
- "body": "var(--o-color-warning4)",
- "description": "禁用[light: rgb(var(--o-orange-3)), dark: rgb(var(--o-orange-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning1-light": {
- "prefix": [
- "var(--o-color-warning1-light)"
- ],
- "body": "var(--o-color-warning1-light)",
- "description": "常规-浅[light: rgb(var(--o-orange-2)), dark: rgb(var(--o-orange-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning2-light": {
- "prefix": [
- "var(--o-color-warning2-light)"
- ],
- "body": "var(--o-color-warning2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-orange-3)), dark: rgb(var(--o-orange-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning3-light": {
- "prefix": [
- "var(--o-color-warning3-light)"
- ],
- "body": "var(--o-color-warning3-light)",
- "description": "激活-浅[light: rgb(var(--o-orange-4)), dark: rgb(var(--o-orange-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning4-light": {
- "prefix": [
- "var(--o-color-warning4-light)"
- ],
- "body": "var(--o-color-warning4-light)",
- "description": "禁用-浅[light: rgb(var(--o-orange-1)), dark: rgb(var(--o-orange-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger1": {
- "prefix": [
- "var(--o-color-danger1)"
- ],
- "body": "var(--o-color-danger1)",
- "description": "常规[light: rgb(var(--o-red-6)), dark: rgb(var(--o-red-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger2": {
- "prefix": [
- "var(--o-color-danger2)"
- ],
- "body": "var(--o-color-danger2)",
- "description": "悬浮[light: rgb(var(--o-red-4)), dark: rgb(var(--o-red-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger3": {
- "prefix": [
- "var(--o-color-danger3)"
- ],
- "body": "var(--o-color-danger3)",
- "description": "激活[light: rgb(var(--o-red-7)), dark: rgb(var(--o-red-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger4": {
- "prefix": [
- "var(--o-color-danger4)"
- ],
- "body": "var(--o-color-danger4)",
- "description": "禁用[light: rgb(var(--o-red-3)), dark: rgb(var(--o-red-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger1-light": {
- "prefix": [
- "var(--o-color-danger1-light)"
- ],
- "body": "var(--o-color-danger1-light)",
- "description": "常规-浅[light: rgb(var(--o-red-2)), dark: rgb(var(--o-red-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger2-light": {
- "prefix": [
- "var(--o-color-danger2-light)"
- ],
- "body": "var(--o-color-danger2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-red-3)), dark: rgb(var(--o-red-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger3-light": {
- "prefix": [
- "var(--o-color-danger3-light)"
- ],
- "body": "var(--o-color-danger3-light)",
- "description": "激活-浅[light: rgb(var(--o-red-4)), dark: rgb(var(--o-red-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger4-light": {
- "prefix": [
- "var(--o-color-danger4-light)"
- ],
- "body": "var(--o-color-danger4-light)",
- "description": "禁用-浅[light: rgb(var(--o-red-1)), dark: rgb(var(--o-red-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill1": {
- "prefix": [
- "var(--o-color-fill1)"
- ],
- "body": "var(--o-color-fill1)",
- "description": "一级填充:页面背景[light: rgb(var(--o-gray-2)), dark: rgb(var(--o-gray-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill2": {
- "prefix": [
- "var(--o-color-fill2)"
- ],
- "body": "var(--o-color-fill2)",
- "description": "二级填充:区块、卡片[light: rgb(var(--o-gray-1)), dark: rgb(var(--o-gray-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill3": {
- "prefix": [
- "var(--o-color-fill3)"
- ],
- "body": "var(--o-color-fill3)",
- "description": "三级填充:卡片[light: rgb(var(--o-gray-3)), dark: rgb(var(--o-gray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control1": {
- "prefix": [
- "var(--o-color-control1)"
- ],
- "body": "var(--o-color-control1)",
- "description": "常规,常用于边框[light: rgba(var(--o-gray-14), 0.25), dark: rgba(var(--o-gray-14), 0.25)]",
- "scope": "css,scss,less"
- },
- "--o-color-control2": {
- "prefix": [
- "var(--o-color-control2)"
- ],
- "body": "var(--o-color-control2)",
- "description": "悬浮,常用于边框[light: rgba(var(--o-gray-14), 0.6), dark: rgba(var(--o-gray-14), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-control3": {
- "prefix": [
- "var(--o-color-control3)"
- ],
- "body": "var(--o-color-control3)",
- "description": "激活,常用于边框[light: rgba(var(--o-gray-14), 0.8), dark: rgba(var(--o-gray-14), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-control4": {
- "prefix": [
- "var(--o-color-control4)"
- ],
- "body": "var(--o-color-control4)",
- "description": "禁用,常用于边框[light: rgba(var(--o-gray-14), 0.1), dark: rgba(var(--o-gray-14), 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-color-control1-light": {
- "prefix": [
- "var(--o-color-control1-light)"
- ],
- "body": "var(--o-color-control1-light)",
- "description": "常规-浅,常用于背景[light: rgb(var(--o-gray-5)), dark: rgb(var(--o-gray-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-control2-light": {
- "prefix": [
- "var(--o-color-control2-light)"
- ],
- "body": "var(--o-color-control2-light)",
- "description": "悬浮-浅,常用于背景[light: rgb(var(--o-gray-3)), dark: rgb(var(--o-gray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control3-light": {
- "prefix": [
- "var(--o-color-control3-light)"
- ],
- "body": "var(--o-color-control3-light)",
- "description": "激活-浅,常用于背景[light: rgb(var(--o-gray-4)), dark: rgb(var(--o-gray-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-control4-light": {
- "prefix": [
- "var(--o-color-control4-light)"
- ],
- "body": "var(--o-color-control4-light)",
- "description": "禁用,常用于背景[light: rgb(var(--o-gray-3)), dark: rgb(var(--o-gray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control-light": {
- "prefix": [
- "var(--o-color-control-light)"
- ],
- "body": "var(--o-color-control-light)",
- "description": "很浅,常用于表格背景色[light: rgb(var(--o-gray-1)), dark: rgb(var(--o-gray-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-info1": {
- "prefix": [
- "var(--o-color-info1)"
- ],
- "body": "var(--o-color-info1)",
- "description": "一级/强调/标题[light: rgba(var(--o-gray-14), 1.0), dark: rgba(var(--o-gray-14), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info2": {
- "prefix": [
- "var(--o-color-info2)"
- ],
- "body": "var(--o-color-info2)",
- "description": "二级/次强调/正文[light: rgba(var(--o-gray-14), 0.8), dark: rgba(var(--o-gray-14), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-info3": {
- "prefix": [
- "var(--o-color-info3)"
- ],
- "body": "var(--o-color-info3)",
- "description": "三级/辅助信息[light: rgba(var(--o-gray-14), 0.6), dark: rgba(var(--o-gray-14), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-info4": {
- "prefix": [
- "var(--o-color-info4)"
- ],
- "body": "var(--o-color-info4)",
- "description": "置灰/禁用[light: rgba(var(--o-gray-14), 0.4), dark: rgba(var(--o-gray-14), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-info1-inverse": {
- "prefix": [
- "var(--o-color-info1-inverse)"
- ],
- "body": "var(--o-color-info1-inverse)",
- "description": "一级/次强调/正文反色[light: rgba(var(--o-gray-1), 1.0), dark: rgba(var(--o-gray-1), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info2-inverse": {
- "prefix": [
- "var(--o-color-info2-inverse)"
- ],
- "body": "var(--o-color-info2-inverse)",
- "description": "二级/辅助信息反色[light: rgba(var(--o-gray-1), 0.8), dark: rgba(var(--o-gray-1), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-info3-inverse": {
- "prefix": [
- "var(--o-color-info3-inverse)"
- ],
- "body": "var(--o-color-info3-inverse)",
- "description": "三级/辅助信息反色[light: rgba(var(--o-gray-1), 0.6), dark: rgba(var(--o-gray-1), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-info4-inverse": {
- "prefix": [
- "var(--o-color-info4-inverse)"
- ],
- "body": "var(--o-color-info4-inverse)",
- "description": "置灰/禁用反色[light: rgba(var(--o-gray-1), 0.4), dark: rgba(var(--o-gray-1), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-mask1": {
- "prefix": [
- "var(--o-color-mask1)"
- ],
- "body": "var(--o-color-mask1)",
- "description": "全局遮罩[light: rgba(var(--o-gray-14), 0.4), dark: rgba(var(--o-gray-1), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-mask2": {
- "prefix": [
- "var(--o-color-mask2)"
- ],
- "body": "var(--o-color-mask2)",
- "description": "局部遮罩[light: rgba(var(--o-gray-1), 0.2), dark: rgba(var(--o-gray-4), 0.2)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-1": {
- "prefix": [
- "var(--o-shadow-1)"
- ],
- "body": "var(--o-shadow-1)",
- "description": "用于卡片、小弹窗、楼层阴影[light: 0 3px 8px rgba(var(--o-gray-14), 0.08), dark: 0 3px 8px rgba(var(--o-gray-1), 0.08)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-2": {
- "prefix": [
- "var(--o-shadow-2)"
- ],
- "body": "var(--o-shadow-2)",
- "description": "用于卡片悬浮阴影[light: 0 2px 24px rgba(var(--o-gray-14), 0.15), dark: 0 2px 24px rgba(var(--o-gray-1), 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-3": {
- "prefix": [
- "var(--o-shadow-3)"
- ],
- "body": "var(--o-shadow-3)",
- "description": "用于提示阴影[light: 0 8px 40px rgba(var(--o-gray-14), 0.1), dark: 0 8px 40px rgba(var(--o-gray-1), 0.1)]",
- "scope": "css,scss,less"
- },
- "--o-color-link1": {
- "prefix": [
- "var(--o-color-link1)"
- ],
- "body": "var(--o-color-link1)",
- "description": "常规[light: rgba(var(--o-deepblue-6), 1.0), dark: rgba(var(--o-deepblue-6), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-link2": {
- "prefix": [
- "var(--o-color-link2)"
- ],
- "body": "var(--o-color-link2)",
- "description": "悬浮[light: rgba(var(--o-deepblue-6), 0.7), dark: rgba(var(--o-deepblue-6), 0.7)]",
- "scope": "css,scss,less"
- },
- "--o-color-link3": {
- "prefix": [
- "var(--o-color-link3)"
- ],
- "body": "var(--o-color-link3)",
- "description": "激活[light: rgba(var(--o-deepblue-6), 0.9), dark: rgba(var(--o-deepblue-6), 0.9)]",
- "scope": "css,scss,less"
- },
- "--o-color-link4": {
- "prefix": [
- "var(--o-color-link4)"
- ],
- "body": "var(--o-color-link4)",
- "description": "禁用[light: rgba(var(--o-deepblue-6), 0.4), dark: rgba(var(--o-deepblue-6), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-gap-1": {
- "prefix": [
- "var(--o-gap-1)"
- ],
- "body": "var(--o-gap-1)",
- "description": "用于组件之间的间距1[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-gap-2": {
- "prefix": [
- "var(--o-gap-2)"
- ],
- "body": "var(--o-gap-2)",
- "description": "用于组件之间的间距2[light: 8px, dark: 8px]",
- "scope": "css,scss,less"
- },
- "--o-gap-3": {
- "prefix": [
- "var(--o-gap-3)"
- ],
- "body": "var(--o-gap-3)",
- "description": "用于组件之间的间距3[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-gap-4": {
- "prefix": [
- "var(--o-gap-4)"
- ],
- "body": "var(--o-gap-4)",
- "description": "用于组件之间的间距4[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-gap-5": {
- "prefix": [
- "var(--o-gap-5)"
- ],
- "body": "var(--o-gap-5)",
- "description": "用于组件之间的间距5[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-gap-6": {
- "prefix": [
- "var(--o-gap-6)"
- ],
- "body": "var(--o-gap-6)",
- "description": "用于组件之间的间距6[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-gap-7": {
- "prefix": [
- "var(--o-gap-7)"
- ],
- "body": "var(--o-gap-7)",
- "description": "用于组件之间的间距7[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-gap-8": {
- "prefix": [
- "var(--o-gap-8)"
- ],
- "body": "var(--o-gap-8)",
- "description": "用于组件之间的间距8[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-gap-9": {
- "prefix": [
- "var(--o-gap-9)"
- ],
- "body": "var(--o-gap-9)",
- "description": "用于组件之间的间距9[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-gap-10": {
- "prefix": [
- "var(--o-gap-10)"
- ],
- "body": "var(--o-gap-10)",
- "description": "用于组件之间的间距10[light: 72px, dark: 72px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-2xs": {
- "prefix": [
- "var(--o-control_size-2xs)"
- ],
- "body": "var(--o-control_size-2xs)",
- "description": "超小尺寸[light: 14px, dark: 14px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-xs": {
- "prefix": [
- "var(--o-control_size-xs)"
- ],
- "body": "var(--o-control_size-xs)",
- "description": "小尺寸[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-s": {
- "prefix": [
- "var(--o-control_size-s)"
- ],
- "body": "var(--o-control_size-s)",
- "description": "小尺寸[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-m": {
- "prefix": [
- "var(--o-control_size-m)"
- ],
- "body": "var(--o-control_size-m)",
- "description": "尺寸[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-l": {
- "prefix": [
- "var(--o-control_size-l)"
- ],
- "body": "var(--o-control_size-l)",
- "description": "尺寸[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-xl": {
- "prefix": [
- "var(--o-control_size-xl)"
- ],
- "body": "var(--o-control_size-xl)",
- "description": "尺寸[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-2xl": {
- "prefix": [
- "var(--o-control_size-2xl)"
- ],
- "body": "var(--o-control_size-2xl)",
- "description": "尺寸[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-xs": {
- "prefix": [
- "var(--o-icon_size-xs)"
- ],
- "body": "var(--o-icon_size-xs)",
- "description": "超小尺寸图标[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-s": {
- "prefix": [
- "var(--o-icon_size-s)"
- ],
- "body": "var(--o-icon_size-s)",
- "description": "小尺寸图标[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-m": {
- "prefix": [
- "var(--o-icon_size-m)"
- ],
- "body": "var(--o-icon_size-m)",
- "description": "中尺寸图标[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-l": {
- "prefix": [
- "var(--o-icon_size-l)"
- ],
- "body": "var(--o-icon_size-l)",
- "description": "大尺寸图标[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-xl": {
- "prefix": [
- "var(--o-icon_size-xl)"
- ],
- "body": "var(--o-icon_size-xl)",
- "description": "超大尺寸图标[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-2xl": {
- "prefix": [
- "var(--o-icon_size-2xl)"
- ],
- "body": "var(--o-icon_size-2xl)",
- "description": "2xl尺寸图标[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-3xl": {
- "prefix": [
- "var(--o-icon_size-3xl)"
- ],
- "body": "var(--o-icon_size-3xl)",
- "description": "3xl尺寸图标[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-4xl": {
- "prefix": [
- "var(--o-icon_size-4xl)"
- ],
- "body": "var(--o-icon_size-4xl)",
- "description": "4xl尺寸图标[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-xs": {
- "prefix": [
- "var(--o-icon_size_control-xs)"
- ],
- "body": "var(--o-icon_size_control-xs)",
- "description": "超小尺寸控件图标(组件使用)[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-s": {
- "prefix": [
- "var(--o-icon_size_control-s)"
- ],
- "body": "var(--o-icon_size_control-s)",
- "description": "小尺寸控件图标(组件使用)[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-m": {
- "prefix": [
- "var(--o-icon_size_control-m)"
- ],
- "body": "var(--o-icon_size_control-m)",
- "description": "中尺寸控件图标(组件使用)[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-l": {
- "prefix": [
- "var(--o-icon_size_control-l)"
- ],
- "body": "var(--o-icon_size_control-l)",
- "description": "大尺寸控件图标(组件使用)[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-xl": {
- "prefix": [
- "var(--o-icon_size_control-xl)"
- ],
- "body": "var(--o-icon_size_control-xl)",
- "description": "超大尺寸控件图标(组件使用)[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display1": {
- "prefix": [
- "var(--o-font_size-display1)"
- ],
- "body": "var(--o-font_size-display1)",
- "description": "一级数据展示[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display2": {
- "prefix": [
- "var(--o-font_size-display2)"
- ],
- "body": "var(--o-font_size-display2)",
- "description": "二级数据展示[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display3": {
- "prefix": [
- "var(--o-font_size-display3)"
- ],
- "body": "var(--o-font_size-display3)",
- "description": "三级数据展示[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h1": {
- "prefix": [
- "var(--o-font_size-h1)"
- ],
- "body": "var(--o-font_size-h1)",
- "description": "一级标题[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h2": {
- "prefix": [
- "var(--o-font_size-h2)"
- ],
- "body": "var(--o-font_size-h2)",
- "description": "二级标题[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h3": {
- "prefix": [
- "var(--o-font_size-h3)"
- ],
- "body": "var(--o-font_size-h3)",
- "description": "三级标题[light: 22px, dark: 22px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h4": {
- "prefix": [
- "var(--o-font_size-h4)"
- ],
- "body": "var(--o-font_size-h4)",
- "description": "四级标题[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-text1": {
- "prefix": [
- "var(--o-font_size-text1)"
- ],
- "body": "var(--o-font_size-text1)",
- "description": "常规正文[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-text2": {
- "prefix": [
- "var(--o-font_size-text2)"
- ],
- "body": "var(--o-font_size-text2)",
- "description": "大号正文[light: 18px, dark: 18px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-tip1": {
- "prefix": [
- "var(--o-font_size-tip1)"
- ],
- "body": "var(--o-font_size-tip1)",
- "description": "提示文本1[light: 14px, dark: 14px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-tip2": {
- "prefix": [
- "var(--o-font_size-tip2)"
- ],
- "body": "var(--o-font_size-tip2)",
- "description": "提示文本2[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display1": {
- "prefix": [
- "var(--o-line_height-display1)"
- ],
- "body": "var(--o-line_height-display1)",
- "description": "一级数据展示[light: 80px, dark: 80px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display2": {
- "prefix": [
- "var(--o-line_height-display2)"
- ],
- "body": "var(--o-line_height-display2)",
- "description": "二级数据展示[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display3": {
- "prefix": [
- "var(--o-line_height-display3)"
- ],
- "body": "var(--o-line_height-display3)",
- "description": "三级数据展示[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h1": {
- "prefix": [
- "var(--o-line_height-h1)"
- ],
- "body": "var(--o-line_height-h1)",
- "description": "一级标题[light: 44px, dark: 44px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h2": {
- "prefix": [
- "var(--o-line_height-h2)"
- ],
- "body": "var(--o-line_height-h2)",
- "description": "二级标题[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h3": {
- "prefix": [
- "var(--o-line_height-h3)"
- ],
- "body": "var(--o-line_height-h3)",
- "description": "三级标题[light: 30px, dark: 30px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h4": {
- "prefix": [
- "var(--o-line_height-h4)"
- ],
- "body": "var(--o-line_height-h4)",
- "description": "四级标题[light: 28px, dark: 28px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-text1": {
- "prefix": [
- "var(--o-line_height-text1)"
- ],
- "body": "var(--o-line_height-text1)",
- "description": "正文[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-text2": {
- "prefix": [
- "var(--o-line_height-text2)"
- ],
- "body": "var(--o-line_height-text2)",
- "description": "正文-大[light: 26px, dark: 26x]",
- "scope": "css,scss,less"
- },
- "--o-line_height-tip1": {
- "prefix": [
- "var(--o-line_height-tip1)"
- ],
- "body": "var(--o-line_height-tip1)",
- "description": "提示文本1[light: 22px, dark: 22px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-tip2": {
- "prefix": [
- "var(--o-line_height-tip2)"
- ],
- "body": "var(--o-line_height-tip2)",
- "description": "提示文本2[light: 18px, dark: 18px]",
- "scope": "css,scss,less"
- },
- "--o-radius-xs": {
- "prefix": [
- "var(--o-radius-xs)"
- ],
- "body": "var(--o-radius-xs)",
- "description": "超小尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-s": {
- "prefix": [
- "var(--o-radius-s)"
- ],
- "body": "var(--o-radius-s)",
- "description": "小尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-m": {
- "prefix": [
- "var(--o-radius-m)"
- ],
- "body": "var(--o-radius-m)",
- "description": "中尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-l": {
- "prefix": [
- "var(--o-radius-l)"
- ],
- "body": "var(--o-radius-l)",
- "description": "大尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-xl": {
- "prefix": [
- "var(--o-radius-xl)"
- ],
- "body": "var(--o-radius-xl)",
- "description": "大尺寸圆角,一般用于卡片[light: 0px, dark: 0px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-xs": {
- "prefix": [
- "var(--o-radius_control-xs)"
- ],
- "body": "var(--o-radius_control-xs)",
- "description": "超小尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-s": {
- "prefix": [
- "var(--o-radius_control-s)"
- ],
- "body": "var(--o-radius_control-s)",
- "description": "小尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-m": {
- "prefix": [
- "var(--o-radius_control-m)"
- ],
- "body": "var(--o-radius_control-m)",
- "description": "中尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-l": {
- "prefix": [
- "var(--o-radius_control-l)"
- ],
- "body": "var(--o-radius_control-l)",
- "description": "大尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-duration-s": {
- "prefix": [
- "var(--o-duration-s)"
- ],
- "body": "var(--o-duration-s)",
- "description": "用于退出屏幕的动画[light: 200ms, dark: 200ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m1": {
- "prefix": [
- "var(--o-duration-m1)"
- ],
- "body": "var(--o-duration-m1)",
- "description": "用于当曲线为standard-in时进入屏幕的动画[light: 250ms, dark: 250ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m2": {
- "prefix": [
- "var(--o-duration-m2)"
- ],
- "body": "var(--o-duration-m2)",
- "description": "用于当曲线为standard时开始、结束的动画[light: 300ms, dark: 300ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m3": {
- "prefix": [
- "var(--o-duration-m3)"
- ],
- "body": "var(--o-duration-m3)",
- "description": "用于当曲线为emphasized-in时进入屏幕的动画[light: 400ms, dark: 400ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-l": {
- "prefix": [
- "var(--o-duration-l)"
- ],
- "body": "var(--o-duration-l)",
- "description": "用于当曲线为emphasized时开始、结束的动画[light: 500ms, dark: 500ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-xl": {
- "prefix": [
- "var(--o-duration-xl)"
- ],
- "body": "var(--o-duration-xl)",
- "description": "用于当曲线为emphasized时,轮播切换动画[light: 1000ms, dark: 1000ms]",
- "scope": "css,scss,less"
- },
- "--o-easing-linear": {
- "prefix": [
- "var(--o-easing-linear)"
- ],
- "body": "var(--o-easing-linear)",
- "description": "线性曲线[light: cubic-bezier(0, 0, 1, 1), dark: cubic-bezier(0, 0, 1, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard": {
- "prefix": [
- "var(--o-easing-standard)"
- ],
- "body": "var(--o-easing-standard)",
- "description": "用于组件[light: cubic-bezier(0.2, 0, 0, 1), dark: cubic-bezier(0.2, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard-in": {
- "prefix": [
- "var(--o-easing-standard-in)"
- ],
- "body": "var(--o-easing-standard-in)",
- "description": "用于组件[light: cubic-bezier(0, 0, 0, 1), dark: cubic-bezier(0, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard-out": {
- "prefix": [
- "var(--o-easing-standard-out)"
- ],
- "body": "var(--o-easing-standard-out)",
- "description": "用于组件[light: cubic-bezier(0.3, 0, 1, 1), dark: cubic-bezier(0.3, 0, 1, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized": {
- "prefix": [
- "var(--o-easing-emphasized)"
- ],
- "body": "var(--o-easing-emphasized)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.2, 0, 0, 1), dark: cubic-bezier(0.2, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized-in": {
- "prefix": [
- "var(--o-easing-emphasized-in)"
- ],
- "body": "var(--o-easing-emphasized-in)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.3, 0, 0.8, 0.15), dark: cubic-bezier(0.3, 0, 0.8, 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized-out": {
- "prefix": [
- "var(--o-easing-emphasized-out)"
- ],
- "body": "var(--o-easing-emphasized-out)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.05, 0.7, 0.1, 1), dark: cubic-bezier(0.05, 0.7, 0.1, 1)]",
- "scope": "css,scss,less"
- }
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/kunpeng/token.config.ts b/packages/opendesign/src/theme/kunpeng/token.config.ts
deleted file mode 100644
index 48c5991ba0a3562a8f0f55de850395fc336d3df1..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/kunpeng/token.config.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-module.exports = {
- prefix: '--o-',
- output: './common',
- themeMap: [
- {
- key: 'light',
- name: 'k.light',
- },
- {
- key: 'dark',
- name: 'k.dark',
- },
- ],
- defaultTheme: '',
- tokenFile: ['./token.json'],
- codeSnippetsFile: './k.token.code-snippets',
-};
diff --git a/packages/opendesign/src/theme/kunpeng/token.json b/packages/opendesign/src/theme/kunpeng/token.json
deleted file mode 100644
index f9ed090b282207cde241488a1137a9e2402da230..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/kunpeng/token.json
+++ /dev/null
@@ -1,2427 +0,0 @@
-{
- "white": {
- "name": "白色",
- "type": "palette",
- "typeName": "颜色",
- "value": [
- {
- "key": "white",
- "value": {
- "light": "255, 255, 255",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "black": {
- "name": "黑色",
- "type": "palette",
- "typeName": "颜色",
- "value": [
- {
- "key": "black",
- "value": {
- "light": "0, 0, 0",
- "dark": "0, 0, 0"
- }
- }
- ]
- },
- "deepblue": {
- "name": "深蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "deepblue-1",
- "value": {
- "light": "232, 240, 255",
- "dark": "0, 4, 77"
- }
- },
- {
- "key": "deepblue-2",
- "value": {
- "light": "194, 213, 254",
- "dark": "6, 15, 120"
- }
- },
- {
- "key": "deepblue-3",
- "value": {
- "light": "157, 184, 253",
- "dark": "20, 37, 163"
- }
- },
- {
- "key": "deepblue-4",
- "value": {
- "light": "120, 153, 252",
- "dark": "40, 65, 207"
- }
- },
- {
- "key": "deepblue-5",
- "value": {
- "light": "83, 119, 251",
- "dark": "66, 99, 250"
- }
- },
- {
- "key": "deepblue-6",
- "value": {
- "light": "46, 83, 250",
- "dark": "84, 120, 251"
- }
- },
- {
- "key": "deepblue-7",
- "value": {
- "light": "29, 55, 207",
- "dark": "122, 154, 252"
- }
- },
- {
- "key": "deepblue-8",
- "value": {
- "light": "15, 32, 163",
- "dark": "160, 186, 253"
- }
- },
- {
- "key": "deepblue-9",
- "value": {
- "light": "6, 15, 120",
- "dark": "199, 217, 254"
- }
- },
- {
- "key": "deepblue-10",
- "value": {
- "light": "0, 4, 77",
- "dark": "238, 244, 255"
- }
- }
- ]
- },
- "green": {
- "name": "绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "green-1",
- "value": {
- "light": "232, 255, 238",
- "dark": "0, 77, 42"
- }
- },
- {
- "key": "green-2",
- "value": {
- "light": "177, 239, 195",
- "dark": "2, 102, 53"
- }
- },
- {
- "key": "green-3",
- "value": {
- "light": "128, 224, 158",
- "dark": "10, 127, 66"
- }
- },
- {
- "key": "green-4",
- "value": {
- "light": "84, 208, 127",
- "dark": "22, 152, 80"
- }
- },
- {
- "key": "green-5",
- "value": {
- "light": "45, 193, 101",
- "dark": "36, 177, 95"
- }
- },
- {
- "key": "green-6",
- "value": {
- "light": "11, 177, 81",
- "dark": "51, 193, 104"
- }
- },
- {
- "key": "green-7",
- "value": {
- "light": "7, 152, 72",
- "dark": "90, 208, 131"
- }
- },
- {
- "key": "green-8",
- "value": {
- "light": "4, 127, 63",
- "dark": "135, 224, 163"
- }
- },
- {
- "key": "green-9",
- "value": {
- "light": "2, 102, 53",
- "dark": "185, 239, 200"
- }
- },
- {
- "key": "green-10",
- "value": {
- "light": "0, 77, 42",
- "dark": "240, 255, 244"
- }
- }
- ]
- },
- "orange": {
- "name": "橘红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "orange-1",
- "value": {
- "light": "255, 246, 232",
- "dark": "77, 24, 0"
- }
- },
- {
- "key": "orange-2",
- "value": {
- "light": "254, 226, 186",
- "dark": "120, 42, 1"
- }
- },
- {
- "key": "orange-3",
- "value": {
- "light": "253, 202, 140",
- "dark": "163, 68, 8"
- }
- },
- {
- "key": "orange-4",
- "value": {
- "light": "252, 176, 95",
- "dark": "207, 97, 19"
- }
- },
- {
- "key": "orange-5",
- "value": {
- "light": "251, 147, 50",
- "dark": "250, 130, 33"
- }
- },
- {
- "key": "orange-6",
- "value": {
- "light": "250, 115, 5",
- "dark": "251, 143, 43"
- }
- },
- {
- "key": "orange-7",
- "value": {
- "light": "207, 88, 3",
- "dark": "252, 174, 91"
- }
- },
- {
- "key": "orange-8",
- "value": {
- "light": "163, 64, 2",
- "dark": "253, 202, 139"
- }
- },
- {
- "key": "orange-9",
- "value": {
- "light": "120, 42, 1",
- "dark": "254, 227, 188"
- }
- },
- {
- "key": "orange-10",
- "value": {
- "light": "77, 24, 0",
- "dark": "255, 248, 237"
- }
- }
- ]
- },
- "red": {
- "name": "红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "red-1",
- "value": {
- "light": "255, 234, 232",
- "dark": "77, 0, 17"
- }
- },
- {
- "key": "red-2",
- "value": {
- "light": "250, 185, 182",
- "dark": "115, 3, 24"
- }
- },
- {
- "key": "red-3",
- "value": {
- "light": "245, 136, 134",
- "dark": "153, 9, 31"
- }
- },
- {
- "key": "red-4",
- "value": {
- "light": "240, 87, 90",
- "dark": "192, 17, 37"
- }
- },
- {
- "key": "red-5",
- "value": {
- "light": "235, 43, 52",
- "dark": "230, 28, 43"
- }
- },
- {
- "key": "red-6",
- "value": {
- "light": "230, 0, 18",
- "dark": "235, 35, 45"
- }
- },
- {
- "key": "red-7",
- "value": {
- "light": "192, 0, 22",
- "dark": "240, 82, 85"
- }
- },
- {
- "key": "red-8",
- "value": {
- "light": "153, 0, 23",
- "dark": "245, 132, 130"
- }
- },
- {
- "key": "red-9",
- "value": {
- "light": "115, 0, 21",
- "dark": "250, 183, 180"
- }
- },
- {
- "key": "red-10",
- "value": {
- "light": "77, 0, 17",
- "dark": "255, 234, 232"
- }
- }
- ]
- },
- "huaweired": {
- "name": "华为红",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "red-huawei",
- "value": {
- "light": "199, 0, 11",
- "dark": "199, 0, 11"
- }
- }
- ]
- },
- "gray": {
- "name": "中性灰",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "gray-1",
- "value": {
- "light": "255, 255, 255",
- "dark": "0, 0, 0"
- }
- },
- {
- "key": "gray-2",
- "value": {
- "light": "243, 243, 245",
- "dark": "18, 18, 20"
- }
- },
- {
- "key": "gray-3",
- "value": {
- "light": "237, 237, 240",
- "dark": "26, 26, 28"
- }
- },
- {
- "key": "gray-4",
- "value": {
- "light": "232, 232, 235",
- "dark": "36, 36, 39"
- }
- },
- {
- "key": "gray-5",
- "value": {
- "light": "222, 222, 227",
- "dark": "43, 43, 47"
- }
- },
- {
- "key": "gray-6",
- "value": {
- "light": "210, 210, 217",
- "dark": "53, 53, 57"
- }
- },
- {
- "key": "gray-7",
- "value": {
- "light": "186, 186, 191",
- "dark": "63, 63, 67"
- }
- },
- {
- "key": "gray-8",
- "value": {
- "light": "149, 149, 156",
- "dark": "85, 85, 88"
- }
- },
- {
- "key": "gray-9",
- "value": {
- "light": "111, 111, 117",
- "dark": "118, 118, 122"
- }
- },
- {
- "key": "gray-10",
- "value": {
- "light": "85, 85, 92",
- "dark": "156, 156, 159"
- }
- },
- {
- "key": "gray-11",
- "value": {
- "light": "61, 61, 66",
- "dark": "181, 181, 185"
- }
- },
- {
- "key": "gray-12",
- "value": {
- "light": "37, 37, 41",
- "dark": "208, 208, 210"
- }
- },
- {
- "key": "gray-13",
- "value": {
- "light": "21, 21, 23",
- "dark": "235, 235, 238"
- }
- },
- {
- "key": "gray-14",
- "value": {
- "light": "0, 0, 0",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "mixedgray": {
- "name": "混合中性色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "mixedgray-1",
- "value": {
- "light": "255, 255, 255",
- "dark": "0, 0, 0"
- }
- },
- {
- "key": "mixedgray-2",
- "value": {
- "light": "244, 245, 247",
- "dark": "16, 18, 20"
- }
- },
- {
- "key": "mixedgray-3",
- "value": {
- "light": "237, 239, 242",
- "dark": "23, 25, 28"
- }
- },
- {
- "key": "mixedgray-4",
- "value": {
- "light": "232, 234, 237",
- "dark": "33, 35, 39"
- }
- },
- {
- "key": "mixedgray-5",
- "value": {
- "light": "224, 226, 230",
- "dark": "40, 42, 47"
- }
- },
- {
- "key": "mixedgray-6",
- "value": {
- "light": "209, 214, 219",
- "dark": "50, 53, 57"
- }
- },
- {
- "key": "mixedgray-7",
- "value": {
- "light": "179, 185, 191",
- "dark": "61, 63, 67"
- }
- },
- {
- "key": "mixedgray-8",
- "value": {
- "light": "144, 150, 158",
- "dark": "80, 84, 88"
- }
- },
- {
- "key": "mixedgray-9",
- "value": {
- "light": "104, 109, 117",
- "dark": "113, 117, 122"
- }
- },
- {
- "key": "mixedgray-10",
- "value": {
- "light": "79, 84, 92",
- "dark": "147, 152, 159"
- }
- },
- {
- "key": "mixedgray-11",
- "value": {
- "light": "55, 59, 66",
- "dark": "172, 177, 185"
- }
- },
- {
- "key": "mixedgray-12",
- "value": {
- "light": "32, 35, 41",
- "dark": "198, 202, 210"
- }
- },
- {
- "key": "mixedgray-13",
- "value": {
- "light": "18, 20, 23",
- "dark": "231, 234, 238"
- }
- },
- {
- "key": "mixedgray-14",
- "value": {
- "light": "0, 0, 0",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "yellow": {
- "name": "黄色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "yellow-1",
- "value": {
- "light": "255, 255, 232",
- "dark": "77, 54, 0"
- }
- },
- {
- "key": "yellow-2",
- "value": {
- "light": "253, 251, 185",
- "dark": "119, 87, 2"
- }
- },
- {
- "key": "yellow-3",
- "value": {
- "light": "251, 244, 139",
- "dark": "161, 126, 11"
- }
- },
- {
- "key": "yellow-4",
- "value": {
- "light": "249, 233, 94",
- "dark": "203, 167, 24"
- }
- },
- {
- "key": "yellow-5",
- "value": {
- "light": "247, 221, 49",
- "dark": "245, 211, 42"
- }
- },
- {
- "key": "yellow-6",
- "value": {
- "light": "245, 205, 5",
- "dark": "247, 222, 54"
- }
- },
- {
- "key": "yellow-7",
- "value": {
- "light": "203, 163, 3",
- "dark": "249, 234, 100"
- }
- },
- {
- "key": "yellow-8",
- "value": {
- "light": "161, 124, 2",
- "dark": "251, 244, 146"
- }
- },
- {
- "key": "yellow-9",
- "value": {
- "light": "119, 87, 1",
- "dark": "253, 251, 192"
- }
- },
- {
- "key": "yellow-10",
- "value": {
- "light": "77, 54, 0",
- "dark": "255, 255, 240"
- }
- }
- ]
- },
- "lime": {
- "name": "黄绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "lime-1",
- "value": {
- "light": "251, 255, 232",
- "dark": "41, 77, 0"
- }
- },
- {
- "key": "lime-2",
- "value": {
- "light": "233, 245, 184",
- "dark": "63, 109, 3"
- }
- },
- {
- "key": "lime-3",
- "value": {
- "light": "213, 236, 139",
- "dark": "91, 142, 14"
- }
- },
- {
- "key": "lime-4",
- "value": {
- "light": "192, 226, 97",
- "dark": "121, 174, 30"
- }
- },
- {
- "key": "lime-5",
- "value": {
- "light": "169, 217, 59",
- "dark": "155, 207, 50"
- }
- },
- {
- "key": "lime-6",
- "value": {
- "light": "146, 207, 23",
- "dark": "172, 217, 68"
- }
- },
- {
- "key": "lime-7",
- "value": {
- "light": "116, 174, 15",
- "dark": "194, 226, 104"
- }
- },
- {
- "key": "lime-8",
- "value": {
- "light": "88, 142, 8",
- "dark": "214, 236, 144"
- }
- },
- {
- "key": "lime-9",
- "value": {
- "light": "63, 109, 3",
- "dark": "233, 245, 186"
- }
- },
- {
- "key": "lime-10",
- "value": {
- "light": "41, 77, 0",
- "dark": "251, 255, 232"
- }
- }
- ]
- },
- "cyan": {
- "name": "青色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "cyan-1",
- "value": {
- "light": "232, 255, 249",
- "dark": "0, 73, 77"
- }
- },
- {
- "key": "cyan-2",
- "value": {
- "light": "176, 240, 226",
- "dark": "2, 101, 103"
- }
- },
- {
- "key": "cyan-3",
- "value": {
- "light": "125, 225, 207",
- "dark": "9, 129, 127"
- }
- },
- {
- "key": "cyan-4",
- "value": {
- "light": "79, 211, 191",
- "dark": "18, 155, 148"
- }
- },
- {
- "key": "cyan-5",
- "value": {
- "light": "38, 196, 177",
- "dark": "30, 181, 167"
- }
- },
- {
- "key": "cyan-6",
- "value": {
- "light": "3, 181, 165",
- "dark": "42, 196, 178"
- }
- },
- {
- "key": "cyan-7",
- "value": {
- "light": "2, 155, 147",
- "dark": "84, 211, 192"
- }
- },
- {
- "key": "cyan-8",
- "value": {
- "light": "1, 129, 127",
- "dark": "130, 225, 208"
- }
- },
- {
- "key": "cyan-9",
- "value": {
- "light": "0, 101, 103",
- "dark": "182, 240, 227"
- }
- },
- {
- "key": "cyan-10",
- "value": {
- "light": "0, 73, 77",
- "dark": "239, 255, 251"
- }
- }
- ]
- },
- "blue": {
- "name": "蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "blue-1",
- "value": {
- "light": "232, 249, 255",
- "dark": "0, 34, 77"
- }
- },
- {
- "key": "blue-2",
- "value": {
- "light": "185, 233, 252",
- "dark": "1, 57, 117"
- }
- },
- {
- "key": "blue-3",
- "value": {
- "light": "138, 214, 249",
- "dark": "8, 86, 158"
- }
- },
- {
- "key": "blue-4",
- "value": {
- "light": "93, 192, 246",
- "dark": "18, 118, 199"
- }
- },
- {
- "key": "blue-5",
- "value": {
- "light": "48, 168, 243",
- "dark": "31, 153, 240"
- }
- },
- {
- "key": "blue-6",
- "value": {
- "light": "5, 142, 240",
- "dark": "42, 166, 243"
- }
- },
- {
- "key": "blue-7",
- "value": {
- "light": "3, 111, 199",
- "dark": "89, 191, 246"
- }
- },
- {
- "key": "blue-8",
- "value": {
- "light": "2, 83, 158",
- "dark": "137, 214, 249"
- }
- },
- {
- "key": "blue-9",
- "value": {
- "light": "1, 57, 117",
- "dark": "187, 233, 252"
- }
- },
- {
- "key": "blue-10",
- "value": {
- "light": "0, 34, 77",
- "dark": "237, 250, 255"
- }
- }
- ]
- },
- "purple": {
- "name": "紫色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "purple-1",
- "value": {
- "light": "245, 232, 255",
- "dark": "22, 0, 77"
- }
- },
- {
- "key": "purple-2",
- "value": {
- "light": "225, 192, 253",
- "dark": "40, 3, 118"
- }
- },
- {
- "key": "purple-3",
- "value": {
- "light": "203, 152, 251",
- "dark": "66, 15, 160"
- }
- },
- {
- "key": "purple-4",
- "value": {
- "light": "178, 113, 248",
- "dark": "98, 33, 202"
- }
- },
- {
- "key": "purple-5",
- "value": {
- "light": "152, 75, 246",
- "dark": "134, 57, 244"
- }
- },
- {
- "key": "purple-6",
- "value": {
- "light": "123, 37, 244",
- "dark": "152, 74, 246"
- }
- },
- {
- "key": "purple-7",
- "value": {
- "light": "92, 23, 202",
- "dark": "179, 114, 248"
- }
- },
- {
- "key": "purple-8",
- "value": {
- "light": "64, 12, 160",
- "dark": "205, 156, 251"
- }
- },
- {
- "key": "purple-9",
- "value": {
- "light": "41, 4, 118",
- "dark": "228, 198, 253"
- }
- },
- {
- "key": "purple-10",
- "value": {
- "light": "22, 0, 77",
- "dark": "249, 240, 255"
- }
- }
- ]
- },
- "pink": {
- "name": "粉色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "pink-1",
- "value": {
- "light": "255, 232, 253",
- "dark": "61, 0, 77"
- }
- },
- {
- "key": "pink-2",
- "value": {
- "light": "246, 188, 243",
- "dark": "93, 5, 110"
- }
- },
- {
- "key": "pink-3",
- "value": {
- "light": "238, 146, 235",
- "dark": "127, 16, 144"
- }
- },
- {
- "key": "pink-4",
- "value": {
- "light": "229, 107, 229",
- "dark": "164, 33, 178"
- }
- },
- {
- "key": "pink-5",
- "value": {
- "light": "216, 71, 221",
- "dark": "200, 54, 212"
- }
- },
- {
- "key": "pink-6",
- "value": {
- "light": "199, 37, 212",
- "dark": "216, 72, 221"
- }
- },
- {
- "key": "pink-7",
- "value": {
- "light": "163, 23, 178",
- "dark": "229, 109, 229"
- }
- },
- {
- "key": "pink-8",
- "value": {
- "light": "127, 13, 144",
- "dark": "238, 149, 235"
- }
- },
- {
- "key": "pink-9",
- "value": {
- "light": "93, 5, 110",
- "dark": "246, 191, 243"
- }
- },
- {
- "key": "pink-10",
- "value": {
- "light": "61, 0, 77",
- "dark": "255, 236, 253"
- }
- }
- ]
- },
- "rosyred": {
- "name": "玫红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "rosyred-1",
- "value": {
- "light": "255, 232, 240",
- "dark": "77, 0, 48"
- }
- },
- {
- "key": "rosyred-2",
- "value": {
- "light": "249, 185, 209",
- "dark": "114, 3, 70"
- }
- },
- {
- "key": "rosyred-3",
- "value": {
- "light": "243, 141, 182",
- "dark": "151, 12, 91"
- }
- },
- {
- "key": "rosyred-4",
- "value": {
- "light": "238, 98, 158",
- "dark": "189, 25, 112"
- }
- },
- {
- "key": "rosyred-5",
- "value": {
- "light": "232, 57, 139",
- "dark": "226, 41, 133"
- }
- },
- {
- "key": "rosyred-6",
- "value": {
- "light": "226, 18, 122",
- "dark": "232, 53, 137"
- }
- },
- {
- "key": "rosyred-7",
- "value": {
- "light": "189, 11, 106",
- "dark": "238, 97, 158"
- }
- },
- {
- "key": "rosyred-8",
- "value": {
- "light": "151, 6, 88",
- "dark": "243, 143, 183"
- }
- },
- {
- "key": "rosyred-9",
- "value": {
- "light": "114, 2, 69",
- "dark": "249, 192, 213"
- }
- },
- {
- "key": "rosyred-10",
- "value": {
- "light": "77, 0, 48",
- "dark": "255, 242, 247"
- }
- }
- ]
- },
-
- "base": {
- "name": "基础色(不同皮肤色相不变)",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-white",
- "value": {
- "light": "rgb(var(--o-white))",
- "dark": "rgb(var(--o-white))"
- }
- },
- {
- "key": "color-black",
- "value": {
- "light": "rgb(var(--o-black))",
- "dark": "rgb(var(--o-black))"
- }
- }
- ]
- },
- "primary": {
- "name": "强调色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-primary1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-gray-12))",
- "dark": "rgb(var(--o-gray-14))"
- }
- },
- {
- "key": "color-primary2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-gray-11))",
- "dark": "rgb(var(--o-gray-13))"
- }
- },
- {
- "key": "color-primary3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-gray-13))",
- "dark": "rgb(var(--o-gray-12))"
- }
- },
- {
- "key": "color-primary4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-gray-6))",
- "dark": "rgb(var(--o-gray-8))"
- }
- },
- {
- "key": "color-primary1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-gray-4))",
- "dark": "rgb(var(--o-gray-5))"
- }
- },
- {
- "key": "color-primary2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-gray-5))",
- "dark": "rgb(var(--o-gray-6))"
- }
- },
- {
- "key": "color-primary3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-gray-6))",
- "dark": "rgb(var(--o-gray-7))"
- }
- },
- {
- "key": "color-primary4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-gray-5))",
- "dark": "rgb(var(--o-gray-6))"
- }
- }
- ]
- },
- "success": {
- "name": "成功色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-success1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-green-6))",
- "dark": "rgb(var(--o-green-6))"
- }
- },
- {
- "key": "color-success2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-green-4))",
- "dark": "rgb(var(--o-green-4))"
- }
- },
- {
- "key": "color-success3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-green-7))",
- "dark": "rgb(var(--o-green-7))"
- }
- },
- {
- "key": "color-success4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-green-3))",
- "dark": "rgb(var(--o-green-3))"
- }
- },
- {
- "key": "color-success1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-green-2))",
- "dark": "rgb(var(--o-green-2))"
- }
- },
- {
- "key": "color-success2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-green-3))",
- "dark": "rgb(var(--o-green-3))"
- }
- },
- {
- "key": "color-success3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-green-4))",
- "dark": "rgb(var(--o-green-4))"
- }
- },
- {
- "key": "color-success4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-green-1))",
- "dark": "rgb(var(--o-green-1))"
- }
- }
- ]
- },
- "warning": {
- "name": "告警色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-warning1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-orange-6))",
- "dark": "rgb(var(--o-orange-6))"
- }
- },
- {
- "key": "color-warning2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-orange-4))",
- "dark": "rgb(var(--o-orange-4))"
- }
- },
- {
- "key": "color-warning3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-orange-7))",
- "dark": "rgb(var(--o-orange-7))"
- }
- },
- {
- "key": "color-warning4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-orange-3))",
- "dark": "rgb(var(--o-orange-3))"
- }
- },
- {
- "key": "color-warning1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-orange-2))",
- "dark": "rgb(var(--o-orange-2))"
- }
- },
- {
- "key": "color-warning2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-orange-3))",
- "dark": "rgb(var(--o-orange-3))"
- }
- },
- {
- "key": "color-warning3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-orange-4))",
- "dark": "rgb(var(--o-orange-4))"
- }
- },
- {
- "key": "color-warning4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-orange-1))",
- "dark": "rgb(var(--o-orange-1))"
- }
- }
- ]
- },
- "danger": {
- "name": "危险色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-danger1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-red-6))",
- "dark": "rgb(var(--o-red-6))"
- }
- },
- {
- "key": "color-danger2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-red-4))",
- "dark": "rgb(var(--o-red-4))"
- }
- },
- {
- "key": "color-danger3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-red-7))",
- "dark": "rgb(var(--o-red-7))"
- }
- },
- {
- "key": "color-danger4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-red-3))",
- "dark": "rgb(var(--o-red-3))"
- }
- },
- {
- "key": "color-danger1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-red-2))",
- "dark": "rgb(var(--o-red-2))"
- }
- },
- {
- "key": "color-danger2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-red-3))",
- "dark": "rgb(var(--o-red-3))"
- }
- },
- {
- "key": "color-danger3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-red-4))",
- "dark": "rgb(var(--o-red-4))"
- }
- },
- {
- "key": "color-danger4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-red-1))",
- "dark": "rgb(var(--o-red-1))"
- }
- }
- ]
- },
- "fill": {
- "name": "填充色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-fill1",
- "description": "一级填充:页面背景",
- "value": {
- "light": "rgb(var(--o-gray-2))",
- "dark": "rgb(var(--o-gray-3))"
- }
- },
- {
- "key": "color-fill2",
- "description": "二级填充:区块、卡片",
- "value": {
- "light": "rgb(var(--o-gray-1))",
- "dark": "rgb(var(--o-gray-4))"
- }
- },
- {
- "key": "color-fill3",
- "description": "三级填充:卡片",
- "value": {
- "light": "rgb(var(--o-gray-3))",
- "dark": "rgb(var(--o-gray-5))"
- }
- }
- ]
- },
- "control": {
- "name": "控件色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-control1",
- "description": "常规,常用于边框",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.25)",
- "dark": "rgba(var(--o-gray-14), 0.25)"
- }
- },
- {
- "key": "color-control2",
- "description": "悬浮,常用于边框",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.6)",
- "dark": "rgba(var(--o-gray-14), 0.6)"
- }
- },
- {
- "key": "color-control3",
- "description": "激活,常用于边框",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.8)",
- "dark": "rgba(var(--o-gray-14), 0.8)"
- }
- },
- {
- "key": "color-control4",
- "description": "禁用,常用于边框",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.1)",
- "dark": "rgba(var(--o-gray-14), 0.15)"
- }
- },
- {
- "key": "color-control1-light",
- "description": "常规-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-gray-5))",
- "dark": "rgb(var(--o-gray-7))"
- }
- },
- {
- "key": "color-control2-light",
- "description": "悬浮-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-gray-3))",
- "dark": "rgb(var(--o-gray-5))"
- }
- },
- {
- "key": "color-control3-light",
- "description": "激活-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-gray-4))",
- "dark": "rgb(var(--o-gray-6))"
- }
- },
- {
- "key": "color-control4-light",
- "description": "禁用,常用于背景",
- "value": {
- "light": "rgb(var(--o-gray-3))",
- "dark": "rgb(var(--o-gray-5))"
- }
- },
- {
- "key": "color-control-light",
- "description": "很浅,常用于表格背景色",
- "value": {
- "light": "rgb(var(--o-gray-1))",
- "dark": "rgb(var(--o-gray-4))"
- }
- }
- ]
- },
- "info": {
- "name": "信息色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-info1",
- "description": "一级/强调/标题",
- "value": {
- "light": "rgba(var(--o-gray-14), 1.0)",
- "dark": "rgba(var(--o-gray-14), 1.0)"
- }
- },
- {
- "key": "color-info2",
- "description": "二级/次强调/正文",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.8)",
- "dark": "rgba(var(--o-gray-14), 0.8)"
- }
- },
- {
- "key": "color-info3",
- "description": "三级/辅助信息",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.6)",
- "dark": "rgba(var(--o-gray-14), 0.6)"
- }
- },
- {
- "key": "color-info4",
- "description": "置灰/禁用",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.4)",
- "dark": "rgba(var(--o-gray-14), 0.4)"
- }
- },
- {
- "key": "color-info1-inverse",
- "description": "一级/次强调/正文反色",
- "value": {
- "light": "rgba(var(--o-gray-1), 1.0)",
- "dark": "rgba(var(--o-gray-1), 1.0)"
- }
- },
- {
- "key": "color-info2-inverse",
- "description": "二级/辅助信息反色",
- "value": {
- "light": "rgba(var(--o-gray-1), 0.8)",
- "dark": "rgba(var(--o-gray-1), 0.8)"
- }
- },
- {
- "key": "color-info3-inverse",
- "description": "三级/辅助信息反色",
- "value": {
- "light": "rgba(var(--o-gray-1), 0.6)",
- "dark": "rgba(var(--o-gray-1), 0.6)"
- }
- },
- {
- "key": "color-info4-inverse",
- "description": "置灰/禁用反色",
- "value": {
- "light": "rgba(var(--o-gray-1), 0.4)",
- "dark": "rgba(var(--o-gray-1), 0.4)"
- }
- }
- ]
- },
- "mask": {
- "name": "遮罩色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-mask1",
- "description": "全局遮罩",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.4)",
- "dark": "rgba(var(--o-gray-1), 0.4)"
- }
- },
- {
- "key": "color-mask2",
- "description": "局部遮罩",
- "value": {
- "light": "rgba(var(--o-gray-1), 0.2)",
- "dark": "rgba(var(--o-gray-4), 0.2)"
- }
- }
- ]
- },
- "shadow": {
- "name": "阴影",
- "type": "shadow",
- "typeName": "阴影",
- "value": [
- {
- "key": "shadow-1",
- "name": "阴影1",
- "description": "用于卡片、小弹窗、楼层阴影",
- "value": {
- "light": "0 3px 8px rgba(var(--o-gray-14), 0.08)",
- "dark": "0 3px 8px rgba(var(--o-gray-1), 0.08)"
- }
- },
- {
- "key": "shadow-2",
- "name": "阴影2",
- "description": "用于卡片悬浮阴影",
- "value": {
- "light": "0 2px 24px rgba(var(--o-gray-14), 0.15)",
- "dark": "0 2px 24px rgba(var(--o-gray-1), 0.15)"
- }
- },
- {
- "key": "shadow-3",
- "name": "阴影3",
- "description": "用于提示阴影",
- "value": {
- "light": "0 8px 40px rgba(var(--o-gray-14), 0.1)",
- "dark": "0 8px 40px rgba(var(--o-gray-1), 0.1)"
- }
- }
- ]
- },
- "link": {
- "name": "链接色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-link1",
- "description": "常规",
- "value": {
- "light": "rgba(var(--o-deepblue-6), 1.0)",
- "dark": "rgba(var(--o-deepblue-6), 1.0)"
- }
- },
- {
- "key": "color-link2",
- "description": "悬浮",
- "value": {
- "light": "rgba(var(--o-deepblue-6), 0.7)",
- "dark": "rgba(var(--o-deepblue-6), 0.7)"
- }
- },
- {
- "key": "color-link3",
- "description": "激活",
- "value": {
- "light": "rgba(var(--o-deepblue-6), 0.9)",
- "dark": "rgba(var(--o-deepblue-6), 0.9)"
- }
- },
- {
- "key": "color-link4",
- "description": "禁用",
- "value": {
- "light": "rgba(var(--o-deepblue-6), 0.4)",
- "dark": "rgba(var(--o-deepblue-6), 0.4)"
- }
- }
- ]
- },
-
- "gap": {
- "name": "间距",
- "type": "gap",
- "typeName": "间距",
- "value": [
- {
- "key": "gap-1",
- "name": "间距1",
- "description": "用于组件之间的间距1",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "gap-2",
- "name": "间距2",
- "description": "用于组件之间的间距2",
- "value": {
- "light": "8px",
- "dark": "8px"
- }
- },
- {
- "key": "gap-3",
- "name": "间距3",
- "description": "用于组件之间的间距3",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- },
- {
- "key": "gap-4",
- "name": "间距4",
- "description": "用于组件之间的间距4",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "gap-5",
- "name": "间距5",
- "description": "用于组件之间的间距5",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "gap-6",
- "name": "间距6",
- "description": "用于组件之间的间距6",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "gap-7",
- "name": "间距7",
- "description": "用于组件之间的间距7",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "gap-8",
- "name": "间距8",
- "description": "用于组件之间的间距8",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "gap-9",
- "name": "间距9",
- "description": "用于组件之间的间距9",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- },
- {
- "key": "gap-10",
- "name": "间距10",
- "description": "用于组件之间的间距10",
- "value": {
- "light": "72px",
- "dark": "72px"
- }
- }
- ]
- },
-
- "control_size": {
- "name": "组件尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "control_size-2xs",
- "name": "超小尺寸",
- "description": "超小尺寸",
- "value": {
- "light": "14px",
- "dark": "14px"
- }
- },
- {
- "key": "control_size-xs",
- "name": "小尺寸",
- "description": "小尺寸",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "control_size-s",
- "name": "小尺寸",
- "description": "小尺寸",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "control_size-m",
- "name": "中尺寸",
- "description": "尺寸",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "control_size-l",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "control_size-xl",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "control_size-2xl",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- }
- ]
- },
-
- "icon_size": {
- "name": "图标尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "icon_size-xs",
- "name": "超小尺寸图标",
- "description": "超小尺寸图标",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "icon_size-s",
- "name": "小尺寸图标",
- "description": "小尺寸图标",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "icon_size-m",
- "name": "中尺寸图标",
- "description": "中尺寸图标",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "icon_size-l",
- "name": "大尺寸图标",
- "description": "大尺寸图标",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "icon_size-xl",
- "name": "超大尺寸图标",
- "description": "超大尺寸图标",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "icon_size-2xl",
- "name": "2xl尺寸图标",
- "description": "2xl尺寸图标",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "icon_size-3xl",
- "name": "3xl尺寸图标",
- "description": "3xl尺寸图标",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "icon_size-4xl",
- "name": "4xl尺寸图标",
- "description": "4xl尺寸图标",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- }
- ]
- },
- "icon_size_control": {
- "name": "组件图标尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "icon_size_control-xs",
- "name": "超小尺寸图标",
- "description": "超小尺寸控件图标(组件使用)",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "icon_size_control-s",
- "name": "小尺寸图标",
- "description": "小尺寸控件图标(组件使用)",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "icon_size_control-m",
- "name": "中尺寸图标",
- "description": "中尺寸控件图标(组件使用)",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "icon_size_control-l",
- "name": "大尺寸图标",
- "description": "大尺寸控件图标(组件使用)",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "icon_size_control-xl",
- "name": "超大尺寸图标",
- "description": "超大尺寸控件图标(组件使用)",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- }
- ]
- },
-
- "font_size": {
- "name": "字体尺寸",
- "type": "font",
- "typeName": "字体",
- "value": [
- {
- "key": "font_size-display1",
- "name": "一级数据展示",
- "description": "一级数据展示",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "font_size-display2",
- "name": "二级数据展示",
- "description": "二级数据展示",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "font_size-display3",
- "name": "三级数据展示",
- "description": "三级数据展示",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "font_size-h1",
- "name": "一级标题",
- "description": "一级标题",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "font_size-h2",
- "name": "二级标题",
- "description": "二级标题",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "font_size-h3",
- "name": "三级标题",
- "description": "三级标题",
- "value": {
- "light": "22px",
- "dark": "22px"
- }
- },
- {
- "key": "font_size-h4",
- "name": "四级标题",
- "description": "四级标题",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "font_size-text1",
- "name": "常规正文",
- "description": "常规正文",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "font_size-text2",
- "name": "大号正文",
- "description": "大号正文",
- "value": {
- "light": "18px",
- "dark": "18px"
- }
- },
- {
- "key": "font_size-tip1",
- "name": "提示文本1",
- "description": "提示文本1",
- "value": {
- "light": "14px",
- "dark": "14px"
- }
- },
- {
- "key": "font_size-tip2",
- "name": "提示文本2",
- "description": "提示文本2",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- }
- ]
- },
- "line_height": {
- "name": "字体行高",
- "type": "font",
- "typeName": "字体",
- "value": [
- {
- "key": "line_height-display1",
- "name": "一级数据展示",
- "description": "一级数据展示",
- "value": {
- "light": "80px",
- "dark": "80px"
- }
- },
- {
- "key": "line_height-display2",
- "name": "二级数据展示",
- "description": "二级数据展示",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- },
- {
- "key": "line_height-display3",
- "name": "三级数据展示",
- "description": "三级数据展示",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "line_height-h1",
- "name": "一级标题",
- "description": "一级标题",
- "value": {
- "light": "44px",
- "dark": "44px"
- }
- },
- {
- "key": "line_height-h2",
- "name": "二级标题",
- "description": "二级标题",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "line_height-h3",
- "name": "三级标题",
- "description": "三级标题",
- "value": {
- "light": "30px",
- "dark": "30px"
- }
- },
- {
- "key": "line_height-h4",
- "name": "四级标题",
- "description": "四级标题",
- "value": {
- "light": "28px",
- "dark": "28px"
- }
- },
- {
- "key": "line_height-text1",
- "name": "正文",
- "description": "正文",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "line_height-text2",
- "name": "正文-大",
- "description": "正文-大",
- "value": {
- "light": "26px",
- "dark": "26x"
- }
- },
- {
- "key": "line_height-tip1",
- "name": "提示文本1",
- "description": "提示文本1",
- "value": {
- "light": "22px",
- "dark": "22px"
- }
- },
- {
- "key": "line_height-tip2",
- "name": "提示文本2",
- "description": "提示文本2",
- "value": {
- "light": "18px",
- "dark": "18px"
- }
- }
- ]
- },
-
- "radius": {
- "name": "圆角尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "radius-xs",
- "name": "超小尺寸圆角",
- "description": "超小尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-s",
- "name": "小尺寸圆角",
- "description": "小尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-m",
- "name": "中尺寸圆角",
- "description": "中尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-l",
- "name": "大尺寸圆角",
- "description": "大尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-xl",
- "name": "大尺寸圆角",
- "description": "大尺寸圆角,一般用于卡片",
- "value": {
- "light": "0px",
- "dark": "0px"
- }
- }
- ]
- },
- "radius_control": {
- "name": "组件圆角尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "radius_control-xs",
- "name": "超小尺寸控件圆角",
- "description": "超小尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius_control-s",
- "name": "小尺寸控件圆角",
- "description": "小尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius_control-m",
- "name": "中尺寸控件圆角",
- "description": "中尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius_control-l",
- "name": "大尺寸控件圆角",
- "description": "大尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- }
- ]
- },
-
- "duration": {
- "name": "动画持续时间",
- "type": "animation",
- "typeName": "动画",
- "value": [
- {
- "key": "duration-s",
- "name": "持续时间",
- "description": "用于退出屏幕的动画",
- "value": {
- "light": "200ms",
- "dark": "200ms"
- }
- },
- {
- "key": "duration-m1",
- "name": "持续时间",
- "description": "用于当曲线为standard-in时进入屏幕的动画",
- "value": {
- "light": "250ms",
- "dark": "250ms"
- }
- },
- {
- "key": "duration-m2",
- "name": "持续时间",
- "description": "用于当曲线为standard时开始、结束的动画",
- "value": {
- "light": "300ms",
- "dark": "300ms"
- }
- },
- {
- "key": "duration-m3",
- "name": "持续时间",
- "description": "用于当曲线为emphasized-in时进入屏幕的动画",
- "value": {
- "light": "400ms",
- "dark": "400ms"
- }
- },
- {
- "key": "duration-l",
- "name": "持续时间",
- "description": "用于当曲线为emphasized时开始、结束的动画",
- "value": {
- "light": "500ms",
- "dark": "500ms"
- }
- },
- {
- "key": "duration-xl",
- "name": "持续时间",
- "description": "用于当曲线为emphasized时,轮播切换动画",
- "value": {
- "light": "1000ms",
- "dark": "1000ms"
- }
- }
- ]
- },
-
- "easing": {
- "name": "动画曲线",
- "type": "animation",
- "typeName": "动画",
- "value": [
- {
- "key": "easing-linear",
- "name": "线性动画曲线",
- "description": "线性曲线",
- "value": {
- "light": "cubic-bezier(0, 0, 1, 1)",
- "dark": "cubic-bezier(0, 0, 1, 1)"
- }
- },
- {
- "key": "easing-standard",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0.2, 0, 0, 1)",
- "dark": "cubic-bezier(0.2, 0, 0, 1)"
- }
- },
- {
- "key": "easing-standard-in",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0, 0, 0, 1)",
- "dark": "cubic-bezier(0, 0, 0, 1)"
- }
- },
- {
- "key": "easing-standard-out",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0.3, 0, 1, 1)",
- "dark": "cubic-bezier(0.3, 0, 1, 1)"
- }
- },
- {
- "key": "easing-emphasized",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.2, 0, 0, 1)",
- "dark": "cubic-bezier(0.2, 0, 0, 1)"
- }
- },
- {
- "key": "easing-emphasized-in",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.3, 0, 0.8, 0.15)",
- "dark": "cubic-bezier(0.3, 0, 0.8, 0.15)"
- }
- },
- {
- "key": "easing-emphasized-out",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.05, 0.7, 0.1, 1)",
- "dark": "cubic-bezier(0.05, 0.7, 0.1, 1)"
- }
- }
- ]
- }
-}
diff --git a/packages/opendesign/src/theme/opendesign/common/dark.token.css b/packages/opendesign/src/theme/opendesign/common/dark.token.css
deleted file mode 100644
index 7bce382c89c58c04801ebd09d478177593014b20..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/opendesign/common/dark.token.css
+++ /dev/null
@@ -1,2194 +0,0 @@
-/* theme: dark */
-[data-o-theme="dark"] {
- /**
- * @name
- * @type palette
- * @group white
- * @description
- */
- --o-white: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group black
- * @description
- */
- --o-black: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-1: 11, 21, 55;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-2: 16, 30, 77;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-3: 27, 48, 113;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-4: 40, 68, 149;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-5: 55, 91, 184;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-6: 72, 116, 220;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-7: 105, 143, 227 ;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-8: 140, 171, 234;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-9: 176, 199, 241;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-10: 215, 227, 248;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-1: 81, 46, 9;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-2: 121, 75, 15;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-3: 161, 107, 22;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-4: 202, 143, 30;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-5: 242, 183, 38;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-6: 245, 202, 80;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-7: 247, 219, 122;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-8: 250, 234, 166;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-9: 252, 246, 210;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-10: 254, 251, 237;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-1: 77, 24, 0;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-2: 120, 42, 1;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-3: 163, 68, 8;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-4: 207, 97, 19;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-5: 250, 130, 33;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-6: 251, 143, 43;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-7: 252, 174, 91;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-8: 253, 202, 139;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-9: 254, 227, 188;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-10: 255, 248, 237;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-1: 77, 0, 17;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-2: 115, 3, 24;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-3: 153, 9, 31;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-4: 192, 17, 37;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-5: 230, 28, 43;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-6: 235, 35, 45;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-7: 240, 82, 85;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-8: 245, 132, 130;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-9: 250, 183, 180;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-10: 255, 234, 232;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-1: 0, 77, 42;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-2: 2, 102, 53;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-3: 10, 127, 66;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-4: 22, 152, 80;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-5: 36, 177, 95;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-6: 51, 193, 104;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-7: 90, 208, 131;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-8: 135, 224, 163;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-9: 185, 239, 200;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-10: 240, 255, 244;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-1: 77, 30, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-2: 116, 51, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-3: 154, 76, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-4: 193, 105, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-5: 231, 137, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-6: 236, 165, 47;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-7: 241, 191, 96;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-8: 245, 215, 147;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-9: 250, 237, 200;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-10: 253, 247, 232;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-1: 53, 70, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-2: 82, 105, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-3: 112, 141, 1;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-4: 143, 176, 2;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-5: 175, 211, 5;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-6: 184, 220, 48;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-7: 196, 229, 95;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-8: 212, 237, 145;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-9: 231, 246, 198;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-10: 244, 251, 231;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-1: 33, 60, 7;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-2: 51, 90, 11;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-3: 70, 119, 16;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-4: 91, 149, 21;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-5: 112, 179, 27;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-6: 184, 220, 48;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-7: 166, 209, 103;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-8: 195, 225, 148;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-9: 225, 240, 199;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-10: 242, 247, 231;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-1: 0, 60, 48;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-2: 0, 90, 71;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-3: 0, 119, 93;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-4: 0, 149, 113;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-5: 0, 179, 133;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-6: 39, 194, 152;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-7: 84, 209, 173;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-8: 135, 225, 197;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-9: 192, 240, 224;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-10: 228, 247, 241;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-1: 0, 52, 60;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-2: 0, 79, 90;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-3: 0, 107, 119;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-4: 0, 137, 149;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-5: 39, 186, 194;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-6: 84, 205, 209;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-7: 92, 208, 212;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-8: 135, 223, 225;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-9: 192, 240, 240;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-10: 228, 247, 247;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-1: 0, 47, 76;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-2: 0, 72, 115;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-3: 0, 99, 153;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-4: 0, 127, 191;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-5: 0, 156, 229;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-6: 47, 178, 234;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-7: 96, 198, 239;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-8: 147, 218, 245;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-9: 200, 237, 250;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-10: 232, 247, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-1: 0, 43, 97;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-2: 0, 61, 133;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-3: 0, 80, 169;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-4: 0, 100, 204;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-5: 0, 122, 240;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-6: 49, 151, 243;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-7: 98, 178, 246;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-8: 149, 205, 249;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-9: 202, 231, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-10: 233, 245, 254;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-1: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-2: 18, 18, 20;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-3: 28, 26, 28;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-4: 36, 36, 39;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-5: 43, 43, 47;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-6: 53, 53, 57;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-7: 63, 63, 67;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-8: 85, 85, 88;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-9: 118, 118, 122;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-10: 156, 156, 159;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-11: 181, 181, 185;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-12: 208, 208, 210;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-13: 235, 235, 238;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-14: 255,255, 255;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-1: 5, 19, 101;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-2: 10, 28, 118;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-3: 16, 38, 138;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-4: 23, 50, 159;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-5: 31, 63, 179;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-6: 66, 96, 194;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-7: 106, 131, 209;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-8: 150, 170, 225;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-9: 209, 218, 241;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-10: 232, 236, 247;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-1: 34, 0, 109;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-2: 39, 2, 130;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-3: 46, 7, 150;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-4: 53, 13, 171;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-5: 61, 20, 191;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-6: 97, 62, 201;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-7: 150, 130, 223;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-8: 182, 169, 233;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-9: 217, 210, 244;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-10: 240, 237, 250;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-1: 60, 0, 97;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-2: 77, 0, 118;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-3: 95, 0, 138;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-4: 114, 0, 159;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-5: 135, 2, 179;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-6: 161, 41, 194;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-7: 187, 85, 209;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-8: 211, 136, 225;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-9: 234, 192, 240;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-10: 245, 228, 247;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-1: 81, 0, 51;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-2: 117, 0, 70;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-3: 153, 0, 86;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-4: 188, 0, 100;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-5: 224, 0, 112;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-6: 230, 46, 132;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-7: 236, 95, 156;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-8: 243, 146, 184;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-9: 249, 199, 217;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-10: 252, 232, 239;
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-white: rgb(var(--o-white));
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-black: rgb(var(--o-black));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规
- */
- --o-color-primary1: rgb(var(--o-kleinblue-5));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮
- */
- --o-color-primary2: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活
- */
- --o-color-primary3: rgb(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用
- */
- --o-color-primary4: rgb(var(--o-kleinblue-3));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规-浅
- */
- --o-color-primary1-light: rgb(var(--o-kleinblue-2));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮-浅
- */
- --o-color-primary2-light: rgb(var(--o-kleinblue-3));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活-浅
- */
- --o-color-primary3-light: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用-浅
- */
- --o-color-primary4-light: rgb(var(--o-kleinblue-1));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规
- */
- --o-color-success1: rgb(var(--o-green-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮
- */
- --o-color-success2: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活
- */
- --o-color-success3: rgb(var(--o-green-7));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用
- */
- --o-color-success4: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规-浅
- */
- --o-color-success1-light: rgb(var(--o-green-2));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮-浅
- */
- --o-color-success2-light: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活-浅
- */
- --o-color-success3-light: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用-浅
- */
- --o-color-success4-light: rgb(var(--o-green-1));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规
- */
- --o-color-warning1: rgb(var(--o-orange-6));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮
- */
- --o-color-warning2: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活
- */
- --o-color-warning3: rgb(var(--o-orange-7));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用
- */
- --o-color-warning4: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规-浅
- */
- --o-color-warning1-light: rgb(var(--o-orange-2));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮-浅
- */
- --o-color-warning2-light: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活-浅
- */
- --o-color-warning3-light: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用-浅
- */
- --o-color-warning4-light: rgb(var(--o-orange-1));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规
- */
- --o-color-danger1: rgb(var(--o-red-6));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮
- */
- --o-color-danger2: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活
- */
- --o-color-danger3: rgb(var(--o-red-7));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用
- */
- --o-color-danger4: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规-浅
- */
- --o-color-danger1-light: rgb(var(--o-red-2));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮-浅
- */
- --o-color-danger2-light: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活-浅
- */
- --o-color-danger3-light: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用-浅
- */
- --o-color-danger4-light: rgb(var(--o-red-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 一级填充:页面背景
- */
- --o-color-fill1: rgb(var(--o-mixedgray-3));
- /**
- * @name
- * @type color
- * @group fill
- * @description 二级填充:区块/卡片
- */
- --o-color-fill2: rgb(var(--o-mixedgray-4));
- /**
- * @name
- * @type color
- * @group fill
- * @description 三级填充:卡片
- */
- --o-color-fill3: rgb(var(--o-mixedgray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 常规,常用于边框
- */
- --o-color-control1: rgba(var(--o-mixedgray-10), 0.25);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮,常用于边框
- */
- --o-color-control2: rgba(var(--o-mixedgray-10), 0.6);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活,常用于边框
- */
- --o-color-control3: rgba(var(--o-mixedgray-10), 0.8);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于边框
- */
- --o-color-control4: rgba(var(--o-mixedgray-10), 0.15);
- /**
- * @name
- * @type color
- * @group control
- * @description 常规-浅,常用于背景
- */
- --o-color-control1-light: rgb(var(--o-mixedgray-7), 1.0);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮-浅,常用于背景
- */
- --o-color-control2-light: rgb(var(--o-mixedgray-5), 1);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活-浅,常用于背景
- */
- --o-color-control3-light: rgb(var(--o-mixedgray-6), 1);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用-浅,常用于背景
- */
- --o-color-control4-light: rgb(var(--o-mixedgray-5), 1);
- /**
- * @name
- * @type color
- * @group control
- * @description 很浅,常用于表格背景色
- */
- --o-color-control-light: rgb(var(--o-mixedgray-4), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/强调/标题
- */
- --o-color-info1: rgba(var(--o-mixedgray-14), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/次强调/正文
- */
- --o-color-info2: rgba(var(--o-mixedgray-14), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息
- */
- --o-color-info3: rgba(var(--o-mixedgray-14), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用
- */
- --o-color-info4: rgba(var(--o-mixedgray-14), 0.4);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/次强调/正文反色
- */
- --o-color-info1-inverse: rgba(var(--o-mixedgray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/辅助信息反色
- */
- --o-color-info2-inverse: rgba(var(--o-mixedgray-1), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息反色
- */
- --o-color-info3-inverse: rgba(var(--o-mixedgray-1), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用反色
- */
- --o-color-info4-inverse: rgba(var(--o-mixedgray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 全局遮罩
- */
- --o-color-mask1: rgba(var(--o-mixedgray-14), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 局部遮罩
- */
- --o-color-mask2: rgba(var(--o-mixedgray-4), 0.2);
- /**
- * @name
- * @type color
- * @group link
- * @description 常规
- */
- --o-color-link1: rgba(var(--o-kleinblue-5));
- /**
- * @name
- * @type color
- * @group link
- * @description 悬浮
- */
- --o-color-link2: rgba(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group link
- * @description 激活
- */
- --o-color-link3: rgba(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group link
- * @description 禁用
- */
- --o-color-link4: rgba(var(--o-kleinblue-3));
- /**
- * @name 阴影1
- * @type shadow
- * @group shadow
- * @description 用于卡片、小弹窗、楼层阴影
- */
- --o-shadow-1: 0 3px 8px rgba(var(--o-mixedgray-1), 0.08);
- /**
- * @name 阴影2
- * @type shadow
- * @group shadow
- * @description 用于卡片悬浮阴影
- */
- --o-shadow-2: 0 2px 24px rgba(var(--o-mixedgray-1), 0.15);
- /**
- * @name 阴影3
- * @type shadow
- * @group shadow
- * @description 用于提示阴影
- */
- --o-shadow-3: 0 8px 40px rgba(var(--o-mixedgray-1), 0.1);
- /**
- * @name 间距1
- * @type gap
- * @group gap
- * @description 用于组件之间的间距1
- */
- --o-gap-1: 4px;
- /**
- * @name 间距2
- * @type gap
- * @group gap
- * @description 用于组件之间的间距2
- */
- --o-gap-2: 8px;
- /**
- * @name 间距3
- * @type gap
- * @group gap
- * @description 用于组件之间的间距3
- */
- --o-gap-3: 12px;
- /**
- * @name 间距4
- * @type gap
- * @group gap
- * @description 用于组件之间的间距4
- */
- --o-gap-4: 16px;
- /**
- * @name 间距5
- * @type gap
- * @group gap
- * @description 用于组件之间的间距5
- */
- --o-gap-5: 24px;
- /**
- * @name 间距6
- * @type gap
- * @group gap
- * @description 用于组件之间的间距6
- */
- --o-gap-6: 32px;
- /**
- * @name 间距7
- * @type gap
- * @group gap
- * @description 用于组件之间的间距7
- */
- --o-gap-7: 40px;
- /**
- * @name 间距8
- * @type gap
- * @group gap
- * @description 用于组件之间的间距8
- */
- --o-gap-8: 48px;
- /**
- * @name 间距9
- * @type gap
- * @group gap
- * @description 用于组件之间的间距9
- */
- --o-gap-9: 64px;
- /**
- * @name 间距10
- * @type gap
- * @group gap
- * @description 用于组件之间的间距10
- */
- --o-gap-10: 72px;
- /**
- * @name 超小尺寸
- * @type size
- * @group control_size
- * @description 超小尺寸
- */
- --o-control_size-2xs: 14px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-xs: 16px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-s: 24px;
- /**
- * @name 中尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-m: 32px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-l: 40px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-xl: 48px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-2xl: 56px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size
- * @description 超小尺寸图标
- */
- --o-icon_size-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size
- * @description 小尺寸图标
- */
- --o-icon_size-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size
- * @description 中尺寸图标
- */
- --o-icon_size-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size
- * @description 大尺寸图标
- */
- --o-icon_size-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size
- * @description 超大尺寸图标
- */
- --o-icon_size-xl: 40px;
- /**
- * @name 2xl尺寸图标
- * @type size
- * @group icon_size
- * @description 2xl尺寸图标
- */
- --o-icon_size-2xl: 48px;
- /**
- * @name 3xl尺寸图标
- * @type size
- * @group icon_size
- * @description 3xl尺寸图标
- */
- --o-icon_size-3xl: 56px;
- /**
- * @name 4xl尺寸图标
- * @type size
- * @group icon_size
- * @description 4xl尺寸图标
- */
- --o-icon_size-4xl: 64px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size_control
- * @description 中尺寸控件图标(组件使用)
- */
- --o-icon_size_control-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xl: 40px;
- /**
- * @name 一级数据展示
- * @type font
- * @group font_size
- * @description 一级数据展示
- */
- --o-font_size-display1: 56px;
- /**
- * @name 二级数据展示
- * @type font
- * @group font_size
- * @description 二级数据展示
- */
- --o-font_size-display2: 48px;
- /**
- * @name 三级数据展示
- * @type font
- * @group font_size
- * @description 三级数据展示
- */
- --o-font_size-display3: 40px;
- /**
- * @name 一级标题
- * @type font
- * @group font_size
- * @description 一级标题
- */
- --o-font_size-h1: 32px;
- /**
- * @name 二级标题
- * @type font
- * @group font_size
- * @description 二级标题
- */
- --o-font_size-h2: 24px;
- /**
- * @name 三级标题
- * @type font
- * @group font_size
- * @description 三级标题
- */
- --o-font_size-h3: 22px;
- /**
- * @name 四级标题
- * @type font
- * @group font_size
- * @description 四级标题
- */
- --o-font_size-h4: 20px;
- /**
- * @name 常规正文
- * @type font
- * @group font_size
- * @description 常规正文
- */
- --o-font_size-text1: 16px;
- /**
- * @name 大号正文
- * @type font
- * @group font_size
- * @description 大号正文
- */
- --o-font_size-text2: 18px;
- /**
- * @name 提示文本1
- * @type font
- * @group font_size
- * @description 提示文本1
- */
- --o-font_size-tip1: 14px;
- /**
- * @name 提示文本2
- * @type font
- * @group font_size
- * @description 提示文本2
- */
- --o-font_size-tip2: 12px;
- /**
- * @name 一级数据展示
- * @type font
- * @group line_height
- * @description 一级数据展示
- */
- --o-line_height-display1: 80px;
- /**
- * @name 二级数据展示
- * @type font
- * @group line_height
- * @description 二级数据展示
- */
- --o-line_height-display2: 64px;
- /**
- * @name 三级数据展示
- * @type font
- * @group line_height
- * @description 三级数据展示
- */
- --o-line_height-display3: 56px;
- /**
- * @name 一级标题
- * @type font
- * @group line_height
- * @description 一级标题
- */
- --o-line_height-h1: 44px;
- /**
- * @name 二级标题
- * @type font
- * @group line_height
- * @description 二级标题
- */
- --o-line_height-h2: 32px;
- /**
- * @name 三级标题
- * @type font
- * @group line_height
- * @description 三级标题
- */
- --o-line_height-h3: 30px;
- /**
- * @name 四级标题
- * @type font
- * @group line_height
- * @description 四级标题
- */
- --o-line_height-h4: 28px;
- /**
- * @name 正文
- * @type font
- * @group line_height
- * @description 正文
- */
- --o-line_height-text1: 24px;
- /**
- * @name 正文-大
- * @type font
- * @group line_height
- * @description 正文-大
- */
- --o-line_height-text2: 26x;
- /**
- * @name 提示文本1
- * @type font
- * @group line_height
- * @description 提示文本1
- */
- --o-line_height-tip1: 22px;
- /**
- * @name 提示文本2
- * @type font
- * @group line_height
- * @description 提示文本2
- */
- --o-line_height-tip2: 18px;
- /**
- * @name 超小尺寸圆角
- * @type size
- * @group radius
- * @description 超小尺寸圆角
- */
- --o-radius-xs: 4px;
- /**
- * @name 小尺寸圆角
- * @type size
- * @group radius
- * @description 小尺寸圆角
- */
- --o-radius-s: 8px;
- /**
- * @name 中尺寸圆角
- * @type size
- * @group radius
- * @description 中尺寸圆角
- */
- --o-radius-m: 12px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角
- */
- --o-radius-l: 16px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角,一般用于卡片
- */
- --o-radius-xl: 24px;
- /**
- * @name 超小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 超小尺寸控件圆角(组件使用)
- */
- --o-radius_control-xs: 4px;
- /**
- * @name 小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 小尺寸控件圆角(组件使用)
- */
- --o-radius_control-s: 8px;
- /**
- * @name 中尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 中尺寸控件圆角(组件使用)
- */
- --o-radius_control-m: 12px;
- /**
- * @name 大尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 大尺寸控件圆角(组件使用)
- */
- --o-radius_control-l: 16px;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于退出屏幕的动画
- */
- --o-duration-s: 200ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard-in时进入屏幕的动画
- */
- --o-duration-m1: 250ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard时开始、结束的动画
- */
- --o-duration-m2: 300ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized-in时进入屏幕的动画
- */
- --o-duration-m3: 400ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时开始、结束的动画
- */
- --o-duration-l: 500ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时,轮播切换动画
- */
- --o-duration-xl: 1000ms;
- /**
- * @name 线性动画曲线
- * @type animation
- * @group easing
- * @description 线性曲线
- */
- --o-easing-linear: cubic-bezier(0, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-in: cubic-bezier(0, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-out: cubic-bezier(0.3, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-in: cubic-bezier(0.3, 0, 0.8, 0.15);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/opendesign/common/index.scss b/packages/opendesign/src/theme/opendesign/common/index.scss
deleted file mode 100644
index e3a438cabeeba8a787539ce6461ed9dd86f44f6a..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/opendesign/common/index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@use './dark.token.css' as *;
-@use './light.token.css' as *;
diff --git a/packages/opendesign/src/theme/opendesign/common/light.token.css b/packages/opendesign/src/theme/opendesign/common/light.token.css
deleted file mode 100644
index e9853d2227336218f97b1b9e89237e796c426f77..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/opendesign/common/light.token.css
+++ /dev/null
@@ -1,2194 +0,0 @@
-/* theme: light */
-[data-o-theme="light"] {
- /**
- * @name
- * @type palette
- * @group white
- * @description
- */
- --o-white: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group black
- * @description
- */
- --o-black: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-1: 227, 234, 246;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-2: 190, 206, 237;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-3: 132, 161, 220;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-4: 81, 119, 202;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-5: 37, 81, 185;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-6: 0, 47, 167;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-7: 0, 39, 147;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-8: 0, 31, 126;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-9: 0, 24, 126;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-10: 0, 18, 85;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-1: 254, 252, 233;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-2: 252, 248, 202;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-3: 249, 237, 149;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-4: 246, 224, 98;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-5: 243, 207, 49;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-6: 240, 188, 6;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-7: 200, 147, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-8: 160, 109, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-9: 120, 76, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-10: 80, 47, 0;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-1: 255, 246, 232;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-2: 254, 226, 186;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-3: 253, 202, 140;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-4: 252, 176, 95;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-5: 251, 147, 50;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-6: 250, 115, 5;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-7: 207, 88, 3;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-8: 163, 64, 2;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-9: 120, 42, 1;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-10: 77, 24, 0;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-1: 255, 234, 232;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-2: 250, 185, 182;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-3: 245, 136, 134;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-4: 240, 87, 90;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-5: 235, 43, 52;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-6: 230, 0, 18;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-7: 192, 0, 22;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-8: 153, 0, 23;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-9: 115, 0, 21;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-10: 77, 0, 17;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-1: 232, 255, 238;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-2: 177, 239, 195;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-3: 128, 224, 158;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-4: 84, 208, 127;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-5: 45, 193, 101;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-6: 11, 177, 81;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-7: 7, 152, 72;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-8: 4, 127, 63;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-9: 2, 102, 53;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-10: 0, 77, 42;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-1: 253, 247, 232;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-2: 250, 237, 200;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-3: 245, 215, 147;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-4: 241, 191, 96;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-5: 236, 165, 47;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-6: 231, 137, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-7: 193, 105, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-8: 154, 76, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-9: 116, 51, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-10: 77, 30, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-1: 243, 250, 230;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-2: 229, 244, 195;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-3: 208, 233, 140;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-4: 191, 223, 89;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-5: 177, 212, 42;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-6: 167, 201, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-7: 136, 168, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-8: 107, 134, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-9: 78, 101, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-10: 51, 67, 0;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-1: 242, 247, 231;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-2: 225, 240, 199;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-3: 195, 225, 148;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-4: 166, 209, 103;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-5: 138, 194, 62;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-6: 112, 179, 27;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-7: 91, 149, 21;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-8: 70, 119, 16;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-9: 51, 90, 11;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-10: 33, 60, 7;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-1: 228, 247, 241;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-2: 192, 240, 224;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-3: 135, 225, 197;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-4: 84, 209, 173;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-5: 39, 194, 152;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-6: 0, 179, 133;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-7: 0, 149, 113;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-8: 0, 119, 93;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-9: 0, 90, 71;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-10: 0, 60, 48;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-1: 228, 247, 247;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-2: 192, 240, 240;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-3: 135, 223, 225;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-4: 84, 205, 209;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-5: 39, 186, 194;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-6: 0, 167, 179;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-7: 0, 137, 149;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-8: 0, 107, 119;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-9: 0, 79, 90;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-10: 0, 52, 60;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-1: 232, 247, 252;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-2: 200, 237, 250;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-3: 147, 218, 245;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-4: 96, 198, 239;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-5: 47, 178, 234;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-6: 0, 156, 229;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-7: 0, 127, 191;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-8: 0, 99, 153;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-9: 0, 72, 115;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-10: 0, 47, 76;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-1: 233, 245, 254;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-2: 202, 231, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-3: 149, 205, 249;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-4: 98, 178, 246;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-5: 49, 151, 243;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-6: 0, 122, 240;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-7: 0, 100, 204;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-8: 0, 80, 169;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-9: 0, 61, 133;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-10: 0, 43, 97;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-1: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-2: 240, 243, 245;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-3: 237, 237, 240;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-4: 232, 232, 235;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-5: 222, 222, 227;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-6: 212, 212, 217;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-7: 186, 186, 191;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-8: 149, 149, 157;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-9: 111, 111, 117;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-10: 85 , 85, 92;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-11: 61, 61, 66;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-12: 37, 37, 41;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-13: 21, 21, 23;
- /**
- * @name
- * @type palette
- * @group mixedgray
- * @description
- */
- --o-mixedgray-14: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-1: 232, 236, 247;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-2: 200, 211, 240;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-3: 150, 170, 225;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-4: 106, 131, 209;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-5: 66, 96, 194;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-6: 31, 63, 179;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-7: 23, 50, 159;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-8: 16, 38, 138;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-9: 10, 28, 118;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-10: 5, 19, 101;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-1: 234, 231, 249;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-2: 206, 199, 242;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-3: 163, 147, 229;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-4: 124, 100, 217;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-5: 90, 58, 204;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-6: 61, 20, 191;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-7: 53, 13, 171;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-8: 46, 7, 150;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-9: 39, 2, 130;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-10: 34, 0, 109;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-1: 245, 228, 247;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-2: 234, 192, 240;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-3: 211, 136, 225;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-4: 187, 85, 209;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-5: 161, 41, 194;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-6: 135, 2, 179;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-7: 114, 0, 159;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-8: 95, 0, 138;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-9: 77, 0, 118;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-10: 60, 0, 97;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-1: 252, 232, 239;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-2: 249, 199, 217;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-3: 243, 146, 184;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-4: 236, 95, 156;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-5: 230, 46, 132;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-6: 224, 0, 112;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-7: 188, 0, 100;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-8: 153, 0, 86;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-9: 117, 0, 70;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-10: 81, 0, 51;
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-white: rgb(var(--o-white));
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-black: rgb(var(--o-black));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规
- */
- --o-color-primary1: rgb(var(--o-kleinblue-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮
- */
- --o-color-primary2: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活
- */
- --o-color-primary3: rgb(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用
- */
- --o-color-primary4: rgb(var(--o-kleinblue-3));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规-浅
- */
- --o-color-primary1-light: rgb(var(--o-kleinblue-2));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮-浅
- */
- --o-color-primary2-light: rgb(var(--o-kleinblue-3));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活-浅
- */
- --o-color-primary3-light: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用-浅
- */
- --o-color-primary4-light: rgb(var(--o-kleinblue-1));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规
- */
- --o-color-success1: rgb(var(--o-green-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮
- */
- --o-color-success2: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活
- */
- --o-color-success3: rgb(var(--o-green-7));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用
- */
- --o-color-success4: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规-浅
- */
- --o-color-success1-light: rgb(var(--o-green-2));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮-浅
- */
- --o-color-success2-light: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活-浅
- */
- --o-color-success3-light: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用-浅
- */
- --o-color-success4-light: rgb(var(--o-green-1));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规
- */
- --o-color-warning1: rgb(var(--o-orange-6));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮
- */
- --o-color-warning2: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活
- */
- --o-color-warning3: rgb(var(--o-orange-7));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用
- */
- --o-color-warning4: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规-浅
- */
- --o-color-warning1-light: rgb(var(--o-orange-2));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮-浅
- */
- --o-color-warning2-light: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活-浅
- */
- --o-color-warning3-light: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用-浅
- */
- --o-color-warning4-light: rgb(var(--o-orange-1));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规
- */
- --o-color-danger1: rgb(var(--o-red-6));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮
- */
- --o-color-danger2: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活
- */
- --o-color-danger3: rgb(var(--o-red-7));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用
- */
- --o-color-danger4: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规-浅
- */
- --o-color-danger1-light: rgb(var(--o-red-2));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮-浅
- */
- --o-color-danger2-light: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活-浅
- */
- --o-color-danger3-light: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用-浅
- */
- --o-color-danger4-light: rgb(var(--o-red-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 一级填充:页面背景
- */
- --o-color-fill1: rgb(var(--o-mixedgray-2));
- /**
- * @name
- * @type color
- * @group fill
- * @description 二级填充:区块/卡片
- */
- --o-color-fill2: rgb(var(--o-mixedgray-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 三级填充:卡片
- */
- --o-color-fill3: rgb(var(--o-mixedgray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 常规,常用于边框
- */
- --o-color-control1: rgba(var(--o-mixedgray-10), 0.25);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮,常用于边框
- */
- --o-color-control2: rgba(var(--o-mixedgray-10), 0.6);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活,常用于边框
- */
- --o-color-control3: rgba(var(--o-mixedgray-10), 0.8);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于边框
- */
- --o-color-control4: rgba(var(--o-mixedgray-10), 0.1);
- /**
- * @name
- * @type color
- * @group control
- * @description 常规-浅,常用于背景
- */
- --o-color-control1-light: rgb(var(--o-mixedgray-5), 1.0);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮-浅,常用于背景
- */
- --o-color-control2-light: rgb(var(--o-mixedgray-3), 1);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活-浅,常用于背景
- */
- --o-color-control3-light: rgb(var(--o-mixedgray-4), 1);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用-浅,常用于背景
- */
- --o-color-control4-light: rgb(var(--o-mixedgray-3), 1);
- /**
- * @name
- * @type color
- * @group control
- * @description 很浅,常用于表格背景色
- */
- --o-color-control-light: rgb(var(--o-mixedgray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/强调/标题
- */
- --o-color-info1: rgba(var(--o-mixedgray-14), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/次强调/正文
- */
- --o-color-info2: rgba(var(--o-mixedgray-14), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息
- */
- --o-color-info3: rgba(var(--o-mixedgray-14), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用
- */
- --o-color-info4: rgba(var(--o-mixedgray-14), 0.4);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/次强调/正文反色
- */
- --o-color-info1-inverse: rgba(var(--o-mixedgray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/辅助信息反色
- */
- --o-color-info2-inverse: rgba(var(--o-mixedgray-1), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息反色
- */
- --o-color-info3-inverse: rgba(var(--o-mixedgray-1), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用反色
- */
- --o-color-info4-inverse: rgba(var(--o-mixedgray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 全局遮罩
- */
- --o-color-mask1: rgba(var(--o-mixedgray-14), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 局部遮罩
- */
- --o-color-mask2: rgba(var(--o-mixedgray-1), 0.2);
- /**
- * @name
- * @type color
- * @group link
- * @description 常规
- */
- --o-color-link1: rgba(var(--o-kleinblue-6));
- /**
- * @name
- * @type color
- * @group link
- * @description 悬浮
- */
- --o-color-link2: rgba(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group link
- * @description 激活
- */
- --o-color-link3: rgba(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group link
- * @description 禁用
- */
- --o-color-link4: rgba(var(--o-kleinblue-3));
- /**
- * @name 阴影1
- * @type shadow
- * @group shadow
- * @description 用于卡片、小弹窗、楼层阴影
- */
- --o-shadow-1: 0 3px 8px rgba(var(--o-mixedgray-9), 0.08);
- /**
- * @name 阴影2
- * @type shadow
- * @group shadow
- * @description 用于卡片悬浮阴影
- */
- --o-shadow-2: 0 2px 24px rgba(var(--o-mixedgray-9), 0.15);
- /**
- * @name 阴影3
- * @type shadow
- * @group shadow
- * @description 用于提示阴影
- */
- --o-shadow-3: 0 8px 40px rgba(var(--o-mixedgray-9), 0.1);
- /**
- * @name 间距1
- * @type gap
- * @group gap
- * @description 用于组件之间的间距1
- */
- --o-gap-1: 4px;
- /**
- * @name 间距2
- * @type gap
- * @group gap
- * @description 用于组件之间的间距2
- */
- --o-gap-2: 8px;
- /**
- * @name 间距3
- * @type gap
- * @group gap
- * @description 用于组件之间的间距3
- */
- --o-gap-3: 12px;
- /**
- * @name 间距4
- * @type gap
- * @group gap
- * @description 用于组件之间的间距4
- */
- --o-gap-4: 16px;
- /**
- * @name 间距5
- * @type gap
- * @group gap
- * @description 用于组件之间的间距5
- */
- --o-gap-5: 24px;
- /**
- * @name 间距6
- * @type gap
- * @group gap
- * @description 用于组件之间的间距6
- */
- --o-gap-6: 32px;
- /**
- * @name 间距7
- * @type gap
- * @group gap
- * @description 用于组件之间的间距7
- */
- --o-gap-7: 40px;
- /**
- * @name 间距8
- * @type gap
- * @group gap
- * @description 用于组件之间的间距8
- */
- --o-gap-8: 48px;
- /**
- * @name 间距9
- * @type gap
- * @group gap
- * @description 用于组件之间的间距9
- */
- --o-gap-9: 64px;
- /**
- * @name 间距10
- * @type gap
- * @group gap
- * @description 用于组件之间的间距10
- */
- --o-gap-10: 72px;
- /**
- * @name 超小尺寸
- * @type size
- * @group control_size
- * @description 超小尺寸
- */
- --o-control_size-2xs: 14px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-xs: 16px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-s: 24px;
- /**
- * @name 中尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-m: 32px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-l: 40px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-xl: 48px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-2xl: 56px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size
- * @description 超小尺寸图标
- */
- --o-icon_size-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size
- * @description 小尺寸图标
- */
- --o-icon_size-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size
- * @description 中尺寸图标
- */
- --o-icon_size-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size
- * @description 大尺寸图标
- */
- --o-icon_size-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size
- * @description 超大尺寸图标
- */
- --o-icon_size-xl: 40px;
- /**
- * @name 2xl尺寸图标
- * @type size
- * @group icon_size
- * @description 2xl尺寸图标
- */
- --o-icon_size-2xl: 48px;
- /**
- * @name 3xl尺寸图标
- * @type size
- * @group icon_size
- * @description 3xl尺寸图标
- */
- --o-icon_size-3xl: 56px;
- /**
- * @name 4xl尺寸图标
- * @type size
- * @group icon_size
- * @description 4xl尺寸图标
- */
- --o-icon_size-4xl: 64px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size_control
- * @description 中尺寸控件图标(组件使用)
- */
- --o-icon_size_control-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xl: 40px;
- /**
- * @name 一级数据展示
- * @type font
- * @group font_size
- * @description 一级数据展示
- */
- --o-font_size-display1: 56px;
- /**
- * @name 二级数据展示
- * @type font
- * @group font_size
- * @description 二级数据展示
- */
- --o-font_size-display2: 48px;
- /**
- * @name 三级数据展示
- * @type font
- * @group font_size
- * @description 三级数据展示
- */
- --o-font_size-display3: 40px;
- /**
- * @name 一级标题
- * @type font
- * @group font_size
- * @description 一级标题
- */
- --o-font_size-h1: 32px;
- /**
- * @name 二级标题
- * @type font
- * @group font_size
- * @description 二级标题
- */
- --o-font_size-h2: 24px;
- /**
- * @name 三级标题
- * @type font
- * @group font_size
- * @description 三级标题
- */
- --o-font_size-h3: 22px;
- /**
- * @name 四级标题
- * @type font
- * @group font_size
- * @description 四级标题
- */
- --o-font_size-h4: 20px;
- /**
- * @name 常规正文
- * @type font
- * @group font_size
- * @description 常规正文
- */
- --o-font_size-text1: 16px;
- /**
- * @name 大号正文
- * @type font
- * @group font_size
- * @description 大号正文
- */
- --o-font_size-text2: 18px;
- /**
- * @name 提示文本1
- * @type font
- * @group font_size
- * @description 提示文本1
- */
- --o-font_size-tip1: 14px;
- /**
- * @name 提示文本2
- * @type font
- * @group font_size
- * @description 提示文本2
- */
- --o-font_size-tip2: 12px;
- /**
- * @name 一级数据展示
- * @type font
- * @group line_height
- * @description 一级数据展示
- */
- --o-line_height-display1: 80px;
- /**
- * @name 二级数据展示
- * @type font
- * @group line_height
- * @description 二级数据展示
- */
- --o-line_height-display2: 64px;
- /**
- * @name 三级数据展示
- * @type font
- * @group line_height
- * @description 三级数据展示
- */
- --o-line_height-display3: 56px;
- /**
- * @name 一级标题
- * @type font
- * @group line_height
- * @description 一级标题
- */
- --o-line_height-h1: 44px;
- /**
- * @name 二级标题
- * @type font
- * @group line_height
- * @description 二级标题
- */
- --o-line_height-h2: 32px;
- /**
- * @name 三级标题
- * @type font
- * @group line_height
- * @description 三级标题
- */
- --o-line_height-h3: 30px;
- /**
- * @name 四级标题
- * @type font
- * @group line_height
- * @description 四级标题
- */
- --o-line_height-h4: 28px;
- /**
- * @name 正文
- * @type font
- * @group line_height
- * @description 正文
- */
- --o-line_height-text1: 24px;
- /**
- * @name 正文-大
- * @type font
- * @group line_height
- * @description 正文-大
- */
- --o-line_height-text2: 26px;
- /**
- * @name 提示文本1
- * @type font
- * @group line_height
- * @description 提示文本1
- */
- --o-line_height-tip1: 22px;
- /**
- * @name 提示文本2
- * @type font
- * @group line_height
- * @description 提示文本2
- */
- --o-line_height-tip2: 18px;
- /**
- * @name 超小尺寸圆角
- * @type size
- * @group radius
- * @description 超小尺寸圆角
- */
- --o-radius-xs: 4px;
- /**
- * @name 小尺寸圆角
- * @type size
- * @group radius
- * @description 小尺寸圆角
- */
- --o-radius-s: 8px;
- /**
- * @name 中尺寸圆角
- * @type size
- * @group radius
- * @description 中尺寸圆角
- */
- --o-radius-m: 12px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角
- */
- --o-radius-l: 16px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角,一般用于卡片
- */
- --o-radius-xl: 24px;
- /**
- * @name 超小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 超小尺寸控件圆角(组件使用)
- */
- --o-radius_control-xs: 4px;
- /**
- * @name 小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 小尺寸控件圆角(组件使用)
- */
- --o-radius_control-s: 8px;
- /**
- * @name 中尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 中尺寸控件圆角(组件使用)
- */
- --o-radius_control-m: 12px;
- /**
- * @name 大尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 大尺寸控件圆角(组件使用)
- */
- --o-radius_control-l: 16px;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于退出屏幕的动画
- */
- --o-duration-s: 200ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard-in时进入屏幕的动画
- */
- --o-duration-m1: 250ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard时开始、结束的动画
- */
- --o-duration-m2: 300ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized-in时进入屏幕的动画
- */
- --o-duration-m3: 400ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时开始、结束的动画
- */
- --o-duration-l: 500ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时,轮播切换动画
- */
- --o-duration-xl: 1000ms;
- /**
- * @name 线性动画曲线
- * @type animation
- * @group easing
- * @description 线性曲线
- */
- --o-easing-linear: cubic-bezier(0, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-in: cubic-bezier(0, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-out: cubic-bezier(0.3, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-in: cubic-bezier(0.3, 0, 0.8, 0.15);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/opendesign/index.scss b/packages/opendesign/src/theme/opendesign/index.scss
deleted file mode 100644
index e663debded23c041527d56bb0cdb9b195de59527..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/opendesign/index.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-// Token 及公共样式
-@use './common/index.scss' as *;
-
-// 样式
-@use '../../index.scss';
diff --git a/packages/opendesign/src/theme/opendesign/opendesign.token.code-snippets b/packages/opendesign/src/theme/opendesign/opendesign.token.code-snippets
deleted file mode 100644
index c40e06de0b434b0b723c3ad7535f201e1435edf8..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/opendesign/opendesign.token.code-snippets
+++ /dev/null
@@ -1,2506 +0,0 @@
-{
- "--o-white": {
- "prefix": [
- "var(--o-white)"
- ],
- "body": "var(--o-white)",
- "description": "[light: 255, 255, 255, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-black": {
- "prefix": [
- "var(--o-black)"
- ],
- "body": "var(--o-black)",
- "description": "[light: 0, 0, 0, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-1": {
- "prefix": [
- "var(--o-kleinblue-1)"
- ],
- "body": "var(--o-kleinblue-1)",
- "description": "[light: 227, 234, 246, dark: 11, 21, 55]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-2": {
- "prefix": [
- "var(--o-kleinblue-2)"
- ],
- "body": "var(--o-kleinblue-2)",
- "description": "[light: 190, 206, 237, dark: 16, 30, 77]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-3": {
- "prefix": [
- "var(--o-kleinblue-3)"
- ],
- "body": "var(--o-kleinblue-3)",
- "description": "[light: 132, 161, 220, dark: 27, 48, 113]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-4": {
- "prefix": [
- "var(--o-kleinblue-4)"
- ],
- "body": "var(--o-kleinblue-4)",
- "description": "[light: 81, 119, 202, dark: 40, 68, 149]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-5": {
- "prefix": [
- "var(--o-kleinblue-5)"
- ],
- "body": "var(--o-kleinblue-5)",
- "description": "[light: 37, 81, 185, dark: 55, 91, 184]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-6": {
- "prefix": [
- "var(--o-kleinblue-6)"
- ],
- "body": "var(--o-kleinblue-6)",
- "description": "[light: 0, 47, 167, dark: 72, 116, 220]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-7": {
- "prefix": [
- "var(--o-kleinblue-7)"
- ],
- "body": "var(--o-kleinblue-7)",
- "description": "[light: 0, 39, 147, dark: 105, 143, 227 ]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-8": {
- "prefix": [
- "var(--o-kleinblue-8)"
- ],
- "body": "var(--o-kleinblue-8)",
- "description": "[light: 0, 31, 126, dark: 140, 171, 234]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-9": {
- "prefix": [
- "var(--o-kleinblue-9)"
- ],
- "body": "var(--o-kleinblue-9)",
- "description": "[light: 0, 24, 126, dark: 176, 199, 241]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-10": {
- "prefix": [
- "var(--o-kleinblue-10)"
- ],
- "body": "var(--o-kleinblue-10)",
- "description": "[light: 0, 18, 85, dark: 215, 227, 248]",
- "scope": "css,scss,less"
- },
- "--o-yellow-1": {
- "prefix": [
- "var(--o-yellow-1)"
- ],
- "body": "var(--o-yellow-1)",
- "description": "[light: 254, 252, 233, dark: 81, 46, 9]",
- "scope": "css,scss,less"
- },
- "--o-yellow-2": {
- "prefix": [
- "var(--o-yellow-2)"
- ],
- "body": "var(--o-yellow-2)",
- "description": "[light: 252, 248, 202, dark: 121, 75, 15]",
- "scope": "css,scss,less"
- },
- "--o-yellow-3": {
- "prefix": [
- "var(--o-yellow-3)"
- ],
- "body": "var(--o-yellow-3)",
- "description": "[light: 249, 237, 149, dark: 161, 107, 22]",
- "scope": "css,scss,less"
- },
- "--o-yellow-4": {
- "prefix": [
- "var(--o-yellow-4)"
- ],
- "body": "var(--o-yellow-4)",
- "description": "[light: 246, 224, 98, dark: 202, 143, 30]",
- "scope": "css,scss,less"
- },
- "--o-yellow-5": {
- "prefix": [
- "var(--o-yellow-5)"
- ],
- "body": "var(--o-yellow-5)",
- "description": "[light: 243, 207, 49, dark: 242, 183, 38]",
- "scope": "css,scss,less"
- },
- "--o-yellow-6": {
- "prefix": [
- "var(--o-yellow-6)"
- ],
- "body": "var(--o-yellow-6)",
- "description": "[light: 240, 188, 6, dark: 245, 202, 80]",
- "scope": "css,scss,less"
- },
- "--o-yellow-7": {
- "prefix": [
- "var(--o-yellow-7)"
- ],
- "body": "var(--o-yellow-7)",
- "description": "[light: 200, 147, 0, dark: 247, 219, 122]",
- "scope": "css,scss,less"
- },
- "--o-yellow-8": {
- "prefix": [
- "var(--o-yellow-8)"
- ],
- "body": "var(--o-yellow-8)",
- "description": "[light: 160, 109, 0, dark: 250, 234, 166]",
- "scope": "css,scss,less"
- },
- "--o-yellow-9": {
- "prefix": [
- "var(--o-yellow-9)"
- ],
- "body": "var(--o-yellow-9)",
- "description": "[light: 120, 76, 0, dark: 252, 246, 210]",
- "scope": "css,scss,less"
- },
- "--o-yellow-10": {
- "prefix": [
- "var(--o-yellow-10)"
- ],
- "body": "var(--o-yellow-10)",
- "description": "[light: 80, 47, 0, dark: 254, 251, 237]",
- "scope": "css,scss,less"
- },
- "--o-orange-1": {
- "prefix": [
- "var(--o-orange-1)"
- ],
- "body": "var(--o-orange-1)",
- "description": "[light: 255, 246, 232, dark: 77, 24, 0]",
- "scope": "css,scss,less"
- },
- "--o-orange-2": {
- "prefix": [
- "var(--o-orange-2)"
- ],
- "body": "var(--o-orange-2)",
- "description": "[light: 254, 226, 186, dark: 120, 42, 1]",
- "scope": "css,scss,less"
- },
- "--o-orange-3": {
- "prefix": [
- "var(--o-orange-3)"
- ],
- "body": "var(--o-orange-3)",
- "description": "[light: 253, 202, 140, dark: 163, 68, 8]",
- "scope": "css,scss,less"
- },
- "--o-orange-4": {
- "prefix": [
- "var(--o-orange-4)"
- ],
- "body": "var(--o-orange-4)",
- "description": "[light: 252, 176, 95, dark: 207, 97, 19]",
- "scope": "css,scss,less"
- },
- "--o-orange-5": {
- "prefix": [
- "var(--o-orange-5)"
- ],
- "body": "var(--o-orange-5)",
- "description": "[light: 251, 147, 50, dark: 250, 130, 33]",
- "scope": "css,scss,less"
- },
- "--o-orange-6": {
- "prefix": [
- "var(--o-orange-6)"
- ],
- "body": "var(--o-orange-6)",
- "description": "[light: 250, 115, 5, dark: 251, 143, 43]",
- "scope": "css,scss,less"
- },
- "--o-orange-7": {
- "prefix": [
- "var(--o-orange-7)"
- ],
- "body": "var(--o-orange-7)",
- "description": "[light: 207, 88, 3, dark: 252, 174, 91]",
- "scope": "css,scss,less"
- },
- "--o-orange-8": {
- "prefix": [
- "var(--o-orange-8)"
- ],
- "body": "var(--o-orange-8)",
- "description": "[light: 163, 64, 2, dark: 253, 202, 139]",
- "scope": "css,scss,less"
- },
- "--o-orange-9": {
- "prefix": [
- "var(--o-orange-9)"
- ],
- "body": "var(--o-orange-9)",
- "description": "[light: 120, 42, 1, dark: 254, 227, 188]",
- "scope": "css,scss,less"
- },
- "--o-orange-10": {
- "prefix": [
- "var(--o-orange-10)"
- ],
- "body": "var(--o-orange-10)",
- "description": "[light: 77, 24, 0, dark: 255, 248, 237]",
- "scope": "css,scss,less"
- },
- "--o-red-1": {
- "prefix": [
- "var(--o-red-1)"
- ],
- "body": "var(--o-red-1)",
- "description": "[light: 255, 234, 232, dark: 77, 0, 17]",
- "scope": "css,scss,less"
- },
- "--o-red-2": {
- "prefix": [
- "var(--o-red-2)"
- ],
- "body": "var(--o-red-2)",
- "description": "[light: 250, 185, 182, dark: 115, 3, 24]",
- "scope": "css,scss,less"
- },
- "--o-red-3": {
- "prefix": [
- "var(--o-red-3)"
- ],
- "body": "var(--o-red-3)",
- "description": "[light: 245, 136, 134, dark: 153, 9, 31]",
- "scope": "css,scss,less"
- },
- "--o-red-4": {
- "prefix": [
- "var(--o-red-4)"
- ],
- "body": "var(--o-red-4)",
- "description": "[light: 240, 87, 90, dark: 192, 17, 37]",
- "scope": "css,scss,less"
- },
- "--o-red-5": {
- "prefix": [
- "var(--o-red-5)"
- ],
- "body": "var(--o-red-5)",
- "description": "[light: 235, 43, 52, dark: 230, 28, 43]",
- "scope": "css,scss,less"
- },
- "--o-red-6": {
- "prefix": [
- "var(--o-red-6)"
- ],
- "body": "var(--o-red-6)",
- "description": "[light: 230, 0, 18, dark: 235, 35, 45]",
- "scope": "css,scss,less"
- },
- "--o-red-7": {
- "prefix": [
- "var(--o-red-7)"
- ],
- "body": "var(--o-red-7)",
- "description": "[light: 192, 0, 22, dark: 240, 82, 85]",
- "scope": "css,scss,less"
- },
- "--o-red-8": {
- "prefix": [
- "var(--o-red-8)"
- ],
- "body": "var(--o-red-8)",
- "description": "[light: 153, 0, 23, dark: 245, 132, 130]",
- "scope": "css,scss,less"
- },
- "--o-red-9": {
- "prefix": [
- "var(--o-red-9)"
- ],
- "body": "var(--o-red-9)",
- "description": "[light: 115, 0, 21, dark: 250, 183, 180]",
- "scope": "css,scss,less"
- },
- "--o-red-10": {
- "prefix": [
- "var(--o-red-10)"
- ],
- "body": "var(--o-red-10)",
- "description": "[light: 77, 0, 17, dark: 255, 234, 232]",
- "scope": "css,scss,less"
- },
- "--o-green-1": {
- "prefix": [
- "var(--o-green-1)"
- ],
- "body": "var(--o-green-1)",
- "description": "[light: 232, 255, 238, dark: 0, 77, 42]",
- "scope": "css,scss,less"
- },
- "--o-green-2": {
- "prefix": [
- "var(--o-green-2)"
- ],
- "body": "var(--o-green-2)",
- "description": "[light: 177, 239, 195, dark: 2, 102, 53]",
- "scope": "css,scss,less"
- },
- "--o-green-3": {
- "prefix": [
- "var(--o-green-3)"
- ],
- "body": "var(--o-green-3)",
- "description": "[light: 128, 224, 158, dark: 10, 127, 66]",
- "scope": "css,scss,less"
- },
- "--o-green-4": {
- "prefix": [
- "var(--o-green-4)"
- ],
- "body": "var(--o-green-4)",
- "description": "[light: 84, 208, 127, dark: 22, 152, 80]",
- "scope": "css,scss,less"
- },
- "--o-green-5": {
- "prefix": [
- "var(--o-green-5)"
- ],
- "body": "var(--o-green-5)",
- "description": "[light: 45, 193, 101, dark: 36, 177, 95]",
- "scope": "css,scss,less"
- },
- "--o-green-6": {
- "prefix": [
- "var(--o-green-6)"
- ],
- "body": "var(--o-green-6)",
- "description": "[light: 11, 177, 81, dark: 51, 193, 104]",
- "scope": "css,scss,less"
- },
- "--o-green-7": {
- "prefix": [
- "var(--o-green-7)"
- ],
- "body": "var(--o-green-7)",
- "description": "[light: 7, 152, 72, dark: 90, 208, 131]",
- "scope": "css,scss,less"
- },
- "--o-green-8": {
- "prefix": [
- "var(--o-green-8)"
- ],
- "body": "var(--o-green-8)",
- "description": "[light: 4, 127, 63, dark: 135, 224, 163]",
- "scope": "css,scss,less"
- },
- "--o-green-9": {
- "prefix": [
- "var(--o-green-9)"
- ],
- "body": "var(--o-green-9)",
- "description": "[light: 2, 102, 53, dark: 185, 239, 200]",
- "scope": "css,scss,less"
- },
- "--o-green-10": {
- "prefix": [
- "var(--o-green-10)"
- ],
- "body": "var(--o-green-10)",
- "description": "[light: 0, 77, 42, dark: 240, 255, 244]",
- "scope": "css,scss,less"
- },
- "--o-amber-1": {
- "prefix": [
- "var(--o-amber-1)"
- ],
- "body": "var(--o-amber-1)",
- "description": "[light: 253, 247, 232, dark: 77, 30, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-2": {
- "prefix": [
- "var(--o-amber-2)"
- ],
- "body": "var(--o-amber-2)",
- "description": "[light: 250, 237, 200, dark: 116, 51, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-3": {
- "prefix": [
- "var(--o-amber-3)"
- ],
- "body": "var(--o-amber-3)",
- "description": "[light: 245, 215, 147, dark: 154, 76, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-4": {
- "prefix": [
- "var(--o-amber-4)"
- ],
- "body": "var(--o-amber-4)",
- "description": "[light: 241, 191, 96, dark: 193, 105, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-5": {
- "prefix": [
- "var(--o-amber-5)"
- ],
- "body": "var(--o-amber-5)",
- "description": "[light: 236, 165, 47, dark: 231, 137, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-6": {
- "prefix": [
- "var(--o-amber-6)"
- ],
- "body": "var(--o-amber-6)",
- "description": "[light: 231, 137, 0, dark: 236, 165, 47]",
- "scope": "css,scss,less"
- },
- "--o-amber-7": {
- "prefix": [
- "var(--o-amber-7)"
- ],
- "body": "var(--o-amber-7)",
- "description": "[light: 193, 105, 0, dark: 241, 191, 96]",
- "scope": "css,scss,less"
- },
- "--o-amber-8": {
- "prefix": [
- "var(--o-amber-8)"
- ],
- "body": "var(--o-amber-8)",
- "description": "[light: 154, 76, 0, dark: 245, 215, 147]",
- "scope": "css,scss,less"
- },
- "--o-amber-9": {
- "prefix": [
- "var(--o-amber-9)"
- ],
- "body": "var(--o-amber-9)",
- "description": "[light: 116, 51, 0, dark: 250, 237, 200]",
- "scope": "css,scss,less"
- },
- "--o-amber-10": {
- "prefix": [
- "var(--o-amber-10)"
- ],
- "body": "var(--o-amber-10)",
- "description": "[light: 77, 30, 0, dark: 253, 247, 232]",
- "scope": "css,scss,less"
- },
- "--o-lime-1": {
- "prefix": [
- "var(--o-lime-1)"
- ],
- "body": "var(--o-lime-1)",
- "description": "[light: 243, 250, 230, dark: 53, 70, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-2": {
- "prefix": [
- "var(--o-lime-2)"
- ],
- "body": "var(--o-lime-2)",
- "description": "[light: 229, 244, 195, dark: 82, 105, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-3": {
- "prefix": [
- "var(--o-lime-3)"
- ],
- "body": "var(--o-lime-3)",
- "description": "[light: 208, 233, 140, dark: 112, 141, 1]",
- "scope": "css,scss,less"
- },
- "--o-lime-4": {
- "prefix": [
- "var(--o-lime-4)"
- ],
- "body": "var(--o-lime-4)",
- "description": "[light: 191, 223, 89, dark: 143, 176, 2]",
- "scope": "css,scss,less"
- },
- "--o-lime-5": {
- "prefix": [
- "var(--o-lime-5)"
- ],
- "body": "var(--o-lime-5)",
- "description": "[light: 177, 212, 42, dark: 175, 211, 5]",
- "scope": "css,scss,less"
- },
- "--o-lime-6": {
- "prefix": [
- "var(--o-lime-6)"
- ],
- "body": "var(--o-lime-6)",
- "description": "[light: 167, 201, 0, dark: 184, 220, 48]",
- "scope": "css,scss,less"
- },
- "--o-lime-7": {
- "prefix": [
- "var(--o-lime-7)"
- ],
- "body": "var(--o-lime-7)",
- "description": "[light: 136, 168, 0, dark: 196, 229, 95]",
- "scope": "css,scss,less"
- },
- "--o-lime-8": {
- "prefix": [
- "var(--o-lime-8)"
- ],
- "body": "var(--o-lime-8)",
- "description": "[light: 107, 134, 0, dark: 212, 237, 145]",
- "scope": "css,scss,less"
- },
- "--o-lime-9": {
- "prefix": [
- "var(--o-lime-9)"
- ],
- "body": "var(--o-lime-9)",
- "description": "[light: 78, 101, 0, dark: 231, 246, 198]",
- "scope": "css,scss,less"
- },
- "--o-lime-10": {
- "prefix": [
- "var(--o-lime-10)"
- ],
- "body": "var(--o-lime-10)",
- "description": "[light: 51, 67, 0, dark: 244, 251, 231]",
- "scope": "css,scss,less"
- },
- "--o-light-green-1": {
- "prefix": [
- "var(--o-light-green-1)"
- ],
- "body": "var(--o-light-green-1)",
- "description": "[light: 242, 247, 231, dark: 33, 60, 7]",
- "scope": "css,scss,less"
- },
- "--o-light-green-2": {
- "prefix": [
- "var(--o-light-green-2)"
- ],
- "body": "var(--o-light-green-2)",
- "description": "[light: 225, 240, 199, dark: 51, 90, 11]",
- "scope": "css,scss,less"
- },
- "--o-light-green-3": {
- "prefix": [
- "var(--o-light-green-3)"
- ],
- "body": "var(--o-light-green-3)",
- "description": "[light: 195, 225, 148, dark: 70, 119, 16]",
- "scope": "css,scss,less"
- },
- "--o-light-green-4": {
- "prefix": [
- "var(--o-light-green-4)"
- ],
- "body": "var(--o-light-green-4)",
- "description": "[light: 166, 209, 103, dark: 91, 149, 21]",
- "scope": "css,scss,less"
- },
- "--o-light-green-5": {
- "prefix": [
- "var(--o-light-green-5)"
- ],
- "body": "var(--o-light-green-5)",
- "description": "[light: 138, 194, 62, dark: 112, 179, 27]",
- "scope": "css,scss,less"
- },
- "--o-light-green-6": {
- "prefix": [
- "var(--o-light-green-6)"
- ],
- "body": "var(--o-light-green-6)",
- "description": "[light: 112, 179, 27, dark: 184, 220, 48]",
- "scope": "css,scss,less"
- },
- "--o-light-green-7": {
- "prefix": [
- "var(--o-light-green-7)"
- ],
- "body": "var(--o-light-green-7)",
- "description": "[light: 91, 149, 21, dark: 166, 209, 103]",
- "scope": "css,scss,less"
- },
- "--o-light-green-8": {
- "prefix": [
- "var(--o-light-green-8)"
- ],
- "body": "var(--o-light-green-8)",
- "description": "[light: 70, 119, 16, dark: 195, 225, 148]",
- "scope": "css,scss,less"
- },
- "--o-light-green-9": {
- "prefix": [
- "var(--o-light-green-9)"
- ],
- "body": "var(--o-light-green-9)",
- "description": "[light: 51, 90, 11, dark: 225, 240, 199]",
- "scope": "css,scss,less"
- },
- "--o-light-green-10": {
- "prefix": [
- "var(--o-light-green-10)"
- ],
- "body": "var(--o-light-green-10)",
- "description": "[light: 33, 60, 7, dark: 242, 247, 231]",
- "scope": "css,scss,less"
- },
- "--o-teal-1": {
- "prefix": [
- "var(--o-teal-1)"
- ],
- "body": "var(--o-teal-1)",
- "description": "[light: 228, 247, 241, dark: 0, 60, 48]",
- "scope": "css,scss,less"
- },
- "--o-teal-2": {
- "prefix": [
- "var(--o-teal-2)"
- ],
- "body": "var(--o-teal-2)",
- "description": "[light: 192, 240, 224, dark: 0, 90, 71]",
- "scope": "css,scss,less"
- },
- "--o-teal-3": {
- "prefix": [
- "var(--o-teal-3)"
- ],
- "body": "var(--o-teal-3)",
- "description": "[light: 135, 225, 197, dark: 0, 119, 93]",
- "scope": "css,scss,less"
- },
- "--o-teal-4": {
- "prefix": [
- "var(--o-teal-4)"
- ],
- "body": "var(--o-teal-4)",
- "description": "[light: 84, 209, 173, dark: 0, 149, 113]",
- "scope": "css,scss,less"
- },
- "--o-teal-5": {
- "prefix": [
- "var(--o-teal-5)"
- ],
- "body": "var(--o-teal-5)",
- "description": "[light: 39, 194, 152, dark: 0, 179, 133]",
- "scope": "css,scss,less"
- },
- "--o-teal-6": {
- "prefix": [
- "var(--o-teal-6)"
- ],
- "body": "var(--o-teal-6)",
- "description": "[light: 0, 179, 133, dark: 39, 194, 152]",
- "scope": "css,scss,less"
- },
- "--o-teal-7": {
- "prefix": [
- "var(--o-teal-7)"
- ],
- "body": "var(--o-teal-7)",
- "description": "[light: 0, 149, 113, dark: 84, 209, 173]",
- "scope": "css,scss,less"
- },
- "--o-teal-8": {
- "prefix": [
- "var(--o-teal-8)"
- ],
- "body": "var(--o-teal-8)",
- "description": "[light: 0, 119, 93, dark: 135, 225, 197]",
- "scope": "css,scss,less"
- },
- "--o-teal-9": {
- "prefix": [
- "var(--o-teal-9)"
- ],
- "body": "var(--o-teal-9)",
- "description": "[light: 0, 90, 71, dark: 192, 240, 224]",
- "scope": "css,scss,less"
- },
- "--o-teal-10": {
- "prefix": [
- "var(--o-teal-10)"
- ],
- "body": "var(--o-teal-10)",
- "description": "[light: 0, 60, 48, dark: 228, 247, 241]",
- "scope": "css,scss,less"
- },
- "--o-cyan-1": {
- "prefix": [
- "var(--o-cyan-1)"
- ],
- "body": "var(--o-cyan-1)",
- "description": "[light: 228, 247, 247, dark: 0, 52, 60]",
- "scope": "css,scss,less"
- },
- "--o-cyan-2": {
- "prefix": [
- "var(--o-cyan-2)"
- ],
- "body": "var(--o-cyan-2)",
- "description": "[light: 192, 240, 240, dark: 0, 79, 90]",
- "scope": "css,scss,less"
- },
- "--o-cyan-3": {
- "prefix": [
- "var(--o-cyan-3)"
- ],
- "body": "var(--o-cyan-3)",
- "description": "[light: 135, 223, 225, dark: 0, 107, 119]",
- "scope": "css,scss,less"
- },
- "--o-cyan-4": {
- "prefix": [
- "var(--o-cyan-4)"
- ],
- "body": "var(--o-cyan-4)",
- "description": "[light: 84, 205, 209, dark: 0, 137, 149]",
- "scope": "css,scss,less"
- },
- "--o-cyan-5": {
- "prefix": [
- "var(--o-cyan-5)"
- ],
- "body": "var(--o-cyan-5)",
- "description": "[light: 39, 186, 194, dark: 39, 186, 194]",
- "scope": "css,scss,less"
- },
- "--o-cyan-6": {
- "prefix": [
- "var(--o-cyan-6)"
- ],
- "body": "var(--o-cyan-6)",
- "description": "[light: 0, 167, 179, dark: 84, 205, 209]",
- "scope": "css,scss,less"
- },
- "--o-cyan-7": {
- "prefix": [
- "var(--o-cyan-7)"
- ],
- "body": "var(--o-cyan-7)",
- "description": "[light: 0, 137, 149, dark: 92, 208, 212]",
- "scope": "css,scss,less"
- },
- "--o-cyan-8": {
- "prefix": [
- "var(--o-cyan-8)"
- ],
- "body": "var(--o-cyan-8)",
- "description": "[light: 0, 107, 119, dark: 135, 223, 225]",
- "scope": "css,scss,less"
- },
- "--o-cyan-9": {
- "prefix": [
- "var(--o-cyan-9)"
- ],
- "body": "var(--o-cyan-9)",
- "description": "[light: 0, 79, 90, dark: 192, 240, 240]",
- "scope": "css,scss,less"
- },
- "--o-cyan-10": {
- "prefix": [
- "var(--o-cyan-10)"
- ],
- "body": "var(--o-cyan-10)",
- "description": "[light: 0, 52, 60, dark: 228, 247, 247]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-1": {
- "prefix": [
- "var(--o-light-blue-1)"
- ],
- "body": "var(--o-light-blue-1)",
- "description": "[light: 232, 247, 252, dark: 0, 47, 76]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-2": {
- "prefix": [
- "var(--o-light-blue-2)"
- ],
- "body": "var(--o-light-blue-2)",
- "description": "[light: 200, 237, 250, dark: 0, 72, 115]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-3": {
- "prefix": [
- "var(--o-light-blue-3)"
- ],
- "body": "var(--o-light-blue-3)",
- "description": "[light: 147, 218, 245, dark: 0, 99, 153]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-4": {
- "prefix": [
- "var(--o-light-blue-4)"
- ],
- "body": "var(--o-light-blue-4)",
- "description": "[light: 96, 198, 239, dark: 0, 127, 191]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-5": {
- "prefix": [
- "var(--o-light-blue-5)"
- ],
- "body": "var(--o-light-blue-5)",
- "description": "[light: 47, 178, 234, dark: 0, 156, 229]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-6": {
- "prefix": [
- "var(--o-light-blue-6)"
- ],
- "body": "var(--o-light-blue-6)",
- "description": "[light: 0, 156, 229, dark: 47, 178, 234]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-7": {
- "prefix": [
- "var(--o-light-blue-7)"
- ],
- "body": "var(--o-light-blue-7)",
- "description": "[light: 0, 127, 191, dark: 96, 198, 239]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-8": {
- "prefix": [
- "var(--o-light-blue-8)"
- ],
- "body": "var(--o-light-blue-8)",
- "description": "[light: 0, 99, 153, dark: 147, 218, 245]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-9": {
- "prefix": [
- "var(--o-light-blue-9)"
- ],
- "body": "var(--o-light-blue-9)",
- "description": "[light: 0, 72, 115, dark: 200, 237, 250]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-10": {
- "prefix": [
- "var(--o-light-blue-10)"
- ],
- "body": "var(--o-light-blue-10)",
- "description": "[light: 0, 47, 76, dark: 232, 247, 252]",
- "scope": "css,scss,less"
- },
- "--o-blue-1": {
- "prefix": [
- "var(--o-blue-1)"
- ],
- "body": "var(--o-blue-1)",
- "description": "[light: 233, 245, 254, dark: 0, 43, 97]",
- "scope": "css,scss,less"
- },
- "--o-blue-2": {
- "prefix": [
- "var(--o-blue-2)"
- ],
- "body": "var(--o-blue-2)",
- "description": "[light: 202, 231, 252, dark: 0, 61, 133]",
- "scope": "css,scss,less"
- },
- "--o-blue-3": {
- "prefix": [
- "var(--o-blue-3)"
- ],
- "body": "var(--o-blue-3)",
- "description": "[light: 149, 205, 249, dark: 0, 80, 169]",
- "scope": "css,scss,less"
- },
- "--o-blue-4": {
- "prefix": [
- "var(--o-blue-4)"
- ],
- "body": "var(--o-blue-4)",
- "description": "[light: 98, 178, 246, dark: 0, 100, 204]",
- "scope": "css,scss,less"
- },
- "--o-blue-5": {
- "prefix": [
- "var(--o-blue-5)"
- ],
- "body": "var(--o-blue-5)",
- "description": "[light: 49, 151, 243, dark: 0, 122, 240]",
- "scope": "css,scss,less"
- },
- "--o-blue-6": {
- "prefix": [
- "var(--o-blue-6)"
- ],
- "body": "var(--o-blue-6)",
- "description": "[light: 0, 122, 240, dark: 49, 151, 243]",
- "scope": "css,scss,less"
- },
- "--o-blue-7": {
- "prefix": [
- "var(--o-blue-7)"
- ],
- "body": "var(--o-blue-7)",
- "description": "[light: 0, 100, 204, dark: 98, 178, 246]",
- "scope": "css,scss,less"
- },
- "--o-blue-8": {
- "prefix": [
- "var(--o-blue-8)"
- ],
- "body": "var(--o-blue-8)",
- "description": "[light: 0, 80, 169, dark: 149, 205, 249]",
- "scope": "css,scss,less"
- },
- "--o-blue-9": {
- "prefix": [
- "var(--o-blue-9)"
- ],
- "body": "var(--o-blue-9)",
- "description": "[light: 0, 61, 133, dark: 202, 231, 252]",
- "scope": "css,scss,less"
- },
- "--o-blue-10": {
- "prefix": [
- "var(--o-blue-10)"
- ],
- "body": "var(--o-blue-10)",
- "description": "[light: 0, 43, 97, dark: 233, 245, 254]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-1": {
- "prefix": [
- "var(--o-mixedgray-1)"
- ],
- "body": "var(--o-mixedgray-1)",
- "description": "[light: 255, 255, 255, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-2": {
- "prefix": [
- "var(--o-mixedgray-2)"
- ],
- "body": "var(--o-mixedgray-2)",
- "description": "[light: 240, 243, 245, dark: 18, 18, 20]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-3": {
- "prefix": [
- "var(--o-mixedgray-3)"
- ],
- "body": "var(--o-mixedgray-3)",
- "description": "[light: 237, 237, 240, dark: 28, 26, 28]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-4": {
- "prefix": [
- "var(--o-mixedgray-4)"
- ],
- "body": "var(--o-mixedgray-4)",
- "description": "[light: 232, 232, 235, dark: 36, 36, 39]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-5": {
- "prefix": [
- "var(--o-mixedgray-5)"
- ],
- "body": "var(--o-mixedgray-5)",
- "description": "[light: 222, 222, 227, dark: 43, 43, 47]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-6": {
- "prefix": [
- "var(--o-mixedgray-6)"
- ],
- "body": "var(--o-mixedgray-6)",
- "description": "[light: 212, 212, 217, dark: 53, 53, 57]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-7": {
- "prefix": [
- "var(--o-mixedgray-7)"
- ],
- "body": "var(--o-mixedgray-7)",
- "description": "[light: 186, 186, 191, dark: 63, 63, 67]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-8": {
- "prefix": [
- "var(--o-mixedgray-8)"
- ],
- "body": "var(--o-mixedgray-8)",
- "description": "[light: 149, 149, 157, dark: 85, 85, 88]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-9": {
- "prefix": [
- "var(--o-mixedgray-9)"
- ],
- "body": "var(--o-mixedgray-9)",
- "description": "[light: 111, 111, 117, dark: 118, 118, 122]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-10": {
- "prefix": [
- "var(--o-mixedgray-10)"
- ],
- "body": "var(--o-mixedgray-10)",
- "description": "[light: 85 , 85, 92, dark: 156, 156, 159]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-11": {
- "prefix": [
- "var(--o-mixedgray-11)"
- ],
- "body": "var(--o-mixedgray-11)",
- "description": "[light: 61, 61, 66, dark: 181, 181, 185]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-12": {
- "prefix": [
- "var(--o-mixedgray-12)"
- ],
- "body": "var(--o-mixedgray-12)",
- "description": "[light: 37, 37, 41, dark: 208, 208, 210]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-13": {
- "prefix": [
- "var(--o-mixedgray-13)"
- ],
- "body": "var(--o-mixedgray-13)",
- "description": "[light: 21, 21, 23, dark: 235, 235, 238]",
- "scope": "css,scss,less"
- },
- "--o-mixedgray-14": {
- "prefix": [
- "var(--o-mixedgray-14)"
- ],
- "body": "var(--o-mixedgray-14)",
- "description": "[light: 0, 0, 0, dark: 255,255, 255]",
- "scope": "css,scss,less"
- },
- "--o-indigo-1": {
- "prefix": [
- "var(--o-indigo-1)"
- ],
- "body": "var(--o-indigo-1)",
- "description": "[light: 232, 236, 247, dark: 5, 19, 101]",
- "scope": "css,scss,less"
- },
- "--o-indigo-2": {
- "prefix": [
- "var(--o-indigo-2)"
- ],
- "body": "var(--o-indigo-2)",
- "description": "[light: 200, 211, 240, dark: 10, 28, 118]",
- "scope": "css,scss,less"
- },
- "--o-indigo-3": {
- "prefix": [
- "var(--o-indigo-3)"
- ],
- "body": "var(--o-indigo-3)",
- "description": "[light: 150, 170, 225, dark: 16, 38, 138]",
- "scope": "css,scss,less"
- },
- "--o-indigo-4": {
- "prefix": [
- "var(--o-indigo-4)"
- ],
- "body": "var(--o-indigo-4)",
- "description": "[light: 106, 131, 209, dark: 23, 50, 159]",
- "scope": "css,scss,less"
- },
- "--o-indigo-5": {
- "prefix": [
- "var(--o-indigo-5)"
- ],
- "body": "var(--o-indigo-5)",
- "description": "[light: 66, 96, 194, dark: 31, 63, 179]",
- "scope": "css,scss,less"
- },
- "--o-indigo-6": {
- "prefix": [
- "var(--o-indigo-6)"
- ],
- "body": "var(--o-indigo-6)",
- "description": "[light: 31, 63, 179, dark: 66, 96, 194]",
- "scope": "css,scss,less"
- },
- "--o-indigo-7": {
- "prefix": [
- "var(--o-indigo-7)"
- ],
- "body": "var(--o-indigo-7)",
- "description": "[light: 23, 50, 159, dark: 106, 131, 209]",
- "scope": "css,scss,less"
- },
- "--o-indigo-8": {
- "prefix": [
- "var(--o-indigo-8)"
- ],
- "body": "var(--o-indigo-8)",
- "description": "[light: 16, 38, 138, dark: 150, 170, 225]",
- "scope": "css,scss,less"
- },
- "--o-indigo-9": {
- "prefix": [
- "var(--o-indigo-9)"
- ],
- "body": "var(--o-indigo-9)",
- "description": "[light: 10, 28, 118, dark: 209, 218, 241]",
- "scope": "css,scss,less"
- },
- "--o-indigo-10": {
- "prefix": [
- "var(--o-indigo-10)"
- ],
- "body": "var(--o-indigo-10)",
- "description": "[light: 5, 19, 101, dark: 232, 236, 247]",
- "scope": "css,scss,less"
- },
- "--o-violet-1": {
- "prefix": [
- "var(--o-violet-1)"
- ],
- "body": "var(--o-violet-1)",
- "description": "[light: 234, 231, 249, dark: 34, 0, 109]",
- "scope": "css,scss,less"
- },
- "--o-violet-2": {
- "prefix": [
- "var(--o-violet-2)"
- ],
- "body": "var(--o-violet-2)",
- "description": "[light: 206, 199, 242, dark: 39, 2, 130]",
- "scope": "css,scss,less"
- },
- "--o-violet-3": {
- "prefix": [
- "var(--o-violet-3)"
- ],
- "body": "var(--o-violet-3)",
- "description": "[light: 163, 147, 229, dark: 46, 7, 150]",
- "scope": "css,scss,less"
- },
- "--o-violet-4": {
- "prefix": [
- "var(--o-violet-4)"
- ],
- "body": "var(--o-violet-4)",
- "description": "[light: 124, 100, 217, dark: 53, 13, 171]",
- "scope": "css,scss,less"
- },
- "--o-violet-5": {
- "prefix": [
- "var(--o-violet-5)"
- ],
- "body": "var(--o-violet-5)",
- "description": "[light: 90, 58, 204, dark: 61, 20, 191]",
- "scope": "css,scss,less"
- },
- "--o-violet-6": {
- "prefix": [
- "var(--o-violet-6)"
- ],
- "body": "var(--o-violet-6)",
- "description": "[light: 61, 20, 191, dark: 97, 62, 201]",
- "scope": "css,scss,less"
- },
- "--o-violet-7": {
- "prefix": [
- "var(--o-violet-7)"
- ],
- "body": "var(--o-violet-7)",
- "description": "[light: 53, 13, 171, dark: 150, 130, 223]",
- "scope": "css,scss,less"
- },
- "--o-violet-8": {
- "prefix": [
- "var(--o-violet-8)"
- ],
- "body": "var(--o-violet-8)",
- "description": "[light: 46, 7, 150, dark: 182, 169, 233]",
- "scope": "css,scss,less"
- },
- "--o-violet-9": {
- "prefix": [
- "var(--o-violet-9)"
- ],
- "body": "var(--o-violet-9)",
- "description": "[light: 39, 2, 130, dark: 217, 210, 244]",
- "scope": "css,scss,less"
- },
- "--o-violet-10": {
- "prefix": [
- "var(--o-violet-10)"
- ],
- "body": "var(--o-violet-10)",
- "description": "[light: 34, 0, 109, dark: 240, 237, 250]",
- "scope": "css,scss,less"
- },
- "--o-purple-1": {
- "prefix": [
- "var(--o-purple-1)"
- ],
- "body": "var(--o-purple-1)",
- "description": "[light: 245, 228, 247, dark: 60, 0, 97]",
- "scope": "css,scss,less"
- },
- "--o-purple-2": {
- "prefix": [
- "var(--o-purple-2)"
- ],
- "body": "var(--o-purple-2)",
- "description": "[light: 234, 192, 240, dark: 77, 0, 118]",
- "scope": "css,scss,less"
- },
- "--o-purple-3": {
- "prefix": [
- "var(--o-purple-3)"
- ],
- "body": "var(--o-purple-3)",
- "description": "[light: 211, 136, 225, dark: 95, 0, 138]",
- "scope": "css,scss,less"
- },
- "--o-purple-4": {
- "prefix": [
- "var(--o-purple-4)"
- ],
- "body": "var(--o-purple-4)",
- "description": "[light: 187, 85, 209, dark: 114, 0, 159]",
- "scope": "css,scss,less"
- },
- "--o-purple-5": {
- "prefix": [
- "var(--o-purple-5)"
- ],
- "body": "var(--o-purple-5)",
- "description": "[light: 161, 41, 194, dark: 135, 2, 179]",
- "scope": "css,scss,less"
- },
- "--o-purple-6": {
- "prefix": [
- "var(--o-purple-6)"
- ],
- "body": "var(--o-purple-6)",
- "description": "[light: 135, 2, 179, dark: 161, 41, 194]",
- "scope": "css,scss,less"
- },
- "--o-purple-7": {
- "prefix": [
- "var(--o-purple-7)"
- ],
- "body": "var(--o-purple-7)",
- "description": "[light: 114, 0, 159, dark: 187, 85, 209]",
- "scope": "css,scss,less"
- },
- "--o-purple-8": {
- "prefix": [
- "var(--o-purple-8)"
- ],
- "body": "var(--o-purple-8)",
- "description": "[light: 95, 0, 138, dark: 211, 136, 225]",
- "scope": "css,scss,less"
- },
- "--o-purple-9": {
- "prefix": [
- "var(--o-purple-9)"
- ],
- "body": "var(--o-purple-9)",
- "description": "[light: 77, 0, 118, dark: 234, 192, 240]",
- "scope": "css,scss,less"
- },
- "--o-purple-10": {
- "prefix": [
- "var(--o-purple-10)"
- ],
- "body": "var(--o-purple-10)",
- "description": "[light: 60, 0, 97, dark: 245, 228, 247]",
- "scope": "css,scss,less"
- },
- "--o-pink-1": {
- "prefix": [
- "var(--o-pink-1)"
- ],
- "body": "var(--o-pink-1)",
- "description": "[light: 252, 232, 239, dark: 81, 0, 51]",
- "scope": "css,scss,less"
- },
- "--o-pink-2": {
- "prefix": [
- "var(--o-pink-2)"
- ],
- "body": "var(--o-pink-2)",
- "description": "[light: 249, 199, 217, dark: 117, 0, 70]",
- "scope": "css,scss,less"
- },
- "--o-pink-3": {
- "prefix": [
- "var(--o-pink-3)"
- ],
- "body": "var(--o-pink-3)",
- "description": "[light: 243, 146, 184, dark: 153, 0, 86]",
- "scope": "css,scss,less"
- },
- "--o-pink-4": {
- "prefix": [
- "var(--o-pink-4)"
- ],
- "body": "var(--o-pink-4)",
- "description": "[light: 236, 95, 156, dark: 188, 0, 100]",
- "scope": "css,scss,less"
- },
- "--o-pink-5": {
- "prefix": [
- "var(--o-pink-5)"
- ],
- "body": "var(--o-pink-5)",
- "description": "[light: 230, 46, 132, dark: 224, 0, 112]",
- "scope": "css,scss,less"
- },
- "--o-pink-6": {
- "prefix": [
- "var(--o-pink-6)"
- ],
- "body": "var(--o-pink-6)",
- "description": "[light: 224, 0, 112, dark: 230, 46, 132]",
- "scope": "css,scss,less"
- },
- "--o-pink-7": {
- "prefix": [
- "var(--o-pink-7)"
- ],
- "body": "var(--o-pink-7)",
- "description": "[light: 188, 0, 100, dark: 236, 95, 156]",
- "scope": "css,scss,less"
- },
- "--o-pink-8": {
- "prefix": [
- "var(--o-pink-8)"
- ],
- "body": "var(--o-pink-8)",
- "description": "[light: 153, 0, 86, dark: 243, 146, 184]",
- "scope": "css,scss,less"
- },
- "--o-pink-9": {
- "prefix": [
- "var(--o-pink-9)"
- ],
- "body": "var(--o-pink-9)",
- "description": "[light: 117, 0, 70, dark: 249, 199, 217]",
- "scope": "css,scss,less"
- },
- "--o-pink-10": {
- "prefix": [
- "var(--o-pink-10)"
- ],
- "body": "var(--o-pink-10)",
- "description": "[light: 81, 0, 51, dark: 252, 232, 239]",
- "scope": "css,scss,less"
- },
- "--o-color-white": {
- "prefix": [
- "var(--o-color-white)"
- ],
- "body": "var(--o-color-white)",
- "description": "[light: rgb(var(--o-white)), dark: rgb(var(--o-white))]",
- "scope": "css,scss,less"
- },
- "--o-color-black": {
- "prefix": [
- "var(--o-color-black)"
- ],
- "body": "var(--o-color-black)",
- "description": "[light: rgb(var(--o-black)), dark: rgb(var(--o-black))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary1": {
- "prefix": [
- "var(--o-color-primary1)"
- ],
- "body": "var(--o-color-primary1)",
- "description": "常规[light: rgb(var(--o-kleinblue-6)), dark: rgb(var(--o-kleinblue-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary2": {
- "prefix": [
- "var(--o-color-primary2)"
- ],
- "body": "var(--o-color-primary2)",
- "description": "悬浮[light: rgb(var(--o-kleinblue-4)), dark: rgb(var(--o-kleinblue-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary3": {
- "prefix": [
- "var(--o-color-primary3)"
- ],
- "body": "var(--o-color-primary3)",
- "description": "激活[light: rgb(var(--o-kleinblue-7)), dark: rgb(var(--o-kleinblue-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary4": {
- "prefix": [
- "var(--o-color-primary4)"
- ],
- "body": "var(--o-color-primary4)",
- "description": "禁用[light: rgb(var(--o-kleinblue-3)), dark: rgb(var(--o-kleinblue-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary1-light": {
- "prefix": [
- "var(--o-color-primary1-light)"
- ],
- "body": "var(--o-color-primary1-light)",
- "description": "常规-浅[light: rgb(var(--o-kleinblue-2)), dark: rgb(var(--o-kleinblue-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary2-light": {
- "prefix": [
- "var(--o-color-primary2-light)"
- ],
- "body": "var(--o-color-primary2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-kleinblue-3)), dark: rgb(var(--o-kleinblue-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary3-light": {
- "prefix": [
- "var(--o-color-primary3-light)"
- ],
- "body": "var(--o-color-primary3-light)",
- "description": "激活-浅[light: rgb(var(--o-kleinblue-4)), dark: rgb(var(--o-kleinblue-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary4-light": {
- "prefix": [
- "var(--o-color-primary4-light)"
- ],
- "body": "var(--o-color-primary4-light)",
- "description": "禁用-浅[light: rgb(var(--o-kleinblue-1)), dark: rgb(var(--o-kleinblue-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-success1": {
- "prefix": [
- "var(--o-color-success1)"
- ],
- "body": "var(--o-color-success1)",
- "description": "常规[light: rgb(var(--o-green-6)), dark: rgb(var(--o-green-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-success2": {
- "prefix": [
- "var(--o-color-success2)"
- ],
- "body": "var(--o-color-success2)",
- "description": "悬浮[light: rgb(var(--o-green-4)), dark: rgb(var(--o-green-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-success3": {
- "prefix": [
- "var(--o-color-success3)"
- ],
- "body": "var(--o-color-success3)",
- "description": "激活[light: rgb(var(--o-green-7)), dark: rgb(var(--o-green-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-success4": {
- "prefix": [
- "var(--o-color-success4)"
- ],
- "body": "var(--o-color-success4)",
- "description": "禁用[light: rgb(var(--o-green-3)), dark: rgb(var(--o-green-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-success1-light": {
- "prefix": [
- "var(--o-color-success1-light)"
- ],
- "body": "var(--o-color-success1-light)",
- "description": "常规-浅[light: rgb(var(--o-green-2)), dark: rgb(var(--o-green-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-success2-light": {
- "prefix": [
- "var(--o-color-success2-light)"
- ],
- "body": "var(--o-color-success2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-green-3)), dark: rgb(var(--o-green-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-success3-light": {
- "prefix": [
- "var(--o-color-success3-light)"
- ],
- "body": "var(--o-color-success3-light)",
- "description": "激活-浅[light: rgb(var(--o-green-4)), dark: rgb(var(--o-green-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-success4-light": {
- "prefix": [
- "var(--o-color-success4-light)"
- ],
- "body": "var(--o-color-success4-light)",
- "description": "禁用-浅[light: rgb(var(--o-green-1)), dark: rgb(var(--o-green-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning1": {
- "prefix": [
- "var(--o-color-warning1)"
- ],
- "body": "var(--o-color-warning1)",
- "description": "常规[light: rgb(var(--o-orange-6)), dark: rgb(var(--o-orange-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning2": {
- "prefix": [
- "var(--o-color-warning2)"
- ],
- "body": "var(--o-color-warning2)",
- "description": "悬浮[light: rgb(var(--o-orange-4)), dark: rgb(var(--o-orange-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning3": {
- "prefix": [
- "var(--o-color-warning3)"
- ],
- "body": "var(--o-color-warning3)",
- "description": "激活[light: rgb(var(--o-orange-7)), dark: rgb(var(--o-orange-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning4": {
- "prefix": [
- "var(--o-color-warning4)"
- ],
- "body": "var(--o-color-warning4)",
- "description": "禁用[light: rgb(var(--o-orange-3)), dark: rgb(var(--o-orange-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning1-light": {
- "prefix": [
- "var(--o-color-warning1-light)"
- ],
- "body": "var(--o-color-warning1-light)",
- "description": "常规-浅[light: rgb(var(--o-orange-2)), dark: rgb(var(--o-orange-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning2-light": {
- "prefix": [
- "var(--o-color-warning2-light)"
- ],
- "body": "var(--o-color-warning2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-orange-3)), dark: rgb(var(--o-orange-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning3-light": {
- "prefix": [
- "var(--o-color-warning3-light)"
- ],
- "body": "var(--o-color-warning3-light)",
- "description": "激活-浅[light: rgb(var(--o-orange-4)), dark: rgb(var(--o-orange-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning4-light": {
- "prefix": [
- "var(--o-color-warning4-light)"
- ],
- "body": "var(--o-color-warning4-light)",
- "description": "禁用-浅[light: rgb(var(--o-orange-1)), dark: rgb(var(--o-orange-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger1": {
- "prefix": [
- "var(--o-color-danger1)"
- ],
- "body": "var(--o-color-danger1)",
- "description": "常规[light: rgb(var(--o-red-6)), dark: rgb(var(--o-red-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger2": {
- "prefix": [
- "var(--o-color-danger2)"
- ],
- "body": "var(--o-color-danger2)",
- "description": "悬浮[light: rgb(var(--o-red-4)), dark: rgb(var(--o-red-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger3": {
- "prefix": [
- "var(--o-color-danger3)"
- ],
- "body": "var(--o-color-danger3)",
- "description": "激活[light: rgb(var(--o-red-7)), dark: rgb(var(--o-red-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger4": {
- "prefix": [
- "var(--o-color-danger4)"
- ],
- "body": "var(--o-color-danger4)",
- "description": "禁用[light: rgb(var(--o-red-3)), dark: rgb(var(--o-red-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger1-light": {
- "prefix": [
- "var(--o-color-danger1-light)"
- ],
- "body": "var(--o-color-danger1-light)",
- "description": "常规-浅[light: rgb(var(--o-red-2)), dark: rgb(var(--o-red-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger2-light": {
- "prefix": [
- "var(--o-color-danger2-light)"
- ],
- "body": "var(--o-color-danger2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-red-3)), dark: rgb(var(--o-red-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger3-light": {
- "prefix": [
- "var(--o-color-danger3-light)"
- ],
- "body": "var(--o-color-danger3-light)",
- "description": "激活-浅[light: rgb(var(--o-red-4)), dark: rgb(var(--o-red-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger4-light": {
- "prefix": [
- "var(--o-color-danger4-light)"
- ],
- "body": "var(--o-color-danger4-light)",
- "description": "禁用-浅[light: rgb(var(--o-red-1)), dark: rgb(var(--o-red-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill1": {
- "prefix": [
- "var(--o-color-fill1)"
- ],
- "body": "var(--o-color-fill1)",
- "description": "一级填充:页面背景[light: rgb(var(--o-mixedgray-2)), dark: rgb(var(--o-mixedgray-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill2": {
- "prefix": [
- "var(--o-color-fill2)"
- ],
- "body": "var(--o-color-fill2)",
- "description": "二级填充:区块/卡片[light: rgb(var(--o-mixedgray-1)), dark: rgb(var(--o-mixedgray-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill3": {
- "prefix": [
- "var(--o-color-fill3)"
- ],
- "body": "var(--o-color-fill3)",
- "description": "三级填充:卡片[light: rgb(var(--o-mixedgray-3)), dark: rgb(var(--o-mixedgray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control1": {
- "prefix": [
- "var(--o-color-control1)"
- ],
- "body": "var(--o-color-control1)",
- "description": "常规,常用于边框[light: rgba(var(--o-mixedgray-10), 0.25), dark: rgba(var(--o-mixedgray-10), 0.25)]",
- "scope": "css,scss,less"
- },
- "--o-color-control2": {
- "prefix": [
- "var(--o-color-control2)"
- ],
- "body": "var(--o-color-control2)",
- "description": "悬浮,常用于边框[light: rgba(var(--o-mixedgray-10), 0.6), dark: rgba(var(--o-mixedgray-10), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-control3": {
- "prefix": [
- "var(--o-color-control3)"
- ],
- "body": "var(--o-color-control3)",
- "description": "激活,常用于边框[light: rgba(var(--o-mixedgray-10), 0.8), dark: rgba(var(--o-mixedgray-10), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-control4": {
- "prefix": [
- "var(--o-color-control4)"
- ],
- "body": "var(--o-color-control4)",
- "description": "禁用,常用于边框[light: rgba(var(--o-mixedgray-10), 0.1), dark: rgba(var(--o-mixedgray-10), 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-color-control1-light": {
- "prefix": [
- "var(--o-color-control1-light)"
- ],
- "body": "var(--o-color-control1-light)",
- "description": "常规-浅,常用于背景[light: rgb(var(--o-mixedgray-5), 1.0), dark: rgb(var(--o-mixedgray-7), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-control2-light": {
- "prefix": [
- "var(--o-color-control2-light)"
- ],
- "body": "var(--o-color-control2-light)",
- "description": "悬浮-浅,常用于背景[light: rgb(var(--o-mixedgray-3), 1), dark: rgb(var(--o-mixedgray-5), 1)]",
- "scope": "css,scss,less"
- },
- "--o-color-control3-light": {
- "prefix": [
- "var(--o-color-control3-light)"
- ],
- "body": "var(--o-color-control3-light)",
- "description": "激活-浅,常用于背景[light: rgb(var(--o-mixedgray-4), 1), dark: rgb(var(--o-mixedgray-6), 1)]",
- "scope": "css,scss,less"
- },
- "--o-color-control4-light": {
- "prefix": [
- "var(--o-color-control4-light)"
- ],
- "body": "var(--o-color-control4-light)",
- "description": "禁用-浅,常用于背景[light: rgb(var(--o-mixedgray-3), 1), dark: rgb(var(--o-mixedgray-5), 1)]",
- "scope": "css,scss,less"
- },
- "--o-color-control-light": {
- "prefix": [
- "var(--o-color-control-light)"
- ],
- "body": "var(--o-color-control-light)",
- "description": "很浅,常用于表格背景色[light: rgb(var(--o-mixedgray-1), 1.0), dark: rgb(var(--o-mixedgray-4), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info1": {
- "prefix": [
- "var(--o-color-info1)"
- ],
- "body": "var(--o-color-info1)",
- "description": "一级/强调/标题[light: rgba(var(--o-mixedgray-14), 1.0), dark: rgba(var(--o-mixedgray-14), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info2": {
- "prefix": [
- "var(--o-color-info2)"
- ],
- "body": "var(--o-color-info2)",
- "description": "二级/次强调/正文[light: rgba(var(--o-mixedgray-14), 0.8), dark: rgba(var(--o-mixedgray-14), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-info3": {
- "prefix": [
- "var(--o-color-info3)"
- ],
- "body": "var(--o-color-info3)",
- "description": "三级/辅助信息[light: rgba(var(--o-mixedgray-14), 0.6), dark: rgba(var(--o-mixedgray-14), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-info4": {
- "prefix": [
- "var(--o-color-info4)"
- ],
- "body": "var(--o-color-info4)",
- "description": "置灰/禁用[light: rgba(var(--o-mixedgray-14), 0.4), dark: rgba(var(--o-mixedgray-14), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-info1-inverse": {
- "prefix": [
- "var(--o-color-info1-inverse)"
- ],
- "body": "var(--o-color-info1-inverse)",
- "description": "一级/次强调/正文反色[light: rgba(var(--o-mixedgray-1), 1.0), dark: rgba(var(--o-mixedgray-1), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info2-inverse": {
- "prefix": [
- "var(--o-color-info2-inverse)"
- ],
- "body": "var(--o-color-info2-inverse)",
- "description": "二级/辅助信息反色[light: rgba(var(--o-mixedgray-1), 0.8), dark: rgba(var(--o-mixedgray-1), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-info3-inverse": {
- "prefix": [
- "var(--o-color-info3-inverse)"
- ],
- "body": "var(--o-color-info3-inverse)",
- "description": "三级/辅助信息反色[light: rgba(var(--o-mixedgray-1), 0.6), dark: rgba(var(--o-mixedgray-1), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-info4-inverse": {
- "prefix": [
- "var(--o-color-info4-inverse)"
- ],
- "body": "var(--o-color-info4-inverse)",
- "description": "置灰/禁用反色[light: rgba(var(--o-mixedgray-1), 0.4), dark: rgba(var(--o-mixedgray-1), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-mask1": {
- "prefix": [
- "var(--o-color-mask1)"
- ],
- "body": "var(--o-color-mask1)",
- "description": "全局遮罩[light: rgba(var(--o-mixedgray-14), 0.4), dark: rgba(var(--o-mixedgray-14), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-mask2": {
- "prefix": [
- "var(--o-color-mask2)"
- ],
- "body": "var(--o-color-mask2)",
- "description": "局部遮罩[light: rgba(var(--o-mixedgray-1), 0.2), dark: rgba(var(--o-mixedgray-4), 0.2)]",
- "scope": "css,scss,less"
- },
- "--o-color-link1": {
- "prefix": [
- "var(--o-color-link1)"
- ],
- "body": "var(--o-color-link1)",
- "description": "常规[light: rgba(var(--o-kleinblue-6)), dark: rgba(var(--o-kleinblue-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-link2": {
- "prefix": [
- "var(--o-color-link2)"
- ],
- "body": "var(--o-color-link2)",
- "description": "悬浮[light: rgba(var(--o-kleinblue-4)), dark: rgba(var(--o-kleinblue-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-link3": {
- "prefix": [
- "var(--o-color-link3)"
- ],
- "body": "var(--o-color-link3)",
- "description": "激活[light: rgba(var(--o-kleinblue-7)), dark: rgba(var(--o-kleinblue-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-link4": {
- "prefix": [
- "var(--o-color-link4)"
- ],
- "body": "var(--o-color-link4)",
- "description": "禁用[light: rgba(var(--o-kleinblue-3)), dark: rgba(var(--o-kleinblue-3))]",
- "scope": "css,scss,less"
- },
- "--o-shadow-1": {
- "prefix": [
- "var(--o-shadow-1)"
- ],
- "body": "var(--o-shadow-1)",
- "description": "用于卡片、小弹窗、楼层阴影[light: 0 3px 8px rgba(var(--o-mixedgray-9), 0.08), dark: 0 3px 8px rgba(var(--o-mixedgray-1), 0.08)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-2": {
- "prefix": [
- "var(--o-shadow-2)"
- ],
- "body": "var(--o-shadow-2)",
- "description": "用于卡片悬浮阴影[light: 0 2px 24px rgba(var(--o-mixedgray-9), 0.15), dark: 0 2px 24px rgba(var(--o-mixedgray-1), 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-3": {
- "prefix": [
- "var(--o-shadow-3)"
- ],
- "body": "var(--o-shadow-3)",
- "description": "用于提示阴影[light: 0 8px 40px rgba(var(--o-mixedgray-9), 0.1), dark: 0 8px 40px rgba(var(--o-mixedgray-1), 0.1)]",
- "scope": "css,scss,less"
- },
- "--o-gap-1": {
- "prefix": [
- "var(--o-gap-1)"
- ],
- "body": "var(--o-gap-1)",
- "description": "用于组件之间的间距1[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-gap-2": {
- "prefix": [
- "var(--o-gap-2)"
- ],
- "body": "var(--o-gap-2)",
- "description": "用于组件之间的间距2[light: 8px, dark: 8px]",
- "scope": "css,scss,less"
- },
- "--o-gap-3": {
- "prefix": [
- "var(--o-gap-3)"
- ],
- "body": "var(--o-gap-3)",
- "description": "用于组件之间的间距3[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-gap-4": {
- "prefix": [
- "var(--o-gap-4)"
- ],
- "body": "var(--o-gap-4)",
- "description": "用于组件之间的间距4[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-gap-5": {
- "prefix": [
- "var(--o-gap-5)"
- ],
- "body": "var(--o-gap-5)",
- "description": "用于组件之间的间距5[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-gap-6": {
- "prefix": [
- "var(--o-gap-6)"
- ],
- "body": "var(--o-gap-6)",
- "description": "用于组件之间的间距6[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-gap-7": {
- "prefix": [
- "var(--o-gap-7)"
- ],
- "body": "var(--o-gap-7)",
- "description": "用于组件之间的间距7[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-gap-8": {
- "prefix": [
- "var(--o-gap-8)"
- ],
- "body": "var(--o-gap-8)",
- "description": "用于组件之间的间距8[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-gap-9": {
- "prefix": [
- "var(--o-gap-9)"
- ],
- "body": "var(--o-gap-9)",
- "description": "用于组件之间的间距9[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-gap-10": {
- "prefix": [
- "var(--o-gap-10)"
- ],
- "body": "var(--o-gap-10)",
- "description": "用于组件之间的间距10[light: 72px, dark: 72px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-2xs": {
- "prefix": [
- "var(--o-control_size-2xs)"
- ],
- "body": "var(--o-control_size-2xs)",
- "description": "超小尺寸[light: 14px, dark: 14px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-xs": {
- "prefix": [
- "var(--o-control_size-xs)"
- ],
- "body": "var(--o-control_size-xs)",
- "description": "小尺寸[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-s": {
- "prefix": [
- "var(--o-control_size-s)"
- ],
- "body": "var(--o-control_size-s)",
- "description": "小尺寸[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-m": {
- "prefix": [
- "var(--o-control_size-m)"
- ],
- "body": "var(--o-control_size-m)",
- "description": "尺寸[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-l": {
- "prefix": [
- "var(--o-control_size-l)"
- ],
- "body": "var(--o-control_size-l)",
- "description": "尺寸[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-xl": {
- "prefix": [
- "var(--o-control_size-xl)"
- ],
- "body": "var(--o-control_size-xl)",
- "description": "尺寸[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-2xl": {
- "prefix": [
- "var(--o-control_size-2xl)"
- ],
- "body": "var(--o-control_size-2xl)",
- "description": "尺寸[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-xs": {
- "prefix": [
- "var(--o-icon_size-xs)"
- ],
- "body": "var(--o-icon_size-xs)",
- "description": "超小尺寸图标[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-s": {
- "prefix": [
- "var(--o-icon_size-s)"
- ],
- "body": "var(--o-icon_size-s)",
- "description": "小尺寸图标[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-m": {
- "prefix": [
- "var(--o-icon_size-m)"
- ],
- "body": "var(--o-icon_size-m)",
- "description": "中尺寸图标[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-l": {
- "prefix": [
- "var(--o-icon_size-l)"
- ],
- "body": "var(--o-icon_size-l)",
- "description": "大尺寸图标[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-xl": {
- "prefix": [
- "var(--o-icon_size-xl)"
- ],
- "body": "var(--o-icon_size-xl)",
- "description": "超大尺寸图标[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-2xl": {
- "prefix": [
- "var(--o-icon_size-2xl)"
- ],
- "body": "var(--o-icon_size-2xl)",
- "description": "2xl尺寸图标[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-3xl": {
- "prefix": [
- "var(--o-icon_size-3xl)"
- ],
- "body": "var(--o-icon_size-3xl)",
- "description": "3xl尺寸图标[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-4xl": {
- "prefix": [
- "var(--o-icon_size-4xl)"
- ],
- "body": "var(--o-icon_size-4xl)",
- "description": "4xl尺寸图标[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-xs": {
- "prefix": [
- "var(--o-icon_size_control-xs)"
- ],
- "body": "var(--o-icon_size_control-xs)",
- "description": "超小尺寸控件图标(组件使用)[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-s": {
- "prefix": [
- "var(--o-icon_size_control-s)"
- ],
- "body": "var(--o-icon_size_control-s)",
- "description": "小尺寸控件图标(组件使用)[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-m": {
- "prefix": [
- "var(--o-icon_size_control-m)"
- ],
- "body": "var(--o-icon_size_control-m)",
- "description": "中尺寸控件图标(组件使用)[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-l": {
- "prefix": [
- "var(--o-icon_size_control-l)"
- ],
- "body": "var(--o-icon_size_control-l)",
- "description": "大尺寸控件图标(组件使用)[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-xl": {
- "prefix": [
- "var(--o-icon_size_control-xl)"
- ],
- "body": "var(--o-icon_size_control-xl)",
- "description": "超大尺寸控件图标(组件使用)[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display1": {
- "prefix": [
- "var(--o-font_size-display1)"
- ],
- "body": "var(--o-font_size-display1)",
- "description": "一级数据展示[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display2": {
- "prefix": [
- "var(--o-font_size-display2)"
- ],
- "body": "var(--o-font_size-display2)",
- "description": "二级数据展示[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display3": {
- "prefix": [
- "var(--o-font_size-display3)"
- ],
- "body": "var(--o-font_size-display3)",
- "description": "三级数据展示[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h1": {
- "prefix": [
- "var(--o-font_size-h1)"
- ],
- "body": "var(--o-font_size-h1)",
- "description": "一级标题[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h2": {
- "prefix": [
- "var(--o-font_size-h2)"
- ],
- "body": "var(--o-font_size-h2)",
- "description": "二级标题[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h3": {
- "prefix": [
- "var(--o-font_size-h3)"
- ],
- "body": "var(--o-font_size-h3)",
- "description": "三级标题[light: 22px, dark: 22px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h4": {
- "prefix": [
- "var(--o-font_size-h4)"
- ],
- "body": "var(--o-font_size-h4)",
- "description": "四级标题[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-text1": {
- "prefix": [
- "var(--o-font_size-text1)"
- ],
- "body": "var(--o-font_size-text1)",
- "description": "常规正文[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-text2": {
- "prefix": [
- "var(--o-font_size-text2)"
- ],
- "body": "var(--o-font_size-text2)",
- "description": "大号正文[light: 18px, dark: 18px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-tip1": {
- "prefix": [
- "var(--o-font_size-tip1)"
- ],
- "body": "var(--o-font_size-tip1)",
- "description": "提示文本1[light: 14px, dark: 14px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-tip2": {
- "prefix": [
- "var(--o-font_size-tip2)"
- ],
- "body": "var(--o-font_size-tip2)",
- "description": "提示文本2[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display1": {
- "prefix": [
- "var(--o-line_height-display1)"
- ],
- "body": "var(--o-line_height-display1)",
- "description": "一级数据展示[light: 80px, dark: 80px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display2": {
- "prefix": [
- "var(--o-line_height-display2)"
- ],
- "body": "var(--o-line_height-display2)",
- "description": "二级数据展示[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display3": {
- "prefix": [
- "var(--o-line_height-display3)"
- ],
- "body": "var(--o-line_height-display3)",
- "description": "三级数据展示[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h1": {
- "prefix": [
- "var(--o-line_height-h1)"
- ],
- "body": "var(--o-line_height-h1)",
- "description": "一级标题[light: 44px, dark: 44px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h2": {
- "prefix": [
- "var(--o-line_height-h2)"
- ],
- "body": "var(--o-line_height-h2)",
- "description": "二级标题[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h3": {
- "prefix": [
- "var(--o-line_height-h3)"
- ],
- "body": "var(--o-line_height-h3)",
- "description": "三级标题[light: 30px, dark: 30px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h4": {
- "prefix": [
- "var(--o-line_height-h4)"
- ],
- "body": "var(--o-line_height-h4)",
- "description": "四级标题[light: 28px, dark: 28px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-text1": {
- "prefix": [
- "var(--o-line_height-text1)"
- ],
- "body": "var(--o-line_height-text1)",
- "description": "正文[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-text2": {
- "prefix": [
- "var(--o-line_height-text2)"
- ],
- "body": "var(--o-line_height-text2)",
- "description": "正文-大[light: 26px, dark: 26x]",
- "scope": "css,scss,less"
- },
- "--o-line_height-tip1": {
- "prefix": [
- "var(--o-line_height-tip1)"
- ],
- "body": "var(--o-line_height-tip1)",
- "description": "提示文本1[light: 22px, dark: 22px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-tip2": {
- "prefix": [
- "var(--o-line_height-tip2)"
- ],
- "body": "var(--o-line_height-tip2)",
- "description": "提示文本2[light: 18px, dark: 18px]",
- "scope": "css,scss,less"
- },
- "--o-radius-xs": {
- "prefix": [
- "var(--o-radius-xs)"
- ],
- "body": "var(--o-radius-xs)",
- "description": "超小尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-s": {
- "prefix": [
- "var(--o-radius-s)"
- ],
- "body": "var(--o-radius-s)",
- "description": "小尺寸圆角[light: 8px, dark: 8px]",
- "scope": "css,scss,less"
- },
- "--o-radius-m": {
- "prefix": [
- "var(--o-radius-m)"
- ],
- "body": "var(--o-radius-m)",
- "description": "中尺寸圆角[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-radius-l": {
- "prefix": [
- "var(--o-radius-l)"
- ],
- "body": "var(--o-radius-l)",
- "description": "大尺寸圆角[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-radius-xl": {
- "prefix": [
- "var(--o-radius-xl)"
- ],
- "body": "var(--o-radius-xl)",
- "description": "大尺寸圆角,一般用于卡片[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-xs": {
- "prefix": [
- "var(--o-radius_control-xs)"
- ],
- "body": "var(--o-radius_control-xs)",
- "description": "超小尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-s": {
- "prefix": [
- "var(--o-radius_control-s)"
- ],
- "body": "var(--o-radius_control-s)",
- "description": "小尺寸控件圆角(组件使用)[light: 8px, dark: 8px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-m": {
- "prefix": [
- "var(--o-radius_control-m)"
- ],
- "body": "var(--o-radius_control-m)",
- "description": "中尺寸控件圆角(组件使用)[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-l": {
- "prefix": [
- "var(--o-radius_control-l)"
- ],
- "body": "var(--o-radius_control-l)",
- "description": "大尺寸控件圆角(组件使用)[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-duration-s": {
- "prefix": [
- "var(--o-duration-s)"
- ],
- "body": "var(--o-duration-s)",
- "description": "用于退出屏幕的动画[light: 200ms, dark: 200ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m1": {
- "prefix": [
- "var(--o-duration-m1)"
- ],
- "body": "var(--o-duration-m1)",
- "description": "用于当曲线为standard-in时进入屏幕的动画[light: 250ms, dark: 250ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m2": {
- "prefix": [
- "var(--o-duration-m2)"
- ],
- "body": "var(--o-duration-m2)",
- "description": "用于当曲线为standard时开始、结束的动画[light: 300ms, dark: 300ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m3": {
- "prefix": [
- "var(--o-duration-m3)"
- ],
- "body": "var(--o-duration-m3)",
- "description": "用于当曲线为emphasized-in时进入屏幕的动画[light: 400ms, dark: 400ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-l": {
- "prefix": [
- "var(--o-duration-l)"
- ],
- "body": "var(--o-duration-l)",
- "description": "用于当曲线为emphasized时开始、结束的动画[light: 500ms, dark: 500ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-xl": {
- "prefix": [
- "var(--o-duration-xl)"
- ],
- "body": "var(--o-duration-xl)",
- "description": "用于当曲线为emphasized时,轮播切换动画[light: 1000ms, dark: 1000ms]",
- "scope": "css,scss,less"
- },
- "--o-easing-linear": {
- "prefix": [
- "var(--o-easing-linear)"
- ],
- "body": "var(--o-easing-linear)",
- "description": "线性曲线[light: cubic-bezier(0, 0, 1, 1), dark: cubic-bezier(0, 0, 1, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard": {
- "prefix": [
- "var(--o-easing-standard)"
- ],
- "body": "var(--o-easing-standard)",
- "description": "用于组件[light: cubic-bezier(0.2, 0, 0, 1), dark: cubic-bezier(0.2, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard-in": {
- "prefix": [
- "var(--o-easing-standard-in)"
- ],
- "body": "var(--o-easing-standard-in)",
- "description": "用于组件[light: cubic-bezier(0, 0, 0, 1), dark: cubic-bezier(0, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard-out": {
- "prefix": [
- "var(--o-easing-standard-out)"
- ],
- "body": "var(--o-easing-standard-out)",
- "description": "用于组件[light: cubic-bezier(0.3, 0, 1, 1), dark: cubic-bezier(0.3, 0, 1, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized": {
- "prefix": [
- "var(--o-easing-emphasized)"
- ],
- "body": "var(--o-easing-emphasized)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.2, 0, 0, 1), dark: cubic-bezier(0.2, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized-in": {
- "prefix": [
- "var(--o-easing-emphasized-in)"
- ],
- "body": "var(--o-easing-emphasized-in)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.3, 0, 0.8, 0.15), dark: cubic-bezier(0.3, 0, 0.8, 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized-out": {
- "prefix": [
- "var(--o-easing-emphasized-out)"
- ],
- "body": "var(--o-easing-emphasized-out)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.05, 0.7, 0.1, 1), dark: cubic-bezier(0.05, 0.7, 0.1, 1)]",
- "scope": "css,scss,less"
- }
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/opendesign/token.config.ts b/packages/opendesign/src/theme/opendesign/token.config.ts
deleted file mode 100644
index 4b025b29b04a6498aaad74cd30ffb165b924478b..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/opendesign/token.config.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-module.exports = {
- prefix: '--o-',
- output: './common',
- themeMap: [
- {
- key: 'light',
- name: 'light',
- },
- {
- key: 'dark',
- name: 'dark',
- },
- ],
- defaultTheme: '',
- tokenFile: ['./token.json'],
- codeSnippetsFile: './opendesign.token.code-snippets',
-};
diff --git a/packages/opendesign/src/theme/opendesign/token.json b/packages/opendesign/src/theme/opendesign/token.json
deleted file mode 100644
index 65f8bca7e54fc2874703333db30d0d358eaae176..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/opendesign/token.json
+++ /dev/null
@@ -1,2697 +0,0 @@
-{
- "white": {
- "name": "白色",
- "type": "palette",
- "typeName": "颜色",
- "value": [
- {
- "key": "white",
- "value": {
- "light": "255, 255, 255",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "black": {
- "name": "黑色",
- "type": "palette",
- "typeName": "颜色",
- "value": [
- {
- "key": "black",
- "value": {
- "light": "0, 0, 0",
- "dark": "0, 0, 0"
- }
- }
- ]
- },
- "kleinblue": {
- "name": "品牌色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "kleinblue-1",
- "value": {
- "light": "227, 234, 246",
- "dark": "11, 21, 55"
- }
- },
- {
- "key": "kleinblue-2",
- "value": {
- "light": "190, 206, 237",
- "dark": "16, 30, 77"
- }
- },
- {
- "key": "kleinblue-3",
- "value": {
- "light": "132, 161, 220",
- "dark": "27, 48, 113"
- }
- },
- {
- "key": "kleinblue-4",
- "value": {
- "light": "81, 119, 202",
- "dark": "40, 68, 149"
- }
- },
- {
- "key": "kleinblue-5",
- "value": {
- "light": "37, 81, 185",
- "dark": "55, 91, 184"
- }
- },
- {
- "key": "kleinblue-6",
- "value": {
- "light": "0, 47, 167",
- "dark": "72, 116, 220"
- }
- },
- {
- "key": "kleinblue-7",
- "value": {
- "light": "0, 39, 147",
- "dark": "105, 143, 227 "
- }
- },
- {
- "key": "kleinblue-8",
- "value": {
- "light": "0, 31, 126",
- "dark": "140, 171, 234"
- }
- },
- {
- "key": "kleinblue-9",
- "value": {
- "light": "0, 24, 126",
- "dark": "176, 199, 241"
- }
- },
- {
- "key": "kleinblue-10",
- "value": {
- "light": "0, 18, 85",
- "dark": "215, 227, 248"
- }
- }
- ]
- },
- "yellow": {
- "name": "黄色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "yellow-1",
- "value": {
- "light": "254, 252, 233",
- "dark": "81, 46, 9"
- }
- },
- {
- "key": "yellow-2",
- "value": {
- "light": "252, 248, 202",
- "dark": "121, 75, 15"
- }
- },
- {
- "key": "yellow-3",
- "value": {
- "light": "249, 237, 149",
- "dark": "161, 107, 22"
- }
- },
- {
- "key": "yellow-4",
- "value": {
- "light": "246, 224, 98",
- "dark": "202, 143, 30"
- }
- },
- {
- "key": "yellow-5",
- "value": {
- "light": "243, 207, 49",
- "dark": "242, 183, 38"
- }
- },
- {
- "key": "yellow-6",
- "value": {
- "light": "240, 188, 6",
- "dark": "245, 202, 80"
- }
- },
- {
- "key": "yellow-7",
- "value": {
- "light": "200, 147, 0",
- "dark": "247, 219, 122"
- }
- },
- {
- "key": "yellow-8",
- "value": {
- "light": "160, 109, 0",
- "dark": "250, 234, 166"
- }
- },
- {
- "key": "yellow-9",
- "value": {
- "light": "120, 76, 0",
- "dark": "252, 246, 210"
- }
- },
- {
- "key": "yellow-10",
- "value": {
- "light": "80, 47, 0",
- "dark": "254, 251, 237"
- }
- }
- ]
- },
- "orange": {
- "name": "橘红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "orange-1",
- "value": {
- "light": "255, 246, 232",
- "dark": "77, 24, 0"
- }
- },
- {
- "key": "orange-2",
- "value": {
- "light": "254, 226, 186",
- "dark": "120, 42, 1"
- }
- },
- {
- "key": "orange-3",
- "value": {
- "light": "253, 202, 140",
- "dark": "163, 68, 8"
- }
- },
- {
- "key": "orange-4",
- "value": {
- "light": "252, 176, 95",
- "dark": "207, 97, 19"
- }
- },
- {
- "key": "orange-5",
- "value": {
- "light": "251, 147, 50",
- "dark": "250, 130, 33"
- }
- },
- {
- "key": "orange-6",
- "value": {
- "light": "250, 115, 5",
- "dark": "251, 143, 43"
- }
- },
- {
- "key": "orange-7",
- "value": {
- "light": "207, 88, 3",
- "dark": "252, 174, 91"
- }
- },
- {
- "key": "orange-8",
- "value": {
- "light": "163, 64, 2",
- "dark": "253, 202, 139"
- }
- },
- {
- "key": "orange-9",
- "value": {
- "light": "120, 42, 1",
- "dark": "254, 227, 188"
- }
- },
- {
- "key": "orange-10",
- "value": {
- "light": "77, 24, 0",
- "dark": "255, 248, 237"
- }
- }
- ]
- },
- "red": {
- "name": "红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "red-1",
- "value": {
- "light": "255, 234, 232",
- "dark": "77, 0, 17"
- }
- },
- {
- "key": "red-2",
- "value": {
- "light": "250, 185, 182",
- "dark": "115, 3, 24"
- }
- },
- {
- "key": "red-3",
- "value": {
- "light": "245, 136, 134",
- "dark": "153, 9, 31"
- }
- },
- {
- "key": "red-4",
- "value": {
- "light": "240, 87, 90",
- "dark": "192, 17, 37"
- }
- },
- {
- "key": "red-5",
- "value": {
- "light": "235, 43, 52",
- "dark": "230, 28, 43"
- }
- },
- {
- "key": "red-6",
- "value": {
- "light": "230, 0, 18",
- "dark": "235, 35, 45"
- }
- },
- {
- "key": "red-7",
- "value": {
- "light": "192, 0, 22",
- "dark": "240, 82, 85"
- }
- },
- {
- "key": "red-8",
- "value": {
- "light": "153, 0, 23",
- "dark": "245, 132, 130"
- }
- },
- {
- "key": "red-9",
- "value": {
- "light": "115, 0, 21",
- "dark": "250, 183, 180"
- }
- },
- {
- "key": "red-10",
- "value": {
- "light": "77, 0, 17",
- "dark": "255, 234, 232"
- }
- }
- ]
- },
- "green": {
- "name": "绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "green-1",
- "value": {
- "light": "232, 255, 238",
- "dark": "0, 77, 42"
- }
- },
- {
- "key": "green-2",
- "value": {
- "light": "177, 239, 195",
- "dark": "2, 102, 53"
- }
- },
- {
- "key": "green-3",
- "value": {
- "light": "128, 224, 158",
- "dark": "10, 127, 66"
- }
- },
- {
- "key": "green-4",
- "value": {
- "light": "84, 208, 127",
- "dark": "22, 152, 80"
- }
- },
- {
- "key": "green-5",
- "value": {
- "light": "45, 193, 101",
- "dark": "36, 177, 95"
- }
- },
- {
- "key": "green-6",
- "value": {
- "light": "11, 177, 81",
- "dark": "51, 193, 104"
- }
- },
- {
- "key": "green-7",
- "value": {
- "light": "7, 152, 72",
- "dark": "90, 208, 131"
- }
- },
- {
- "key": "green-8",
- "value": {
- "light": "4, 127, 63",
- "dark": "135, 224, 163"
- }
- },
- {
- "key": "green-9",
- "value": {
- "light": "2, 102, 53",
- "dark": "185, 239, 200"
- }
- },
- {
- "key": "green-10",
- "value": {
- "light": "0, 77, 42",
- "dark": "240, 255, 244"
- }
- }
- ]
- },
- "amber": {
- "name": "琥珀色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "amber-1",
- "value": {
- "light": "253, 247, 232",
- "dark": "77, 30, 0"
- }
- },
- {
- "key": "amber-2",
- "value": {
- "light": "250, 237, 200",
- "dark": "116, 51, 0"
- }
- },
- {
- "key": "amber-3",
- "value": {
- "light": "245, 215, 147",
- "dark": "154, 76, 0"
- }
- },
- {
- "key": "amber-4",
- "value": {
- "light": "241, 191, 96",
- "dark": "193, 105, 0"
- }
- },
- {
- "key": "amber-5",
- "value": {
- "light": "236, 165, 47",
- "dark": "231, 137, 0"
- }
- },
- {
- "key": "amber-6",
- "value": {
- "light": "231, 137, 0",
- "dark": "236, 165, 47"
- }
- },
- {
- "key": "amber-7",
- "value": {
- "light": "193, 105, 0",
- "dark": "241, 191, 96"
- }
- },
- {
- "key": "amber-8",
- "value": {
- "light": "154, 76, 0",
- "dark": "245, 215, 147"
- }
- },
- {
- "key": "amber-9",
- "value": {
- "light": "116, 51, 0",
- "dark": "250, 237, 200"
- }
- },
- {
- "key": "amber-10",
- "value": {
- "light": "77, 30, 0",
- "dark": "253, 247, 232"
- }
- }
- ]
- },
- "lime": {
- "name": "黄绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "lime-1",
- "value": {
- "light": "243, 250, 230",
- "dark": "53, 70, 0"
- }
- },
- {
- "key": "lime-2",
- "value": {
- "light": "229, 244, 195",
- "dark": "82, 105, 0"
- }
- },
- {
- "key": "lime-3",
- "value": {
- "light": "208, 233, 140",
- "dark": "112, 141, 1"
- }
- },
- {
- "key": "lime-4",
- "value": {
- "light": "191, 223, 89",
- "dark": "143, 176, 2"
- }
- },
- {
- "key": "lime-5",
- "value": {
- "light": "177, 212, 42",
- "dark": "175, 211, 5"
- }
- },
- {
- "key": "lime-6",
- "value": {
- "light": "167, 201, 0",
- "dark": "184, 220, 48"
- }
- },
- {
- "key": "lime-7",
- "value": {
- "light": "136, 168, 0",
- "dark": "196, 229, 95"
- }
- },
- {
- "key": "lime-8",
- "value": {
- "light": "107, 134, 0",
- "dark": "212, 237, 145"
- }
- },
- {
- "key": "lime-9",
- "value": {
- "light": "78, 101, 0",
- "dark": "231, 246, 198"
- }
- },
- {
- "key": "lime-10",
- "value": {
- "light": "51, 67, 0",
- "dark": "244, 251, 231"
- }
- }
- ]
- },
- "light-green": {
- "name": "浅绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "light-green-1",
- "value": {
- "light": "242, 247, 231",
- "dark": "33, 60, 7"
- }
- },
- {
- "key": "light-green-2",
- "value": {
- "light": "225, 240, 199",
- "dark": "51, 90, 11"
- }
- },
- {
- "key": "light-green-3",
- "value": {
- "light": "195, 225, 148",
- "dark": "70, 119, 16"
- }
- },
- {
- "key": "light-green-4",
- "value": {
- "light": "166, 209, 103",
- "dark": "91, 149, 21"
- }
- },
- {
- "key": "light-green-5",
- "value": {
- "light": "138, 194, 62",
- "dark": "112, 179, 27"
- }
- },
- {
- "key": "light-green-6",
- "value": {
- "light": "112, 179, 27",
- "dark": "184, 220, 48"
- }
- },
- {
- "key": "light-green-7",
- "value": {
- "light": "91, 149, 21",
- "dark": "166, 209, 103"
- }
- },
- {
- "key": "light-green-8",
- "value": {
- "light": "70, 119, 16",
- "dark": "195, 225, 148"
- }
- },
- {
- "key": "light-green-9",
- "value": {
- "light": "51, 90, 11",
- "dark": "225, 240, 199"
- }
- },
- {
- "key": "light-green-10",
- "value": {
- "light": "33, 60, 7",
- "dark": "242, 247, 231"
- }
- }
- ]
- },
- "teal": {
- "name": "蓝绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "teal-1",
- "value": {
- "light": "228, 247, 241",
- "dark": "0, 60, 48"
- }
- },
- {
- "key": "teal-2",
- "value": {
- "light": "192, 240, 224",
- "dark": "0, 90, 71"
- }
- },
- {
- "key": "teal-3",
- "value": {
- "light": "135, 225, 197",
- "dark": "0, 119, 93"
- }
- },
- {
- "key": "teal-4",
- "value": {
- "light": "84, 209, 173",
- "dark": "0, 149, 113"
- }
- },
- {
- "key": "teal-5",
- "value": {
- "light": "39, 194, 152",
- "dark": "0, 179, 133"
- }
- },
- {
- "key": "teal-6",
- "value": {
- "light": "0, 179, 133",
- "dark": "39, 194, 152"
- }
- },
- {
- "key": "teal-7",
- "value": {
- "light": "0, 149, 113",
- "dark": "84, 209, 173"
- }
- },
- {
- "key": "teal-8",
- "value": {
- "light": "0, 119, 93",
- "dark": "135, 225, 197"
- }
- },
- {
- "key": "teal-9",
- "value": {
- "light": "0, 90, 71",
- "dark": "192, 240, 224"
- }
- },
- {
- "key": "teal-10",
- "value": {
- "light": "0, 60, 48",
- "dark": "228, 247, 241"
- }
- }
- ]
- },
- "cyan": {
- "name": "青色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "cyan-1",
- "value": {
- "light": "228, 247, 247",
- "dark": "0, 52, 60"
- }
- },
- {
- "key": "cyan-2",
- "value": {
- "light": "192, 240, 240",
- "dark": "0, 79, 90"
- }
- },
- {
- "key": "cyan-3",
- "value": {
- "light": "135, 223, 225",
- "dark": "0, 107, 119"
- }
- },
- {
- "key": "cyan-4",
- "value": {
- "light": "84, 205, 209",
- "dark": "0, 137, 149"
- }
- },
- {
- "key": "cyan-5",
- "value": {
- "light": "39, 186, 194",
- "dark": "39, 186, 194"
- }
- },
- {
- "key": "cyan-6",
- "value": {
- "light": "0, 167, 179",
- "dark": "84, 205, 209"
- }
- },
- {
- "key": "cyan-7",
- "value": {
- "light": "0, 137, 149",
- "dark": "92, 208, 212"
- }
- },
- {
- "key": "cyan-8",
- "value": {
- "light": "0, 107, 119",
- "dark": "135, 223, 225"
- }
- },
- {
- "key": "cyan-9",
- "value": {
- "light": "0, 79, 90",
- "dark": "192, 240, 240"
- }
- },
- {
- "key": "cyan-10",
- "value": {
- "light": "0, 52, 60",
- "dark": "228, 247, 247"
- }
- }
- ]
- },
- "light-blue": {
- "name": "浅蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "light-blue-1",
- "value": {
- "light": "232, 247, 252",
- "dark": "0, 47, 76"
- }
- },
- {
- "key": "light-blue-2",
- "value": {
- "light": "200, 237, 250",
- "dark": "0, 72, 115"
- }
- },
- {
- "key": "light-blue-3",
- "value": {
- "light": "147, 218, 245",
- "dark": "0, 99, 153"
- }
- },
- {
- "key": "light-blue-4",
- "value": {
- "light": "96, 198, 239",
- "dark": "0, 127, 191"
- }
- },
- {
- "key": "light-blue-5",
- "value": {
- "light": "47, 178, 234",
- "dark": "0, 156, 229"
- }
- },
- {
- "key": "light-blue-6",
- "value": {
- "light": "0, 156, 229",
- "dark": "47, 178, 234"
- }
- },
- {
- "key": "light-blue-7",
- "value": {
- "light": "0, 127, 191",
- "dark": "96, 198, 239"
- }
- },
- {
- "key": "light-blue-8",
- "value": {
- "light": "0, 99, 153",
- "dark": "147, 218, 245"
- }
- },
- {
- "key": "light-blue-9",
- "value": {
- "light": "0, 72, 115",
- "dark": "200, 237, 250"
- }
- },
- {
- "key": "light-blue-10",
- "value": {
- "light": "0, 47, 76",
- "dark": "232, 247, 252"
- }
- }
- ]
- },
- "blue": {
- "name": "蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "blue-1",
- "value": {
- "light": "233, 245, 254",
- "dark": "0, 43, 97"
- }
- },
- {
- "key": "blue-2",
- "value": {
- "light": "202, 231, 252",
- "dark": "0, 61, 133"
- }
- },
- {
- "key": "blue-3",
- "value": {
- "light": "149, 205, 249",
- "dark": "0, 80, 169"
- }
- },
- {
- "key": "blue-4",
- "value": {
- "light": "98, 178, 246",
- "dark": "0, 100, 204"
- }
- },
- {
- "key": "blue-5",
- "value": {
- "light": "49, 151, 243",
- "dark": "0, 122, 240"
- }
- },
- {
- "key": "blue-6",
- "value": {
- "light": "0, 122, 240",
- "dark": "49, 151, 243"
- }
- },
- {
- "key": "blue-7",
- "value": {
- "light": "0, 100, 204",
- "dark": "98, 178, 246"
- }
- },
- {
- "key": "blue-8",
- "value": {
- "light": "0, 80, 169",
- "dark": "149, 205, 249"
- }
- },
- {
- "key": "blue-9",
- "value": {
- "light": "0, 61, 133",
- "dark": "202, 231, 252"
- }
- },
- {
- "key": "blue-10",
- "value": {
- "light": "0, 43, 97",
- "dark": "233, 245, 254"
- }
- }
- ]
- },
-
- "mixedgray": {
- "name": "混合中性色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "mixedgray-1",
- "value": {
- "light": "255, 255, 255",
- "dark": "0, 0, 0"
- }
- },
- {
- "key": "mixedgray-2",
- "value": {
- "light": "240, 243, 245",
- "dark": "18, 18, 20"
- }
- },
- {
- "key": "mixedgray-3",
- "value": {
- "light": "237, 237, 240",
- "dark": "28, 26, 28"
- }
- },
- {
- "key": "mixedgray-4",
- "value": {
- "light": "232, 232, 235",
- "dark": "36, 36, 39"
- }
- },
- {
- "key": "mixedgray-5",
- "value": {
- "light": "222, 222, 227",
- "dark": "43, 43, 47"
- }
- },
- {
- "key": "mixedgray-6",
- "value": {
- "light": "212, 212, 217",
- "dark": "53, 53, 57"
- }
- },
- {
- "key": "mixedgray-7",
- "value": {
- "light": "186, 186, 191",
- "dark": "63, 63, 67"
- }
- },
- {
- "key": "mixedgray-8",
- "value": {
- "light": "149, 149, 157",
- "dark": "85, 85, 88"
- }
- },
- {
- "key": "mixedgray-9",
- "value": {
- "light": "111, 111, 117",
- "dark": "118, 118, 122"
- }
- },
- {
- "key": "mixedgray-10",
- "value": {
- "light": "85 , 85, 92",
- "dark": "156, 156, 159"
- }
- },
- {
- "key": "mixedgray-11",
- "value": {
- "light": "61, 61, 66",
- "dark": "181, 181, 185"
- }
- },
- {
- "key": "mixedgray-12",
- "value": {
- "light": "37, 37, 41",
- "dark": "208, 208, 210"
- }
- },
- {
- "key": "mixedgray-13",
- "value": {
- "light": "21, 21, 23",
- "dark": "235, 235, 238"
- }
- },
- {
- "key": "mixedgray-14",
- "value": {
- "light": "0, 0, 0",
- "dark": "255,255, 255"
- }
- }
- ]
- },
- "indigo": {
- "name": "靛蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "indigo-1",
- "value": {
- "light": "232, 236, 247",
- "dark": "5, 19, 101"
- }
- },
- {
- "key": "indigo-2",
- "value": {
- "light": "200, 211, 240",
- "dark": "10, 28, 118"
- }
- },
- {
- "key": "indigo-3",
- "value": {
- "light": "150, 170, 225",
- "dark": "16, 38, 138"
- }
- },
- {
- "key": "indigo-4",
- "value": {
- "light": "106, 131, 209",
- "dark": "23, 50, 159"
- }
- },
- {
- "key": "indigo-5",
- "value": {
- "light": "66, 96, 194",
- "dark": "31, 63, 179"
- }
- },
- {
- "key": "indigo-6",
- "value": {
- "light": "31, 63, 179",
- "dark": "66, 96, 194"
- }
- },
- {
- "key": "indigo-7",
- "value": {
- "light": "23, 50, 159",
- "dark": "106, 131, 209"
- }
- },
- {
- "key": "indigo-8",
- "value": {
- "light": "16, 38, 138",
- "dark": "150, 170, 225"
- }
- },
- {
- "key": "indigo-9",
- "value": {
- "light": "10, 28, 118",
- "dark": "209, 218, 241"
- }
- },
- {
- "key": "indigo-10",
- "value": {
- "light": "5, 19, 101",
- "dark": "232, 236, 247"
- }
- }
- ]
- },
- "violet": {
- "name": "紫罗兰色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "violet-1",
- "value": {
- "light": "234, 231, 249",
- "dark": "34, 0, 109"
- }
- },
- {
- "key": "violet-2",
- "value": {
- "light": "206, 199, 242",
- "dark": "39, 2, 130"
- }
- },
- {
- "key": "violet-3",
- "value": {
- "light": "163, 147, 229",
- "dark": "46, 7, 150"
- }
- },
- {
- "key": "violet-4",
- "value": {
- "light": "124, 100, 217",
- "dark": "53, 13, 171"
- }
- },
- {
- "key": "violet-5",
- "value": {
- "light": "90, 58, 204",
- "dark": "61, 20, 191"
- }
- },
- {
- "key": "violet-6",
- "value": {
- "light": "61, 20, 191",
- "dark": "97, 62, 201"
- }
- },
- {
- "key": "violet-7",
- "value": {
- "light": "53, 13, 171",
- "dark": "150, 130, 223"
- }
- },
- {
- "key": "violet-8",
- "value": {
- "light": "46, 7, 150",
- "dark": "182, 169, 233"
- }
- },
- {
- "key": "violet-9",
- "value": {
- "light": "39, 2, 130",
- "dark": "217, 210, 244"
- }
- },
- {
- "key": "violet-10",
- "value": {
- "light": "34, 0, 109",
- "dark": "240, 237, 250"
- }
- }
- ]
- },
-
- "purple": {
- "name": "紫色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "purple-1",
- "value": {
- "light": "245, 228, 247",
- "dark": "60, 0, 97"
- }
- },
- {
- "key": "purple-2",
- "value": {
- "light": "234, 192, 240",
- "dark": "77, 0, 118"
- }
- },
- {
- "key": "purple-3",
- "value": {
- "light": "211, 136, 225",
- "dark": "95, 0, 138"
- }
- },
- {
- "key": "purple-4",
- "value": {
- "light": "187, 85, 209",
- "dark": "114, 0, 159"
- }
- },
- {
- "key": "purple-5",
- "value": {
- "light": "161, 41, 194",
- "dark": "135, 2, 179"
- }
- },
- {
- "key": "purple-6",
- "value": {
- "light": "135, 2, 179",
- "dark": "161, 41, 194"
- }
- },
- {
- "key": "purple-7",
- "value": {
- "light": "114, 0, 159",
- "dark": "187, 85, 209"
- }
- },
- {
- "key": "purple-8",
- "value": {
- "light": "95, 0, 138",
- "dark": "211, 136, 225"
- }
- },
- {
- "key": "purple-9",
- "value": {
- "light": "77, 0, 118",
- "dark": "234, 192, 240"
- }
- },
- {
- "key": "purple-10",
- "value": {
- "light": "60, 0, 97",
- "dark": "245, 228, 247"
- }
- }
- ]
- },
-
- "pink": {
- "name": "粉红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "pink-1",
- "value": {
- "light": "252, 232, 239",
- "dark": "81, 0, 51"
- }
- },
- {
- "key": "pink-2",
- "value": {
- "light": "249, 199, 217",
- "dark": "117, 0, 70"
- }
- },
- {
- "key": "pink-3",
- "value": {
- "light": "243, 146, 184",
- "dark": "153, 0, 86"
- }
- },
- {
- "key": "pink-4",
- "value": {
- "light": "236, 95, 156",
- "dark": "188, 0, 100"
- }
- },
- {
- "key": "pink-5",
- "value": {
- "light": "230, 46, 132",
- "dark": "224, 0, 112"
- }
- },
- {
- "key": "pink-6",
- "value": {
- "light": "224, 0, 112",
- "dark": "230, 46, 132"
- }
- },
- {
- "key": "pink-7",
- "value": {
- "light": "188, 0, 100",
- "dark": "236, 95, 156"
- }
- },
- {
- "key": "pink-8",
- "value": {
- "light": "153, 0, 86",
- "dark": "243, 146, 184"
- }
- },
- {
- "key": "pink-9",
- "value": {
- "light": "117, 0, 70",
- "dark": "249, 199, 217"
- }
- },
- {
- "key": "pink-10",
- "value": {
- "light": "81, 0, 51",
- "dark": "252, 232, 239"
- }
- }
- ]
- },
-
- "base": {
- "name": "基础色(不同皮肤色相不变)",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-white",
- "value": {
- "light": "rgb(var(--o-white))",
- "dark": "rgb(var(--o-white))"
- }
- },
- {
- "key": "color-black",
- "value": {
- "light": "rgb(var(--o-black))",
- "dark": "rgb(var(--o-black))"
- }
- }
- ]
- },
- "primary": {
- "name": "强调色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-primary1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-kleinblue-6))",
- "dark": "rgb(var(--o-kleinblue-5))"
- }
- },
- {
- "key": "color-primary2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-kleinblue-4))",
- "dark": "rgb(var(--o-kleinblue-4))"
- }
- },
- {
- "key": "color-primary3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-kleinblue-7))",
- "dark": "rgb(var(--o-kleinblue-7))"
- }
- },
- {
- "key": "color-primary4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-kleinblue-3))",
- "dark": "rgb(var(--o-kleinblue-3))"
- }
- },
- {
- "key": "color-primary1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-kleinblue-2))",
- "dark": "rgb(var(--o-kleinblue-2))"
- }
- },
- {
- "key": "color-primary2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-kleinblue-3))",
- "dark": "rgb(var(--o-kleinblue-3))"
- }
- },
- {
- "key": "color-primary3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-kleinblue-4))",
- "dark": "rgb(var(--o-kleinblue-4))"
- }
- },
- {
- "key": "color-primary4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-kleinblue-1))",
- "dark": "rgb(var(--o-kleinblue-1))"
- }
- }
- ]
- },
- "success": {
- "name": "成功色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-success1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-green-6))",
- "dark": "rgb(var(--o-green-6))"
- }
- },
- {
- "key": "color-success2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-green-4))",
- "dark": "rgb(var(--o-green-4))"
- }
- },
- {
- "key": "color-success3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-green-7))",
- "dark": "rgb(var(--o-green-7))"
- }
- },
- {
- "key": "color-success4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-green-3))",
- "dark": "rgb(var(--o-green-3))"
- }
- },
- {
- "key": "color-success1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-green-2))",
- "dark": "rgb(var(--o-green-2))"
- }
- },
- {
- "key": "color-success2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-green-3))",
- "dark": "rgb(var(--o-green-3))"
- }
- },
- {
- "key": "color-success3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-green-4))",
- "dark": "rgb(var(--o-green-4))"
- }
- },
- {
- "key": "color-success4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-green-1))",
- "dark": "rgb(var(--o-green-1))"
- }
- }
- ]
- },
- "warning": {
- "name": "告警色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-warning1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-orange-6))",
- "dark": "rgb(var(--o-orange-6))"
- }
- },
- {
- "key": "color-warning2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-orange-4))",
- "dark": "rgb(var(--o-orange-4))"
- }
- },
- {
- "key": "color-warning3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-orange-7))",
- "dark": "rgb(var(--o-orange-7))"
- }
- },
- {
- "key": "color-warning4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-orange-3))",
- "dark": "rgb(var(--o-orange-3))"
- }
- },
- {
- "key": "color-warning1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-orange-2))",
- "dark": "rgb(var(--o-orange-2))"
- }
- },
- {
- "key": "color-warning2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-orange-3))",
- "dark": "rgb(var(--o-orange-3))"
- }
- },
- {
- "key": "color-warning3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-orange-4))",
- "dark": "rgb(var(--o-orange-4))"
- }
- },
- {
- "key": "color-warning4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-orange-1))",
- "dark": "rgb(var(--o-orange-1))"
- }
- }
- ]
- },
- "danger": {
- "name": "危险色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-danger1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-red-6))",
- "dark": "rgb(var(--o-red-6))"
- }
- },
- {
- "key": "color-danger2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-red-4))",
- "dark": "rgb(var(--o-red-4))"
- }
- },
- {
- "key": "color-danger3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-red-7))",
- "dark": "rgb(var(--o-red-7))"
- }
- },
- {
- "key": "color-danger4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-red-3))",
- "dark": "rgb(var(--o-red-3))"
- }
- },
- {
- "key": "color-danger1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-red-2))",
- "dark": "rgb(var(--o-red-2))"
- }
- },
- {
- "key": "color-danger2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-red-3))",
- "dark": "rgb(var(--o-red-3))"
- }
- },
- {
- "key": "color-danger3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-red-4))",
- "dark": "rgb(var(--o-red-4))"
- }
- },
- {
- "key": "color-danger4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-red-1))",
- "dark": "rgb(var(--o-red-1))"
- }
- }
- ]
- },
- "fill": {
- "name": "填充色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-fill1",
- "description": "一级填充:页面背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-2))",
- "dark": "rgb(var(--o-mixedgray-3))"
- }
- },
- {
- "key": "color-fill2",
- "description": "二级填充:区块/卡片",
- "value": {
- "light": "rgb(var(--o-mixedgray-1))",
- "dark": "rgb(var(--o-mixedgray-4))"
- }
- },
- {
- "key": "color-fill3",
- "description": "三级填充:卡片",
- "value": {
- "light": "rgb(var(--o-mixedgray-3))",
- "dark": "rgb(var(--o-mixedgray-5))"
- }
- }
- ]
- },
- "control": {
- "name": "控件色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-control1",
- "description": "常规,常用于边框",
- "value": {
- "light": "rgba(var(--o-mixedgray-10), 0.25)",
- "dark": "rgba(var(--o-mixedgray-10), 0.25)"
- }
- },
- {
- "key": "color-control2",
- "description": "悬浮,常用于边框",
- "value": {
- "light": "rgba(var(--o-mixedgray-10), 0.6)",
- "dark": "rgba(var(--o-mixedgray-10), 0.6)"
- }
- },
- {
- "key": "color-control3",
- "description": "激活,常用于边框",
- "value": {
- "light": "rgba(var(--o-mixedgray-10), 0.8)",
- "dark": "rgba(var(--o-mixedgray-10), 0.8)"
- }
- },
- {
- "key": "color-control4",
- "description": "禁用,常用于边框",
- "value": {
- "light": "rgba(var(--o-mixedgray-10), 0.1)",
- "dark": "rgba(var(--o-mixedgray-10), 0.15)"
- }
- },
- {
- "key": "color-control1-light",
- "description": "常规-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-5), 1.0)",
- "dark": "rgb(var(--o-mixedgray-7), 1.0)"
- }
- },
- {
- "key": "color-control2-light",
- "description": "悬浮-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-3), 1)",
- "dark": "rgb(var(--o-mixedgray-5), 1)"
- }
- },
- {
- "key": "color-control3-light",
- "description": "激活-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-4), 1)",
- "dark": "rgb(var(--o-mixedgray-6), 1)"
- }
- },
- {
- "key": "color-control4-light",
- "description": "禁用-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-mixedgray-3), 1)",
- "dark": "rgb(var(--o-mixedgray-5), 1)"
- }
- },
- {
- "key": "color-control-light",
- "description": "很浅,常用于表格背景色",
- "value": {
- "light": "rgb(var(--o-mixedgray-1), 1.0)",
- "dark": "rgb(var(--o-mixedgray-4), 1.0)"
- }
- }
- ]
- },
- "info": {
- "name": "信息色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-info1",
- "description": "一级/强调/标题",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 1.0)",
- "dark": "rgba(var(--o-mixedgray-14), 1.0)"
- }
- },
- {
- "key": "color-info2",
- "description": "二级/次强调/正文",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.8)",
- "dark": "rgba(var(--o-mixedgray-14), 0.8)"
- }
- },
- {
- "key": "color-info3",
- "description": "三级/辅助信息",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.6)",
- "dark": "rgba(var(--o-mixedgray-14), 0.6)"
- }
- },
- {
- "key": "color-info4",
- "description": "置灰/禁用",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.4)",
- "dark": "rgba(var(--o-mixedgray-14), 0.4)"
- }
- },
- {
- "key": "color-info1-inverse",
- "description": "一级/次强调/正文反色",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 1.0)",
- "dark": "rgba(var(--o-mixedgray-1), 1.0)"
- }
- },
- {
- "key": "color-info2-inverse",
- "description": "二级/辅助信息反色",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 0.8)",
- "dark": "rgba(var(--o-mixedgray-1), 0.8)"
- }
- },
- {
- "key": "color-info3-inverse",
- "description": "三级/辅助信息反色",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 0.6)",
- "dark": "rgba(var(--o-mixedgray-1), 0.6)"
- }
- },
- {
- "key": "color-info4-inverse",
- "description": "置灰/禁用反色",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 0.4)",
- "dark": "rgba(var(--o-mixedgray-1), 0.4)"
- }
- }
- ]
- },
- "mask": {
- "name": "遮罩色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-mask1",
- "description": "全局遮罩",
- "value": {
- "light": "rgba(var(--o-mixedgray-14), 0.4)",
- "dark": "rgba(var(--o-mixedgray-14), 0.4)"
- }
- },
- {
- "key": "color-mask2",
- "description": "局部遮罩",
- "value": {
- "light": "rgba(var(--o-mixedgray-1), 0.2)",
- "dark": "rgba(var(--o-mixedgray-4), 0.2)"
- }
- }
- ]
- },
- "link": {
- "name": "链接色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-link1",
- "description": "常规",
- "value": {
- "light": "rgba(var(--o-kleinblue-6))",
- "dark": "rgba(var(--o-kleinblue-5))"
- }
- },
- {
- "key": "color-link2",
- "description": "悬浮",
- "value": {
- "light": "rgba(var(--o-kleinblue-4))",
- "dark": "rgba(var(--o-kleinblue-4))"
- }
- },
- {
- "key": "color-link3",
- "description": "激活",
- "value": {
- "light": "rgba(var(--o-kleinblue-7))",
- "dark": "rgba(var(--o-kleinblue-7))"
- }
- },
- {
- "key": "color-link4",
- "description": "禁用",
- "value": {
- "light": "rgba(var(--o-kleinblue-3))",
- "dark": "rgba(var(--o-kleinblue-3))"
- }
- }
- ]
- },
-
- "shadow": {
- "name": "阴影",
- "type": "shadow",
- "typeName": "阴影",
- "value": [
- {
- "key": "shadow-1",
- "name": "阴影1",
- "description": "用于卡片、小弹窗、楼层阴影",
- "value": {
- "light": "0 3px 8px rgba(var(--o-mixedgray-9), 0.08)",
- "dark": "0 3px 8px rgba(var(--o-mixedgray-1), 0.08)"
- }
- },
- {
- "key": "shadow-2",
- "name": "阴影2",
- "description": "用于卡片悬浮阴影",
- "value": {
- "light": "0 2px 24px rgba(var(--o-mixedgray-9), 0.15)",
- "dark": "0 2px 24px rgba(var(--o-mixedgray-1), 0.15)"
- }
- },
- {
- "key": "shadow-3",
- "name": "阴影3",
- "description": "用于提示阴影",
- "value": {
- "light": "0 8px 40px rgba(var(--o-mixedgray-9), 0.1)",
- "dark": "0 8px 40px rgba(var(--o-mixedgray-1), 0.1)"
- }
- }
- ]
- },
-
- "gap": {
- "name": "间距",
- "type": "gap",
- "typeName": "间距",
- "value": [
- {
- "key": "gap-1",
- "name": "间距1",
- "description": "用于组件之间的间距1",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "gap-2",
- "name": "间距2",
- "description": "用于组件之间的间距2",
- "value": {
- "light": "8px",
- "dark": "8px"
- }
- },
- {
- "key": "gap-3",
- "name": "间距3",
- "description": "用于组件之间的间距3",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- },
- {
- "key": "gap-4",
- "name": "间距4",
- "description": "用于组件之间的间距4",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "gap-5",
- "name": "间距5",
- "description": "用于组件之间的间距5",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "gap-6",
- "name": "间距6",
- "description": "用于组件之间的间距6",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "gap-7",
- "name": "间距7",
- "description": "用于组件之间的间距7",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "gap-8",
- "name": "间距8",
- "description": "用于组件之间的间距8",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "gap-9",
- "name": "间距9",
- "description": "用于组件之间的间距9",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- },
- {
- "key": "gap-10",
- "name": "间距10",
- "description": "用于组件之间的间距10",
- "value": {
- "light": "72px",
- "dark": "72px"
- }
- }
- ]
- },
-
- "control_size": {
- "name": "组件尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "control_size-2xs",
- "name": "超小尺寸",
- "description": "超小尺寸",
- "value": {
- "light": "14px",
- "dark": "14px"
- }
- },
- {
- "key": "control_size-xs",
- "name": "小尺寸",
- "description": "小尺寸",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "control_size-s",
- "name": "小尺寸",
- "description": "小尺寸",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "control_size-m",
- "name": "中尺寸",
- "description": "尺寸",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "control_size-l",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "control_size-xl",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "control_size-2xl",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- }
- ]
- },
-
- "icon_size": {
- "name": "图标尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "icon_size-xs",
- "name": "超小尺寸图标",
- "description": "超小尺寸图标",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "icon_size-s",
- "name": "小尺寸图标",
- "description": "小尺寸图标",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "icon_size-m",
- "name": "中尺寸图标",
- "description": "中尺寸图标",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "icon_size-l",
- "name": "大尺寸图标",
- "description": "大尺寸图标",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "icon_size-xl",
- "name": "超大尺寸图标",
- "description": "超大尺寸图标",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "icon_size-2xl",
- "name": "2xl尺寸图标",
- "description": "2xl尺寸图标",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "icon_size-3xl",
- "name": "3xl尺寸图标",
- "description": "3xl尺寸图标",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "icon_size-4xl",
- "name": "4xl尺寸图标",
- "description": "4xl尺寸图标",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- }
- ]
- },
- "icon_size_control": {
- "name": "组件图标尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "icon_size_control-xs",
- "name": "超小尺寸图标",
- "description": "超小尺寸控件图标(组件使用)",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "icon_size_control-s",
- "name": "小尺寸图标",
- "description": "小尺寸控件图标(组件使用)",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "icon_size_control-m",
- "name": "中尺寸图标",
- "description": "中尺寸控件图标(组件使用)",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "icon_size_control-l",
- "name": "大尺寸图标",
- "description": "大尺寸控件图标(组件使用)",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "icon_size_control-xl",
- "name": "超大尺寸图标",
- "description": "超大尺寸控件图标(组件使用)",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- }
- ]
- },
-
- "font_size": {
- "name": "字体尺寸",
- "type": "font",
- "typeName": "字体",
- "value": [
- {
- "key": "font_size-display1",
- "name": "一级数据展示",
- "description": "一级数据展示",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "font_size-display2",
- "name": "二级数据展示",
- "description": "二级数据展示",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "font_size-display3",
- "name": "三级数据展示",
- "description": "三级数据展示",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "font_size-h1",
- "name": "一级标题",
- "description": "一级标题",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "font_size-h2",
- "name": "二级标题",
- "description": "二级标题",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "font_size-h3",
- "name": "三级标题",
- "description": "三级标题",
- "value": {
- "light": "22px",
- "dark": "22px"
- }
- },
- {
- "key": "font_size-h4",
- "name": "四级标题",
- "description": "四级标题",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "font_size-text1",
- "name": "常规正文",
- "description": "常规正文",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "font_size-text2",
- "name": "大号正文",
- "description": "大号正文",
- "value": {
- "light": "18px",
- "dark": "18px"
- }
- },
- {
- "key": "font_size-tip1",
- "name": "提示文本1",
- "description": "提示文本1",
- "value": {
- "light": "14px",
- "dark": "14px"
- }
- },
- {
- "key": "font_size-tip2",
- "name": "提示文本2",
- "description": "提示文本2",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- }
- ]
- },
- "line_height": {
- "name": "字体行高",
- "type": "font",
- "typeName": "字体",
- "value": [
- {
- "key": "line_height-display1",
- "name": "一级数据展示",
- "description": "一级数据展示",
- "value": {
- "light": "80px",
- "dark": "80px"
- }
- },
- {
- "key": "line_height-display2",
- "name": "二级数据展示",
- "description": "二级数据展示",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- },
- {
- "key": "line_height-display3",
- "name": "三级数据展示",
- "description": "三级数据展示",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "line_height-h1",
- "name": "一级标题",
- "description": "一级标题",
- "value": {
- "light": "44px",
- "dark": "44px"
- }
- },
- {
- "key": "line_height-h2",
- "name": "二级标题",
- "description": "二级标题",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "line_height-h3",
- "name": "三级标题",
- "description": "三级标题",
- "value": {
- "light": "30px",
- "dark": "30px"
- }
- },
- {
- "key": "line_height-h4",
- "name": "四级标题",
- "description": "四级标题",
- "value": {
- "light": "28px",
- "dark": "28px"
- }
- },
- {
- "key": "line_height-text1",
- "name": "正文",
- "description": "正文",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "line_height-text2",
- "name": "正文-大",
- "description": "正文-大",
- "value": {
- "light": "26px",
- "dark": "26x"
- }
- },
- {
- "key": "line_height-tip1",
- "name": "提示文本1",
- "description": "提示文本1",
- "value": {
- "light": "22px",
- "dark": "22px"
- }
- },
- {
- "key": "line_height-tip2",
- "name": "提示文本2",
- "description": "提示文本2",
- "value": {
- "light": "18px",
- "dark": "18px"
- }
- }
- ]
- },
-
- "radius": {
- "name": "圆角尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "radius-xs",
- "name": "超小尺寸圆角",
- "description": "超小尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-s",
- "name": "小尺寸圆角",
- "description": "小尺寸圆角",
- "value": {
- "light": "8px",
- "dark": "8px"
- }
- },
- {
- "key": "radius-m",
- "name": "中尺寸圆角",
- "description": "中尺寸圆角",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- },
- {
- "key": "radius-l",
- "name": "大尺寸圆角",
- "description": "大尺寸圆角",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "radius-xl",
- "name": "大尺寸圆角",
- "description": "大尺寸圆角,一般用于卡片",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- }
- ]
- },
- "radius_control": {
- "name": "组件圆角尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "radius_control-xs",
- "name": "超小尺寸控件圆角",
- "description": "超小尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius_control-s",
- "name": "小尺寸控件圆角",
- "description": "小尺寸控件圆角(组件使用)",
- "value": {
- "light": "8px",
- "dark": "8px"
- }
- },
- {
- "key": "radius_control-m",
- "name": "中尺寸控件圆角",
- "description": "中尺寸控件圆角(组件使用)",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- },
- {
- "key": "radius_control-l",
- "name": "大尺寸控件圆角",
- "description": "大尺寸控件圆角(组件使用)",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- }
- ]
- },
-
- "duration": {
- "name": "动画持续时间",
- "type": "animation",
- "typeName": "动画",
- "value": [
- {
- "key": "duration-s",
- "name": "持续时间",
- "description": "用于退出屏幕的动画",
- "value": {
- "light": "200ms",
- "dark": "200ms"
- }
- },
- {
- "key": "duration-m1",
- "name": "持续时间",
- "description": "用于当曲线为standard-in时进入屏幕的动画",
- "value": {
- "light": "250ms",
- "dark": "250ms"
- }
- },
- {
- "key": "duration-m2",
- "name": "持续时间",
- "description": "用于当曲线为standard时开始、结束的动画",
- "value": {
- "light": "300ms",
- "dark": "300ms"
- }
- },
- {
- "key": "duration-m3",
- "name": "持续时间",
- "description": "用于当曲线为emphasized-in时进入屏幕的动画",
- "value": {
- "light": "400ms",
- "dark": "400ms"
- }
- },
- {
- "key": "duration-l",
- "name": "持续时间",
- "description": "用于当曲线为emphasized时开始、结束的动画",
- "value": {
- "light": "500ms",
- "dark": "500ms"
- }
- },
- {
- "key": "duration-xl",
- "name": "持续时间",
- "description": "用于当曲线为emphasized时,轮播切换动画",
- "value": {
- "light": "1000ms",
- "dark": "1000ms"
- }
- }
- ]
- },
-
- "easing": {
- "name": "动画曲线",
- "type": "animation",
- "typeName": "动画",
- "value": [
- {
- "key": "easing-linear",
- "name": "线性动画曲线",
- "description": "线性曲线",
- "value": {
- "light": "cubic-bezier(0, 0, 1, 1)",
- "dark": "cubic-bezier(0, 0, 1, 1)"
- }
- },
- {
- "key": "easing-standard",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0.2, 0, 0, 1)",
- "dark": "cubic-bezier(0.2, 0, 0, 1)"
- }
- },
- {
- "key": "easing-standard-in",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0, 0, 0, 1)",
- "dark": "cubic-bezier(0, 0, 0, 1)"
- }
- },
- {
- "key": "easing-standard-out",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0.3, 0, 1, 1)",
- "dark": "cubic-bezier(0.3, 0, 1, 1)"
- }
- },
- {
- "key": "easing-emphasized",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.2, 0, 0, 1)",
- "dark": "cubic-bezier(0.2, 0, 0, 1)"
- }
- },
- {
- "key": "easing-emphasized-in",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.3, 0, 0.8, 0.15)",
- "dark": "cubic-bezier(0.3, 0, 0.8, 0.15)"
- }
- },
- {
- "key": "easing-emphasized-out",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.05, 0.7, 0.1, 1)",
- "dark": "cubic-bezier(0.05, 0.7, 0.1, 1)"
- }
- }
- ]
- }
-}
diff --git a/packages/opendesign/src/theme/openeuler/common/e.dark.token.css b/packages/opendesign/src/theme/openeuler/common/e.dark.token.css
deleted file mode 100644
index a56c13c3a1994a7ed370fe16195d6e109e88bccc..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/openeuler/common/e.dark.token.css
+++ /dev/null
@@ -1,2201 +0,0 @@
-/* theme: e.dark */
-[data-o-theme="e.dark"] {
- /**
- * @name
- * @type palette
- * @group white
- * @description
- */
- --o-white: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group black
- * @description
- */
- --o-black: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-1: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-2: 18, 18, 20;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-3: 26, 26, 28;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-4: 36, 36, 39;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-5: 43, 43, 47;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-6: 53, 53, 57;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-7: 63, 63, 67;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-8: 85, 85, 88;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-9: 118, 118, 122;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-10: 156, 156, 159;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-11: 181, 181, 185;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-12: 208, 208, 210;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-13: 235, 235, 238;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-14: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-1: 14, 26, 69;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-2: 18, 34, 87;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-3: 29, 51, 119;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-4: 42, 72, 158;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-5: 57, 97, 202;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-6: 73, 122, 248;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-7: 110, 148, 243;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-8: 140, 171, 234;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-9: 176, 199, 241;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-10: 215, 227, 248;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-1: 81, 46, 9;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-2: 121, 75, 15;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-3: 161, 107, 22;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-4: 202, 143, 30;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-5: 242, 183, 38;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-6: 245, 202, 80;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-7: 247, 219, 122;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-8: 250, 234, 166;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-9: 252, 246, 210;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-10: 254, 251, 237;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-1: 77, 24, 0;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-2: 120, 42, 1;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-3: 163, 68, 8;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-4: 207, 97, 19;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-5: 250, 130, 33;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-6: 251, 143, 43;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-7: 252, 174, 91;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-8: 253, 202, 139;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-9: 254, 227, 188;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-10: 255, 248, 237;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-1: 77, 0, 17;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-2: 115, 3, 24;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-3: 153, 9, 31;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-4: 192, 17, 37;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-5: 230, 28, 43;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-6: 235, 35, 45;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-7: 240, 82, 85;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-8: 245, 132, 130;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-9: 250, 183, 180;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-10: 255, 234, 232;
- /**
- * @name
- * @type palette
- * @group huaweired
- * @description
- */
- --o-red-huawei: 199, 0, 11;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-1: 0, 77, 42;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-2: 2, 102, 53;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-3: 10, 127, 66;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-4: 22, 152, 80;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-5: 36, 177, 95;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-6: 51, 193, 104;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-7: 90, 208, 131;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-8: 135, 224, 163;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-9: 185, 239, 200;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-10: 240, 255, 244;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-1: 77, 30, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-2: 116, 51, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-3: 154, 76, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-4: 193, 105, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-5: 231, 137, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-6: 236, 165, 47;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-7: 241, 191, 96;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-8: 245, 215, 147;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-9: 250, 237, 200;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-10: 253, 247, 232;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-1: 51, 67, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-2: 78, 101, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-3: 107, 134, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-4: 134, 168, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-5: 167, 201, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-6: 177, 212, 42;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-7: 191, 223, 89;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-8: 208, 233, 140;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-9: 229, 244, 195;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-10: 243, 250, 230;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-1: 33, 60, 7;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-2: 51, 90, 11;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-3: 70, 119, 16;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-4: 91, 149, 21;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-5: 112, 179, 27;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-6: 184, 220, 48;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-7: 166, 209, 103;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-8: 195, 225, 148;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-9: 225, 240, 199;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-10: 242, 247, 231;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-1: 0, 60, 48;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-2: 0, 90, 71;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-3: 0, 119, 93;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-4: 0, 149, 113;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-5: 0, 179, 133;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-6: 39, 194, 152;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-7: 84, 209, 173;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-8: 135, 225, 197;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-9: 192, 240, 224;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-10: 228, 247, 241;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-1: 0, 52, 60;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-2: 0, 79, 90;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-3: 0, 107, 119;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-4: 0, 137, 149;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-5: 39, 186, 194;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-6: 84, 205, 209;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-7: 92, 208, 212;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-8: 135, 223, 225;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-9: 192, 240, 240;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-10: 228, 247, 247;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-1: 0, 47, 76;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-2: 0, 72, 115;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-3: 0, 99, 153;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-4: 0, 127, 191;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-5: 0, 156, 229;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-6: 47, 178, 234;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-7: 96, 198, 239;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-8: 147, 218, 245;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-9: 200, 237, 250;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-10: 232, 247, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-1: 0, 43, 97;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-2: 0, 61, 133;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-3: 0, 80, 169;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-4: 0, 100, 204;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-5: 0, 122, 240;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-6: 49, 151, 243;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-7: 98, 178, 246;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-8: 149, 205, 249;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-9: 202, 231, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-10: 233, 245, 254;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-1: 5, 19, 97;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-2: 10, 28, 118;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-3: 16, 38, 138;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-4: 23, 50, 159;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-5: 31, 63, 179;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-6: 66, 96, 194;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-7: 106, 131, 209;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-8: 150, 170, 225;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-9: 200, 211, 240;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-10: 232, 236, 247;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-1: 34, 0, 109;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-2: 39, 2, 130;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-3: 46, 7, 150;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-4: 53, 13, 171;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-5: 61, 20, 191;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-6: 97, 62, 201;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-7: 150, 130, 223;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-8: 182, 169, 233;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-9: 217, 210, 244;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-10: 240, 237, 250;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-1: 60, 0, 97;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-2: 77, 0, 118;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-3: 95, 0, 138;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-4: 114, 0, 159;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-5: 135, 2, 179;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-6: 161, 41, 194;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-7: 187, 85, 209;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-8: 211, 136, 225;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-9: 234, 192, 240;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-10: 245, 228, 247;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-1: 81, 0, 51;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-2: 117, 0, 70;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-3: 153, 0, 86;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-4: 188, 0, 100;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-5: 224, 0, 112;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-6: 230, 46, 132;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-7: 236, 95, 156;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-8: 243, 146, 184;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-9: 249, 199, 217;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-10: 252, 232, 239;
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-white: rgb(var(--o-white));
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-black: rgb(var(--o-black));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规
- */
- --o-color-primary1: rgb(var(--o-kleinblue-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮
- */
- --o-color-primary2: rgb(var(--o-kleinblue-5));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活
- */
- --o-color-primary3: rgb(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用
- */
- --o-color-primary4: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规-浅
- */
- --o-color-primary1-light: rgb(var(--o-kleinblue-2));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮-浅
- */
- --o-color-primary2-light: rgb(var(--o-kleinblue-3));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活-浅
- */
- --o-color-primary3-light: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用-浅
- */
- --o-color-primary4-light: rgb(var(--o-kleinblue-1));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规
- */
- --o-color-success1: rgb(var(--o-green-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮
- */
- --o-color-success2: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活
- */
- --o-color-success3: rgb(var(--o-green-7));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用
- */
- --o-color-success4: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规-浅
- */
- --o-color-success1-light: rgb(var(--o-green-2));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮-浅
- */
- --o-color-success2-light: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活-浅
- */
- --o-color-success3-light: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用-浅
- */
- --o-color-success4-light: rgb(var(--o-green-1));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规
- */
- --o-color-warning1: rgb(var(--o-orange-6));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮
- */
- --o-color-warning2: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活
- */
- --o-color-warning3: rgb(var(--o-orange-7));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用
- */
- --o-color-warning4: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规-浅
- */
- --o-color-warning1-light: rgb(var(--o-orange-2));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮-浅
- */
- --o-color-warning2-light: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活-浅
- */
- --o-color-warning3-light: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用-浅
- */
- --o-color-warning4-light: rgb(var(--o-orange-1));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规
- */
- --o-color-danger1: rgb(var(--o-red-6));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮
- */
- --o-color-danger2: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活
- */
- --o-color-danger3: rgb(var(--o-red-7));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用
- */
- --o-color-danger4: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规-浅
- */
- --o-color-danger1-light: rgb(var(--o-red-2));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮-浅
- */
- --o-color-danger2-light: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活-浅
- */
- --o-color-danger3-light: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用-浅
- */
- --o-color-danger4-light: rgb(var(--o-red-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 一级填充:页面背景
- */
- --o-color-fill1: rgb(var(--o-gray-3));
- /**
- * @name
- * @type color
- * @group fill
- * @description 二级填充:区块、卡片
- */
- --o-color-fill2: rgb(var(--o-gray-4));
- /**
- * @name
- * @type color
- * @group fill
- * @description 三级填充:卡片
- */
- --o-color-fill3: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 常规,常用于边框
- */
- --o-color-control1: rgba(var(--o-gray-14), 0.25);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮,常用于边框
- */
- --o-color-control2: rgba(var(--o-gray-14), 0.6);
- /**
- * @name
- * @type color
- * @group control
- * @description 激活,常用于边框
- */
- --o-color-control3: rgba(var(--o-gray-14), 0.8);
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于边框
- */
- --o-color-control4: rgba(var(--o-gray-14), 0.15);
- /**
- * @name
- * @type color
- * @group control
- * @description 常规-浅,常用于背景
- */
- --o-color-control1-light: rgb(var(--o-gray-7));
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮-浅,常用于背景
- */
- --o-color-control2-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 激活-浅,常用于背景
- */
- --o-color-control3-light: rgb(var(--o-gray-6));
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于背景
- */
- --o-color-control4-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 很浅,常用于表格背景色
- */
- --o-color-control-light: rgb(var(--o-gray-4));
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/强调/标题
- */
- --o-color-info1: rgba(var(--o-gray-14), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/次强调/正文
- */
- --o-color-info2: rgba(var(--o-gray-14), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息
- */
- --o-color-info3: rgba(var(--o-gray-14), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用
- */
- --o-color-info4: rgba(var(--o-gray-14), 0.4);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/次强调/正文反色
- */
- --o-color-info1-inverse: rgba(var(--o-gray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/辅助信息反色
- */
- --o-color-info2-inverse: rgba(var(--o-gray-1), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息反色
- */
- --o-color-info3-inverse: rgba(var(--o-gray-1), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用反色
- */
- --o-color-info4-inverse: rgba(var(--o-gray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 全局遮罩
- */
- --o-color-mask1: rgba(var(--o-gray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 局部遮罩
- */
- --o-color-mask2: rgba(var(--o-gray-4), 0.2);
- /**
- * @name 阴影1
- * @type shadow
- * @group shadow
- * @description 用于卡片、小弹窗、楼层阴影
- */
- --o-shadow-1: 0 3px 8px rgba(var(--o-gray-1), 0.08);
- /**
- * @name 阴影2
- * @type shadow
- * @group shadow
- * @description 用于卡片悬浮阴影
- */
- --o-shadow-2: 0 2px 24px rgba(var(--o-gray-1), 0.15);
- /**
- * @name 阴影3
- * @type shadow
- * @group shadow
- * @description 用于提示阴影
- */
- --o-shadow-3: 0 8px 40px rgba(var(--o-gray-1), 0.1);
- /**
- * @name
- * @type color
- * @group link
- * @description 常规
- */
- --o-color-link1: rgb(var(--o-kleinblue-6));
- /**
- * @name
- * @type color
- * @group link
- * @description 悬浮
- */
- --o-color-link2: rgb(var(--o-kleinblue-5));
- /**
- * @name
- * @type color
- * @group link
- * @description 激活
- */
- --o-color-link3: rgb(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group link
- * @description 禁用
- */
- --o-color-link4: rgb(var(--o-kleinblue-4));
- /**
- * @name 间距1
- * @type gap
- * @group gap
- * @description 用于组件之间的间距1
- */
- --o-gap-1: 4px;
- /**
- * @name 间距2
- * @type gap
- * @group gap
- * @description 用于组件之间的间距2
- */
- --o-gap-2: 8px;
- /**
- * @name 间距3
- * @type gap
- * @group gap
- * @description 用于组件之间的间距3
- */
- --o-gap-3: 12px;
- /**
- * @name 间距4
- * @type gap
- * @group gap
- * @description 用于组件之间的间距4
- */
- --o-gap-4: 16px;
- /**
- * @name 间距5
- * @type gap
- * @group gap
- * @description 用于组件之间的间距5
- */
- --o-gap-5: 24px;
- /**
- * @name 间距6
- * @type gap
- * @group gap
- * @description 用于组件之间的间距6
- */
- --o-gap-6: 32px;
- /**
- * @name 间距7
- * @type gap
- * @group gap
- * @description 用于组件之间的间距7
- */
- --o-gap-7: 40px;
- /**
- * @name 间距8
- * @type gap
- * @group gap
- * @description 用于组件之间的间距8
- */
- --o-gap-8: 48px;
- /**
- * @name 间距9
- * @type gap
- * @group gap
- * @description 用于组件之间的间距9
- */
- --o-gap-9: 64px;
- /**
- * @name 间距10
- * @type gap
- * @group gap
- * @description 用于组件之间的间距10
- */
- --o-gap-10: 72px;
- /**
- * @name 超小尺寸
- * @type size
- * @group control_size
- * @description 超小尺寸
- */
- --o-control_size-2xs: 14px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-xs: 16px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-s: 24px;
- /**
- * @name 中尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-m: 32px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-l: 40px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-xl: 48px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-2xl: 56px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size
- * @description 超小尺寸图标
- */
- --o-icon_size-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size
- * @description 小尺寸图标
- */
- --o-icon_size-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size
- * @description 中尺寸图标
- */
- --o-icon_size-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size
- * @description 大尺寸图标
- */
- --o-icon_size-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size
- * @description 超大尺寸图标
- */
- --o-icon_size-xl: 40px;
- /**
- * @name 2xl尺寸图标
- * @type size
- * @group icon_size
- * @description 2xl尺寸图标
- */
- --o-icon_size-2xl: 48px;
- /**
- * @name 3xl尺寸图标
- * @type size
- * @group icon_size
- * @description 3xl尺寸图标
- */
- --o-icon_size-3xl: 56px;
- /**
- * @name 4xl尺寸图标
- * @type size
- * @group icon_size
- * @description 4xl尺寸图标
- */
- --o-icon_size-4xl: 64px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size_control
- * @description 中尺寸控件图标(组件使用)
- */
- --o-icon_size_control-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xl: 40px;
- /**
- * @name 一级数据展示
- * @type font
- * @group font_size
- * @description 一级数据展示
- */
- --o-font_size-display1: 56px;
- /**
- * @name 二级数据展示
- * @type font
- * @group font_size
- * @description 二级数据展示
- */
- --o-font_size-display2: 48px;
- /**
- * @name 三级数据展示
- * @type font
- * @group font_size
- * @description 三级数据展示
- */
- --o-font_size-display3: 40px;
- /**
- * @name 一级标题
- * @type font
- * @group font_size
- * @description 一级标题
- */
- --o-font_size-h1: 32px;
- /**
- * @name 二级标题
- * @type font
- * @group font_size
- * @description 二级标题
- */
- --o-font_size-h2: 24px;
- /**
- * @name 三级标题
- * @type font
- * @group font_size
- * @description 三级标题
- */
- --o-font_size-h3: 22px;
- /**
- * @name 四级标题
- * @type font
- * @group font_size
- * @description 四级标题
- */
- --o-font_size-h4: 20px;
- /**
- * @name 常规正文
- * @type font
- * @group font_size
- * @description 常规正文
- */
- --o-font_size-text1: 16px;
- /**
- * @name 大号正文
- * @type font
- * @group font_size
- * @description 大号正文
- */
- --o-font_size-text2: 18px;
- /**
- * @name 提示文本1
- * @type font
- * @group font_size
- * @description 提示文本1
- */
- --o-font_size-tip1: 14px;
- /**
- * @name 提示文本2
- * @type font
- * @group font_size
- * @description 提示文本2
- */
- --o-font_size-tip2: 12px;
- /**
- * @name 一级数据展示
- * @type font
- * @group line_height
- * @description 一级数据展示
- */
- --o-line_height-display1: 80px;
- /**
- * @name 二级数据展示
- * @type font
- * @group line_height
- * @description 二级数据展示
- */
- --o-line_height-display2: 64px;
- /**
- * @name 三级数据展示
- * @type font
- * @group line_height
- * @description 三级数据展示
- */
- --o-line_height-display3: 56px;
- /**
- * @name 一级标题
- * @type font
- * @group line_height
- * @description 一级标题
- */
- --o-line_height-h1: 44px;
- /**
- * @name 二级标题
- * @type font
- * @group line_height
- * @description 二级标题
- */
- --o-line_height-h2: 32px;
- /**
- * @name 三级标题
- * @type font
- * @group line_height
- * @description 三级标题
- */
- --o-line_height-h3: 30px;
- /**
- * @name 四级标题
- * @type font
- * @group line_height
- * @description 四级标题
- */
- --o-line_height-h4: 28px;
- /**
- * @name 正文
- * @type font
- * @group line_height
- * @description 正文
- */
- --o-line_height-text1: 24px;
- /**
- * @name 正文-大
- * @type font
- * @group line_height
- * @description 正文-大
- */
- --o-line_height-text2: 26x;
- /**
- * @name 提示文本1
- * @type font
- * @group line_height
- * @description 提示文本1
- */
- --o-line_height-tip1: 22px;
- /**
- * @name 提示文本2
- * @type font
- * @group line_height
- * @description 提示文本2
- */
- --o-line_height-tip2: 18px;
- /**
- * @name 超小尺寸圆角
- * @type size
- * @group radius
- * @description 超小尺寸圆角
- */
- --o-radius-xs: 4px;
- /**
- * @name 小尺寸圆角
- * @type size
- * @group radius
- * @description 小尺寸圆角
- */
- --o-radius-s: 4px;
- /**
- * @name 中尺寸圆角
- * @type size
- * @group radius
- * @description 中尺寸圆角
- */
- --o-radius-m: 4px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角
- */
- --o-radius-l: 4px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角,一般用于卡片
- */
- --o-radius-xl: 0px;
- /**
- * @name 超小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 超小尺寸控件圆角(组件使用)
- */
- --o-radius_control-xs: 4px;
- /**
- * @name 小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 小尺寸控件圆角(组件使用)
- */
- --o-radius_control-s: 4px;
- /**
- * @name 中尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 中尺寸控件圆角(组件使用)
- */
- --o-radius_control-m: 4px;
- /**
- * @name 大尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 大尺寸控件圆角(组件使用)
- */
- --o-radius_control-l: 4px;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于退出屏幕的动画
- */
- --o-duration-s: 200ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard-in时进入屏幕的动画
- */
- --o-duration-m1: 250ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard时开始、结束的动画
- */
- --o-duration-m2: 300ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized-in时进入屏幕的动画
- */
- --o-duration-m3: 400ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时开始、结束的动画
- */
- --o-duration-l: 500ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时,轮播切换动画
- */
- --o-duration-xl: 1000ms;
- /**
- * @name 线性动画曲线
- * @type animation
- * @group easing
- * @description 线性曲线
- */
- --o-easing-linear: cubic-bezier(0, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-in: cubic-bezier(0, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-out: cubic-bezier(0.3, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-in: cubic-bezier(0.3, 0, 0.8, 0.15);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/openeuler/common/e.light.token.css b/packages/opendesign/src/theme/openeuler/common/e.light.token.css
deleted file mode 100644
index ae7e59b9c7062c47bcd05af1ac7799e7f4a86978..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/openeuler/common/e.light.token.css
+++ /dev/null
@@ -1,2201 +0,0 @@
-/* theme: e.light */
-[data-o-theme="e.light"] {
- /**
- * @name
- * @type palette
- * @group white
- * @description
- */
- --o-white: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group black
- * @description
- */
- --o-black: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-1: 255, 255, 255;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-2: 243, 243, 245;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-3: 237, 237, 240;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-4: 232, 232, 235;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-5: 222, 222, 227;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-6: 210, 210, 217;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-7: 186, 186, 191;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-8: 149, 149, 156;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-9: 111, 111, 117;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-10: 85, 85, 92;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-11: 61, 61, 66;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-12: 37, 37, 41;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-13: 21, 21, 23;
- /**
- * @name
- * @type palette
- * @group gray
- * @description
- */
- --o-gray-14: 0, 0, 0;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-1: 235, 241, 250;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-2: 206, 219, 245;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-3: 132, 161, 220;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-4: 81, 119, 202;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-5: 37, 81, 185;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-6: 0, 47, 167;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-7: 0, 39, 147;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-8: 0, 31, 126;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-9: 0, 24, 106;
- /**
- * @name
- * @type palette
- * @group kleinblue
- * @description
- */
- --o-kleinblue-10: 0, 18, 85;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-1: 254, 252, 233;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-2: 252, 248, 202;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-3: 249, 237, 149;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-4: 246, 224, 98;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-5: 243, 207, 49;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-6: 240, 188, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-7: 200, 147, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-8: 160, 109, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-9: 120, 76, 0;
- /**
- * @name
- * @type palette
- * @group yellow
- * @description
- */
- --o-yellow-10: 80, 47, 0;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-1: 255, 246, 232;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-2: 254, 226, 186;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-3: 253, 202, 140;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-4: 252, 176, 95;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-5: 251, 147, 50;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-6: 250, 115, 5;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-7: 207, 88, 3;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-8: 163, 64, 2;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-9: 120, 42, 1;
- /**
- * @name
- * @type palette
- * @group orange
- * @description
- */
- --o-orange-10: 77, 24, 0;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-1: 255, 234, 232;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-2: 250, 185, 182;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-3: 245, 136, 134;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-4: 240, 87, 90;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-5: 235, 43, 52;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-6: 230, 0, 18;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-7: 192, 0, 22;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-8: 153, 0, 23;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-9: 115, 0, 21;
- /**
- * @name
- * @type palette
- * @group red
- * @description
- */
- --o-red-10: 77, 0, 17;
- /**
- * @name
- * @type palette
- * @group huaweired
- * @description
- */
- --o-red-huawei: 199, 0, 11;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-1: 232, 255, 238;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-2: 177, 239, 195;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-3: 128, 224, 158;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-4: 84, 208, 127;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-5: 45, 193, 101;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-6: 11, 177, 81;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-7: 7, 152, 72;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-8: 4, 127, 63;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-9: 2, 102, 53;
- /**
- * @name
- * @type palette
- * @group green
- * @description
- */
- --o-green-10: 0, 77, 42;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-1: 253, 247, 232;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-2: 250, 237, 200;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-3: 245, 215, 147;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-4: 241, 191, 96;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-5: 236, 165, 47;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-6: 231, 137, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-7: 193, 105, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-8: 154, 76, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-9: 116, 51, 0;
- /**
- * @name
- * @type palette
- * @group amber
- * @description
- */
- --o-amber-10: 77, 30, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-1: 243, 250, 230;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-2: 229, 244, 195;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-3: 208, 233, 140;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-4: 191, 223, 89;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-5: 177, 212, 42;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-6: 167, 201, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-7: 136, 168, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-8: 107, 134, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-9: 78, 101, 0;
- /**
- * @name
- * @type palette
- * @group lime
- * @description
- */
- --o-lime-10: 51, 67, 0;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-1: 242, 247, 231;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-2: 225, 240, 199;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-3: 195, 225, 148;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-4: 166, 209, 103;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-5: 138, 194, 62;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-6: 112, 179, 27;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-7: 91, 149, 21;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-8: 70, 119, 16;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-9: 51, 90, 11;
- /**
- * @name
- * @type palette
- * @group light-green
- * @description
- */
- --o-light-green-10: 33, 60, 7;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-1: 228, 247, 241;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-2: 192, 240, 224;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-3: 135, 225, 197;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-4: 84, 209, 173;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-5: 39, 194, 152;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-6: 0, 179, 133;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-7: 0, 149, 113;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-8: 0, 119, 93;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-9: 0, 90, 71;
- /**
- * @name
- * @type palette
- * @group teal
- * @description
- */
- --o-teal-10: 0, 60, 48;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-1: 228, 247, 247;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-2: 192, 240, 240;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-3: 135, 223, 225;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-4: 84, 205, 209;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-5: 39, 186, 194;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-6: 0, 167, 179;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-7: 0, 137, 149;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-8: 0, 107, 119;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-9: 0, 79, 90;
- /**
- * @name
- * @type palette
- * @group cyan
- * @description
- */
- --o-cyan-10: 0, 52, 60;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-1: 232, 247, 252;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-2: 200, 237, 250;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-3: 147, 218, 245;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-4: 96, 198, 239;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-5: 47, 178, 234;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-6: 0, 156, 229;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-7: 0, 127, 191;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-8: 0, 99, 153;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-9: 0, 72, 115;
- /**
- * @name
- * @type palette
- * @group light-blue
- * @description
- */
- --o-light-blue-10: 0, 47, 76;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-1: 233, 245, 254;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-2: 202, 231, 252;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-3: 149, 205, 249;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-4: 98, 178, 246;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-5: 49, 151, 243;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-6: 0, 122, 240;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-7: 0, 100, 204;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-8: 0, 80, 169;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-9: 0, 61, 133;
- /**
- * @name
- * @type palette
- * @group blue
- * @description
- */
- --o-blue-10: 0, 43, 97;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-1: 232, 236, 247;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-2: 200, 211, 240;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-3: 150, 170, 225;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-4: 106, 131, 209;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-5: 66, 96, 194;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-6: 31, 63, 179;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-7: 23, 50, 159;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-8: 16, 38, 138;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-9: 10, 28, 118;
- /**
- * @name
- * @type palette
- * @group indigo
- * @description
- */
- --o-indigo-10: 5, 19, 101;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-1: 234, 231, 249;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-2: 206, 199, 242;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-3: 163, 147, 229;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-4: 124, 100, 217;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-5: 90, 58, 204;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-6: 61, 20, 191;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-7: 53, 13, 171;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-8: 46, 7, 150;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-9: 39, 2, 130;
- /**
- * @name
- * @type palette
- * @group violet
- * @description
- */
- --o-violet-10: 34, 0, 109;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-1: 245, 232, 255;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-2: 225, 192, 253;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-3: 203, 152, 251;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-4: 178, 113, 248;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-5: 152, 75, 246;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-6: 123, 37, 244;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-7: 92, 23, 202;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-8: 64, 12, 160;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-9: 41, 4, 118;
- /**
- * @name
- * @type palette
- * @group purple
- * @description
- */
- --o-purple-10: 22, 0, 77;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-1: 255, 232, 253;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-2: 246, 188, 243;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-3: 238, 146, 235;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-4: 229, 107, 229;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-5: 216, 71, 221;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-6: 199, 37, 212;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-7: 163, 23, 178;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-8: 127, 13, 144;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-9: 93, 5, 110;
- /**
- * @name
- * @type palette
- * @group pink
- * @description
- */
- --o-pink-10: 61, 0, 77;
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-white: rgb(var(--o-white));
- /**
- * @name
- * @type color
- * @group base
- * @description
- */
- --o-color-black: rgb(var(--o-black));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规
- */
- --o-color-primary1: rgb(var(--o-kleinblue-6));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮
- */
- --o-color-primary2: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活
- */
- --o-color-primary3: rgb(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用
- */
- --o-color-primary4: rgb(var(--o-kleinblue-3));
- /**
- * @name
- * @type color
- * @group primary
- * @description 常规-浅
- */
- --o-color-primary1-light: rgb(var(--o-kleinblue-2));
- /**
- * @name
- * @type color
- * @group primary
- * @description 悬浮-浅
- */
- --o-color-primary2-light: rgb(var(--o-kleinblue-3));
- /**
- * @name
- * @type color
- * @group primary
- * @description 激活-浅
- */
- --o-color-primary3-light: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group primary
- * @description 禁用-浅
- */
- --o-color-primary4-light: rgb(var(--o-kleinblue-1));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规
- */
- --o-color-success1: rgb(var(--o-green-6));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮
- */
- --o-color-success2: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活
- */
- --o-color-success3: rgb(var(--o-green-7));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用
- */
- --o-color-success4: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 常规-浅
- */
- --o-color-success1-light: rgb(var(--o-green-2));
- /**
- * @name
- * @type color
- * @group success
- * @description 悬浮-浅
- */
- --o-color-success2-light: rgb(var(--o-green-3));
- /**
- * @name
- * @type color
- * @group success
- * @description 激活-浅
- */
- --o-color-success3-light: rgb(var(--o-green-4));
- /**
- * @name
- * @type color
- * @group success
- * @description 禁用-浅
- */
- --o-color-success4-light: rgb(var(--o-green-1));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规
- */
- --o-color-warning1: rgb(var(--o-orange-6));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮
- */
- --o-color-warning2: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活
- */
- --o-color-warning3: rgb(var(--o-orange-7));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用
- */
- --o-color-warning4: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 常规-浅
- */
- --o-color-warning1-light: rgb(var(--o-orange-2));
- /**
- * @name
- * @type color
- * @group warning
- * @description 悬浮-浅
- */
- --o-color-warning2-light: rgb(var(--o-orange-3));
- /**
- * @name
- * @type color
- * @group warning
- * @description 激活-浅
- */
- --o-color-warning3-light: rgb(var(--o-orange-4));
- /**
- * @name
- * @type color
- * @group warning
- * @description 禁用-浅
- */
- --o-color-warning4-light: rgb(var(--o-orange-1));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规
- */
- --o-color-danger1: rgb(var(--o-red-6));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮
- */
- --o-color-danger2: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活
- */
- --o-color-danger3: rgb(var(--o-red-7));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用
- */
- --o-color-danger4: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 常规-浅
- */
- --o-color-danger1-light: rgb(var(--o-red-2));
- /**
- * @name
- * @type color
- * @group danger
- * @description 悬浮-浅
- */
- --o-color-danger2-light: rgb(var(--o-red-3));
- /**
- * @name
- * @type color
- * @group danger
- * @description 激活-浅
- */
- --o-color-danger3-light: rgb(var(--o-red-4));
- /**
- * @name
- * @type color
- * @group danger
- * @description 禁用-浅
- */
- --o-color-danger4-light: rgb(var(--o-red-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 一级填充:页面背景
- */
- --o-color-fill1: rgb(var(--o-gray-2));
- /**
- * @name
- * @type color
- * @group fill
- * @description 二级填充:区块、卡片
- */
- --o-color-fill2: rgb(var(--o-gray-1));
- /**
- * @name
- * @type color
- * @group fill
- * @description 三级填充:卡片
- */
- --o-color-fill3: rgb(var(--o-gray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 常规,常用于边框
- */
- --o-color-control1: rgba(var(--o-gray-14), 0.25);
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮,常用于边框
- */
- --o-color-control2: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group control
- * @description 激活,常用于边框
- */
- --o-color-control3: rgb(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于边框
- */
- --o-color-control4: rgba(var(--o-gray-14), 0.1);
- /**
- * @name
- * @type color
- * @group control
- * @description 常规-浅,常用于背景
- */
- --o-color-control1-light: rgb(var(--o-gray-5));
- /**
- * @name
- * @type color
- * @group control
- * @description 悬浮-浅,常用于背景
- */
- --o-color-control2-light: rgb(var(--o-kleinblue-1));
- /**
- * @name
- * @type color
- * @group control
- * @description 激活-浅,常用于背景
- */
- --o-color-control3-light: rgb(var(--o-kleinblue-2));
- /**
- * @name
- * @type color
- * @group control
- * @description 禁用,常用于背景
- */
- --o-color-control4-light: rgb(var(--o-gray-3));
- /**
- * @name
- * @type color
- * @group control
- * @description 很浅,常用于表格背景色
- */
- --o-color-control-light: rgb(var(--o-gray-1));
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/强调/标题
- */
- --o-color-info1: rgba(var(--o-gray-14), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/次强调/正文
- */
- --o-color-info2: rgba(var(--o-gray-14), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息
- */
- --o-color-info3: rgba(var(--o-gray-14), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用
- */
- --o-color-info4: rgba(var(--o-gray-14), 0.4);
- /**
- * @name
- * @type color
- * @group info
- * @description 一级/次强调/正文反色
- */
- --o-color-info1-inverse: rgba(var(--o-gray-1), 1.0);
- /**
- * @name
- * @type color
- * @group info
- * @description 二级/辅助信息反色
- */
- --o-color-info2-inverse: rgba(var(--o-gray-1), 0.8);
- /**
- * @name
- * @type color
- * @group info
- * @description 三级/辅助信息反色
- */
- --o-color-info3-inverse: rgba(var(--o-gray-1), 0.6);
- /**
- * @name
- * @type color
- * @group info
- * @description 置灰/禁用反色
- */
- --o-color-info4-inverse: rgba(var(--o-gray-1), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 全局遮罩
- */
- --o-color-mask1: rgba(var(--o-gray-14), 0.4);
- /**
- * @name
- * @type color
- * @group mask
- * @description 局部遮罩
- */
- --o-color-mask2: rgba(var(--o-gray-1), 0.2);
- /**
- * @name 阴影1
- * @type shadow
- * @group shadow
- * @description 用于卡片、小弹窗、楼层阴影
- */
- --o-shadow-1: 0 3px 8px rgba(var(--o-gray-14), 0.08);
- /**
- * @name 阴影2
- * @type shadow
- * @group shadow
- * @description 用于卡片悬浮阴影
- */
- --o-shadow-2: 0 2px 24px rgba(var(--o-gray-14), 0.15);
- /**
- * @name 阴影3
- * @type shadow
- * @group shadow
- * @description 用于提示阴影
- */
- --o-shadow-3: 0 8px 40px rgba(var(--o-gray-14), 0.1);
- /**
- * @name
- * @type color
- * @group link
- * @description 常规
- */
- --o-color-link1: rgb(var(--o-kleinblue-6));
- /**
- * @name
- * @type color
- * @group link
- * @description 悬浮
- */
- --o-color-link2: rgb(var(--o-kleinblue-4));
- /**
- * @name
- * @type color
- * @group link
- * @description 激活
- */
- --o-color-link3: rgb(var(--o-kleinblue-7));
- /**
- * @name
- * @type color
- * @group link
- * @description 禁用
- */
- --o-color-link4: rgb(var(--o-kleinblue-3));
- /**
- * @name 间距1
- * @type gap
- * @group gap
- * @description 用于组件之间的间距1
- */
- --o-gap-1: 4px;
- /**
- * @name 间距2
- * @type gap
- * @group gap
- * @description 用于组件之间的间距2
- */
- --o-gap-2: 8px;
- /**
- * @name 间距3
- * @type gap
- * @group gap
- * @description 用于组件之间的间距3
- */
- --o-gap-3: 12px;
- /**
- * @name 间距4
- * @type gap
- * @group gap
- * @description 用于组件之间的间距4
- */
- --o-gap-4: 16px;
- /**
- * @name 间距5
- * @type gap
- * @group gap
- * @description 用于组件之间的间距5
- */
- --o-gap-5: 24px;
- /**
- * @name 间距6
- * @type gap
- * @group gap
- * @description 用于组件之间的间距6
- */
- --o-gap-6: 32px;
- /**
- * @name 间距7
- * @type gap
- * @group gap
- * @description 用于组件之间的间距7
- */
- --o-gap-7: 40px;
- /**
- * @name 间距8
- * @type gap
- * @group gap
- * @description 用于组件之间的间距8
- */
- --o-gap-8: 48px;
- /**
- * @name 间距9
- * @type gap
- * @group gap
- * @description 用于组件之间的间距9
- */
- --o-gap-9: 64px;
- /**
- * @name 间距10
- * @type gap
- * @group gap
- * @description 用于组件之间的间距10
- */
- --o-gap-10: 72px;
- /**
- * @name 超小尺寸
- * @type size
- * @group control_size
- * @description 超小尺寸
- */
- --o-control_size-2xs: 14px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-xs: 16px;
- /**
- * @name 小尺寸
- * @type size
- * @group control_size
- * @description 小尺寸
- */
- --o-control_size-s: 24px;
- /**
- * @name 中尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-m: 32px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-l: 40px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-xl: 48px;
- /**
- * @name 大尺寸
- * @type size
- * @group control_size
- * @description 尺寸
- */
- --o-control_size-2xl: 56px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size
- * @description 超小尺寸图标
- */
- --o-icon_size-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size
- * @description 小尺寸图标
- */
- --o-icon_size-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size
- * @description 中尺寸图标
- */
- --o-icon_size-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size
- * @description 大尺寸图标
- */
- --o-icon_size-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size
- * @description 超大尺寸图标
- */
- --o-icon_size-xl: 40px;
- /**
- * @name 2xl尺寸图标
- * @type size
- * @group icon_size
- * @description 2xl尺寸图标
- */
- --o-icon_size-2xl: 48px;
- /**
- * @name 3xl尺寸图标
- * @type size
- * @group icon_size
- * @description 3xl尺寸图标
- */
- --o-icon_size-3xl: 56px;
- /**
- * @name 4xl尺寸图标
- * @type size
- * @group icon_size
- * @description 4xl尺寸图标
- */
- --o-icon_size-4xl: 64px;
- /**
- * @name 超小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xs: 16px;
- /**
- * @name 小尺寸图标
- * @type size
- * @group icon_size_control
- * @description 小尺寸控件图标(组件使用)
- */
- --o-icon_size_control-s: 20px;
- /**
- * @name 中尺寸图标
- * @type size
- * @group icon_size_control
- * @description 中尺寸控件图标(组件使用)
- */
- --o-icon_size_control-m: 24px;
- /**
- * @name 大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-l: 32px;
- /**
- * @name 超大尺寸图标
- * @type size
- * @group icon_size_control
- * @description 超大尺寸控件图标(组件使用)
- */
- --o-icon_size_control-xl: 40px;
- /**
- * @name 一级数据展示
- * @type font
- * @group font_size
- * @description 一级数据展示
- */
- --o-font_size-display1: 56px;
- /**
- * @name 二级数据展示
- * @type font
- * @group font_size
- * @description 二级数据展示
- */
- --o-font_size-display2: 48px;
- /**
- * @name 三级数据展示
- * @type font
- * @group font_size
- * @description 三级数据展示
- */
- --o-font_size-display3: 40px;
- /**
- * @name 一级标题
- * @type font
- * @group font_size
- * @description 一级标题
- */
- --o-font_size-h1: 32px;
- /**
- * @name 二级标题
- * @type font
- * @group font_size
- * @description 二级标题
- */
- --o-font_size-h2: 24px;
- /**
- * @name 三级标题
- * @type font
- * @group font_size
- * @description 三级标题
- */
- --o-font_size-h3: 22px;
- /**
- * @name 四级标题
- * @type font
- * @group font_size
- * @description 四级标题
- */
- --o-font_size-h4: 20px;
- /**
- * @name 常规正文
- * @type font
- * @group font_size
- * @description 常规正文
- */
- --o-font_size-text1: 16px;
- /**
- * @name 大号正文
- * @type font
- * @group font_size
- * @description 大号正文
- */
- --o-font_size-text2: 18px;
- /**
- * @name 提示文本1
- * @type font
- * @group font_size
- * @description 提示文本1
- */
- --o-font_size-tip1: 14px;
- /**
- * @name 提示文本2
- * @type font
- * @group font_size
- * @description 提示文本2
- */
- --o-font_size-tip2: 12px;
- /**
- * @name 一级数据展示
- * @type font
- * @group line_height
- * @description 一级数据展示
- */
- --o-line_height-display1: 80px;
- /**
- * @name 二级数据展示
- * @type font
- * @group line_height
- * @description 二级数据展示
- */
- --o-line_height-display2: 64px;
- /**
- * @name 三级数据展示
- * @type font
- * @group line_height
- * @description 三级数据展示
- */
- --o-line_height-display3: 56px;
- /**
- * @name 一级标题
- * @type font
- * @group line_height
- * @description 一级标题
- */
- --o-line_height-h1: 44px;
- /**
- * @name 二级标题
- * @type font
- * @group line_height
- * @description 二级标题
- */
- --o-line_height-h2: 32px;
- /**
- * @name 三级标题
- * @type font
- * @group line_height
- * @description 三级标题
- */
- --o-line_height-h3: 30px;
- /**
- * @name 四级标题
- * @type font
- * @group line_height
- * @description 四级标题
- */
- --o-line_height-h4: 28px;
- /**
- * @name 正文
- * @type font
- * @group line_height
- * @description 正文
- */
- --o-line_height-text1: 24px;
- /**
- * @name 正文-大
- * @type font
- * @group line_height
- * @description 正文-大
- */
- --o-line_height-text2: 26px;
- /**
- * @name 提示文本1
- * @type font
- * @group line_height
- * @description 提示文本1
- */
- --o-line_height-tip1: 22px;
- /**
- * @name 提示文本2
- * @type font
- * @group line_height
- * @description 提示文本2
- */
- --o-line_height-tip2: 18px;
- /**
- * @name 超小尺寸圆角
- * @type size
- * @group radius
- * @description 超小尺寸圆角
- */
- --o-radius-xs: 4px;
- /**
- * @name 小尺寸圆角
- * @type size
- * @group radius
- * @description 小尺寸圆角
- */
- --o-radius-s: 4px;
- /**
- * @name 中尺寸圆角
- * @type size
- * @group radius
- * @description 中尺寸圆角
- */
- --o-radius-m: 4px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角
- */
- --o-radius-l: 4px;
- /**
- * @name 大尺寸圆角
- * @type size
- * @group radius
- * @description 大尺寸圆角,一般用于卡片
- */
- --o-radius-xl: 0px;
- /**
- * @name 超小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 超小尺寸控件圆角(组件使用)
- */
- --o-radius_control-xs: 4px;
- /**
- * @name 小尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 小尺寸控件圆角(组件使用)
- */
- --o-radius_control-s: 4px;
- /**
- * @name 中尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 中尺寸控件圆角(组件使用)
- */
- --o-radius_control-m: 4px;
- /**
- * @name 大尺寸控件圆角
- * @type size
- * @group radius_control
- * @description 大尺寸控件圆角(组件使用)
- */
- --o-radius_control-l: 4px;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于退出屏幕的动画
- */
- --o-duration-s: 200ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard-in时进入屏幕的动画
- */
- --o-duration-m1: 250ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为standard时开始、结束的动画
- */
- --o-duration-m2: 300ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized-in时进入屏幕的动画
- */
- --o-duration-m3: 400ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时开始、结束的动画
- */
- --o-duration-l: 500ms;
- /**
- * @name 持续时间
- * @type animation
- * @group duration
- * @description 用于当曲线为emphasized时,轮播切换动画
- */
- --o-duration-xl: 1000ms;
- /**
- * @name 线性动画曲线
- * @type animation
- * @group easing
- * @description 线性曲线
- */
- --o-easing-linear: cubic-bezier(0, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-in: cubic-bezier(0, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于组件
- */
- --o-easing-standard-out: cubic-bezier(0.3, 0, 1, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-in: cubic-bezier(0.3, 0, 0.8, 0.15);
- /**
- * @name 动画曲线
- * @type animation
- * @group easing
- * @description 用于大卡片、场景切换
- */
- --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/openeuler/common/index.scss b/packages/opendesign/src/theme/openeuler/common/index.scss
deleted file mode 100644
index b515d24d45e830b25873b7b4e5804cb9eba9e023..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/openeuler/common/index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@use './e.light.token.css' as *;
-@use './e.dark.token.css' as *;
diff --git a/packages/opendesign/src/theme/openeuler/e.token.code-snippets b/packages/opendesign/src/theme/openeuler/e.token.code-snippets
deleted file mode 100644
index f64cd66a66e66e8d8a4b41d5c197b5f9c3682e52..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/openeuler/e.token.code-snippets
+++ /dev/null
@@ -1,2514 +0,0 @@
-{
- "--o-white": {
- "prefix": [
- "var(--o-white)"
- ],
- "body": "var(--o-white)",
- "description": "[light: 255, 255, 255, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-black": {
- "prefix": [
- "var(--o-black)"
- ],
- "body": "var(--o-black)",
- "description": "[light: 0, 0, 0, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-gray-1": {
- "prefix": [
- "var(--o-gray-1)"
- ],
- "body": "var(--o-gray-1)",
- "description": "[light: 255, 255, 255, dark: 0, 0, 0]",
- "scope": "css,scss,less"
- },
- "--o-gray-2": {
- "prefix": [
- "var(--o-gray-2)"
- ],
- "body": "var(--o-gray-2)",
- "description": "[light: 243, 243, 245, dark: 18, 18, 20]",
- "scope": "css,scss,less"
- },
- "--o-gray-3": {
- "prefix": [
- "var(--o-gray-3)"
- ],
- "body": "var(--o-gray-3)",
- "description": "[light: 237, 237, 240, dark: 26, 26, 28]",
- "scope": "css,scss,less"
- },
- "--o-gray-4": {
- "prefix": [
- "var(--o-gray-4)"
- ],
- "body": "var(--o-gray-4)",
- "description": "[light: 232, 232, 235, dark: 36, 36, 39]",
- "scope": "css,scss,less"
- },
- "--o-gray-5": {
- "prefix": [
- "var(--o-gray-5)"
- ],
- "body": "var(--o-gray-5)",
- "description": "[light: 222, 222, 227, dark: 43, 43, 47]",
- "scope": "css,scss,less"
- },
- "--o-gray-6": {
- "prefix": [
- "var(--o-gray-6)"
- ],
- "body": "var(--o-gray-6)",
- "description": "[light: 210, 210, 217, dark: 53, 53, 57]",
- "scope": "css,scss,less"
- },
- "--o-gray-7": {
- "prefix": [
- "var(--o-gray-7)"
- ],
- "body": "var(--o-gray-7)",
- "description": "[light: 186, 186, 191, dark: 63, 63, 67]",
- "scope": "css,scss,less"
- },
- "--o-gray-8": {
- "prefix": [
- "var(--o-gray-8)"
- ],
- "body": "var(--o-gray-8)",
- "description": "[light: 149, 149, 156, dark: 85, 85, 88]",
- "scope": "css,scss,less"
- },
- "--o-gray-9": {
- "prefix": [
- "var(--o-gray-9)"
- ],
- "body": "var(--o-gray-9)",
- "description": "[light: 111, 111, 117, dark: 118, 118, 122]",
- "scope": "css,scss,less"
- },
- "--o-gray-10": {
- "prefix": [
- "var(--o-gray-10)"
- ],
- "body": "var(--o-gray-10)",
- "description": "[light: 85, 85, 92, dark: 156, 156, 159]",
- "scope": "css,scss,less"
- },
- "--o-gray-11": {
- "prefix": [
- "var(--o-gray-11)"
- ],
- "body": "var(--o-gray-11)",
- "description": "[light: 61, 61, 66, dark: 181, 181, 185]",
- "scope": "css,scss,less"
- },
- "--o-gray-12": {
- "prefix": [
- "var(--o-gray-12)"
- ],
- "body": "var(--o-gray-12)",
- "description": "[light: 37, 37, 41, dark: 208, 208, 210]",
- "scope": "css,scss,less"
- },
- "--o-gray-13": {
- "prefix": [
- "var(--o-gray-13)"
- ],
- "body": "var(--o-gray-13)",
- "description": "[light: 21, 21, 23, dark: 235, 235, 238]",
- "scope": "css,scss,less"
- },
- "--o-gray-14": {
- "prefix": [
- "var(--o-gray-14)"
- ],
- "body": "var(--o-gray-14)",
- "description": "[light: 0, 0, 0, dark: 255, 255, 255]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-1": {
- "prefix": [
- "var(--o-kleinblue-1)"
- ],
- "body": "var(--o-kleinblue-1)",
- "description": "[light: 235, 241, 250, dark: 14, 26, 69]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-2": {
- "prefix": [
- "var(--o-kleinblue-2)"
- ],
- "body": "var(--o-kleinblue-2)",
- "description": "[light: 206, 219, 245, dark: 18, 34, 87]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-3": {
- "prefix": [
- "var(--o-kleinblue-3)"
- ],
- "body": "var(--o-kleinblue-3)",
- "description": "[light: 132, 161, 220, dark: 29, 51, 119]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-4": {
- "prefix": [
- "var(--o-kleinblue-4)"
- ],
- "body": "var(--o-kleinblue-4)",
- "description": "[light: 81, 119, 202, dark: 42, 72, 158]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-5": {
- "prefix": [
- "var(--o-kleinblue-5)"
- ],
- "body": "var(--o-kleinblue-5)",
- "description": "[light: 37, 81, 185, dark: 57, 97, 202]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-6": {
- "prefix": [
- "var(--o-kleinblue-6)"
- ],
- "body": "var(--o-kleinblue-6)",
- "description": "[light: 0, 47, 167, dark: 73, 122, 248]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-7": {
- "prefix": [
- "var(--o-kleinblue-7)"
- ],
- "body": "var(--o-kleinblue-7)",
- "description": "[light: 0, 39, 147, dark: 110, 148, 243]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-8": {
- "prefix": [
- "var(--o-kleinblue-8)"
- ],
- "body": "var(--o-kleinblue-8)",
- "description": "[light: 0, 31, 126, dark: 140, 171, 234]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-9": {
- "prefix": [
- "var(--o-kleinblue-9)"
- ],
- "body": "var(--o-kleinblue-9)",
- "description": "[light: 0, 24, 106, dark: 176, 199, 241]",
- "scope": "css,scss,less"
- },
- "--o-kleinblue-10": {
- "prefix": [
- "var(--o-kleinblue-10)"
- ],
- "body": "var(--o-kleinblue-10)",
- "description": "[light: 0, 18, 85, dark: 215, 227, 248]",
- "scope": "css,scss,less"
- },
- "--o-yellow-1": {
- "prefix": [
- "var(--o-yellow-1)"
- ],
- "body": "var(--o-yellow-1)",
- "description": "[light: 254, 252, 233, dark: 81, 46, 9]",
- "scope": "css,scss,less"
- },
- "--o-yellow-2": {
- "prefix": [
- "var(--o-yellow-2)"
- ],
- "body": "var(--o-yellow-2)",
- "description": "[light: 252, 248, 202, dark: 121, 75, 15]",
- "scope": "css,scss,less"
- },
- "--o-yellow-3": {
- "prefix": [
- "var(--o-yellow-3)"
- ],
- "body": "var(--o-yellow-3)",
- "description": "[light: 249, 237, 149, dark: 161, 107, 22]",
- "scope": "css,scss,less"
- },
- "--o-yellow-4": {
- "prefix": [
- "var(--o-yellow-4)"
- ],
- "body": "var(--o-yellow-4)",
- "description": "[light: 246, 224, 98, dark: 202, 143, 30]",
- "scope": "css,scss,less"
- },
- "--o-yellow-5": {
- "prefix": [
- "var(--o-yellow-5)"
- ],
- "body": "var(--o-yellow-5)",
- "description": "[light: 243, 207, 49, dark: 242, 183, 38]",
- "scope": "css,scss,less"
- },
- "--o-yellow-6": {
- "prefix": [
- "var(--o-yellow-6)"
- ],
- "body": "var(--o-yellow-6)",
- "description": "[light: 240, 188, 0, dark: 245, 202, 80]",
- "scope": "css,scss,less"
- },
- "--o-yellow-7": {
- "prefix": [
- "var(--o-yellow-7)"
- ],
- "body": "var(--o-yellow-7)",
- "description": "[light: 200, 147, 0, dark: 247, 219, 122]",
- "scope": "css,scss,less"
- },
- "--o-yellow-8": {
- "prefix": [
- "var(--o-yellow-8)"
- ],
- "body": "var(--o-yellow-8)",
- "description": "[light: 160, 109, 0, dark: 250, 234, 166]",
- "scope": "css,scss,less"
- },
- "--o-yellow-9": {
- "prefix": [
- "var(--o-yellow-9)"
- ],
- "body": "var(--o-yellow-9)",
- "description": "[light: 120, 76, 0, dark: 252, 246, 210]",
- "scope": "css,scss,less"
- },
- "--o-yellow-10": {
- "prefix": [
- "var(--o-yellow-10)"
- ],
- "body": "var(--o-yellow-10)",
- "description": "[light: 80, 47, 0, dark: 254, 251, 237]",
- "scope": "css,scss,less"
- },
- "--o-orange-1": {
- "prefix": [
- "var(--o-orange-1)"
- ],
- "body": "var(--o-orange-1)",
- "description": "[light: 255, 246, 232, dark: 77, 24, 0]",
- "scope": "css,scss,less"
- },
- "--o-orange-2": {
- "prefix": [
- "var(--o-orange-2)"
- ],
- "body": "var(--o-orange-2)",
- "description": "[light: 254, 226, 186, dark: 120, 42, 1]",
- "scope": "css,scss,less"
- },
- "--o-orange-3": {
- "prefix": [
- "var(--o-orange-3)"
- ],
- "body": "var(--o-orange-3)",
- "description": "[light: 253, 202, 140, dark: 163, 68, 8]",
- "scope": "css,scss,less"
- },
- "--o-orange-4": {
- "prefix": [
- "var(--o-orange-4)"
- ],
- "body": "var(--o-orange-4)",
- "description": "[light: 252, 176, 95, dark: 207, 97, 19]",
- "scope": "css,scss,less"
- },
- "--o-orange-5": {
- "prefix": [
- "var(--o-orange-5)"
- ],
- "body": "var(--o-orange-5)",
- "description": "[light: 251, 147, 50, dark: 250, 130, 33]",
- "scope": "css,scss,less"
- },
- "--o-orange-6": {
- "prefix": [
- "var(--o-orange-6)"
- ],
- "body": "var(--o-orange-6)",
- "description": "[light: 250, 115, 5, dark: 251, 143, 43]",
- "scope": "css,scss,less"
- },
- "--o-orange-7": {
- "prefix": [
- "var(--o-orange-7)"
- ],
- "body": "var(--o-orange-7)",
- "description": "[light: 207, 88, 3, dark: 252, 174, 91]",
- "scope": "css,scss,less"
- },
- "--o-orange-8": {
- "prefix": [
- "var(--o-orange-8)"
- ],
- "body": "var(--o-orange-8)",
- "description": "[light: 163, 64, 2, dark: 253, 202, 139]",
- "scope": "css,scss,less"
- },
- "--o-orange-9": {
- "prefix": [
- "var(--o-orange-9)"
- ],
- "body": "var(--o-orange-9)",
- "description": "[light: 120, 42, 1, dark: 254, 227, 188]",
- "scope": "css,scss,less"
- },
- "--o-orange-10": {
- "prefix": [
- "var(--o-orange-10)"
- ],
- "body": "var(--o-orange-10)",
- "description": "[light: 77, 24, 0, dark: 255, 248, 237]",
- "scope": "css,scss,less"
- },
- "--o-red-1": {
- "prefix": [
- "var(--o-red-1)"
- ],
- "body": "var(--o-red-1)",
- "description": "[light: 255, 234, 232, dark: 77, 0, 17]",
- "scope": "css,scss,less"
- },
- "--o-red-2": {
- "prefix": [
- "var(--o-red-2)"
- ],
- "body": "var(--o-red-2)",
- "description": "[light: 250, 185, 182, dark: 115, 3, 24]",
- "scope": "css,scss,less"
- },
- "--o-red-3": {
- "prefix": [
- "var(--o-red-3)"
- ],
- "body": "var(--o-red-3)",
- "description": "[light: 245, 136, 134, dark: 153, 9, 31]",
- "scope": "css,scss,less"
- },
- "--o-red-4": {
- "prefix": [
- "var(--o-red-4)"
- ],
- "body": "var(--o-red-4)",
- "description": "[light: 240, 87, 90, dark: 192, 17, 37]",
- "scope": "css,scss,less"
- },
- "--o-red-5": {
- "prefix": [
- "var(--o-red-5)"
- ],
- "body": "var(--o-red-5)",
- "description": "[light: 235, 43, 52, dark: 230, 28, 43]",
- "scope": "css,scss,less"
- },
- "--o-red-6": {
- "prefix": [
- "var(--o-red-6)"
- ],
- "body": "var(--o-red-6)",
- "description": "[light: 230, 0, 18, dark: 235, 35, 45]",
- "scope": "css,scss,less"
- },
- "--o-red-7": {
- "prefix": [
- "var(--o-red-7)"
- ],
- "body": "var(--o-red-7)",
- "description": "[light: 192, 0, 22, dark: 240, 82, 85]",
- "scope": "css,scss,less"
- },
- "--o-red-8": {
- "prefix": [
- "var(--o-red-8)"
- ],
- "body": "var(--o-red-8)",
- "description": "[light: 153, 0, 23, dark: 245, 132, 130]",
- "scope": "css,scss,less"
- },
- "--o-red-9": {
- "prefix": [
- "var(--o-red-9)"
- ],
- "body": "var(--o-red-9)",
- "description": "[light: 115, 0, 21, dark: 250, 183, 180]",
- "scope": "css,scss,less"
- },
- "--o-red-10": {
- "prefix": [
- "var(--o-red-10)"
- ],
- "body": "var(--o-red-10)",
- "description": "[light: 77, 0, 17, dark: 255, 234, 232]",
- "scope": "css,scss,less"
- },
- "--o-red-huawei": {
- "prefix": [
- "var(--o-red-huawei)"
- ],
- "body": "var(--o-red-huawei)",
- "description": "[light: 199, 0, 11, dark: 199, 0, 11]",
- "scope": "css,scss,less"
- },
- "--o-green-1": {
- "prefix": [
- "var(--o-green-1)"
- ],
- "body": "var(--o-green-1)",
- "description": "[light: 232, 255, 238, dark: 0, 77, 42]",
- "scope": "css,scss,less"
- },
- "--o-green-2": {
- "prefix": [
- "var(--o-green-2)"
- ],
- "body": "var(--o-green-2)",
- "description": "[light: 177, 239, 195, dark: 2, 102, 53]",
- "scope": "css,scss,less"
- },
- "--o-green-3": {
- "prefix": [
- "var(--o-green-3)"
- ],
- "body": "var(--o-green-3)",
- "description": "[light: 128, 224, 158, dark: 10, 127, 66]",
- "scope": "css,scss,less"
- },
- "--o-green-4": {
- "prefix": [
- "var(--o-green-4)"
- ],
- "body": "var(--o-green-4)",
- "description": "[light: 84, 208, 127, dark: 22, 152, 80]",
- "scope": "css,scss,less"
- },
- "--o-green-5": {
- "prefix": [
- "var(--o-green-5)"
- ],
- "body": "var(--o-green-5)",
- "description": "[light: 45, 193, 101, dark: 36, 177, 95]",
- "scope": "css,scss,less"
- },
- "--o-green-6": {
- "prefix": [
- "var(--o-green-6)"
- ],
- "body": "var(--o-green-6)",
- "description": "[light: 11, 177, 81, dark: 51, 193, 104]",
- "scope": "css,scss,less"
- },
- "--o-green-7": {
- "prefix": [
- "var(--o-green-7)"
- ],
- "body": "var(--o-green-7)",
- "description": "[light: 7, 152, 72, dark: 90, 208, 131]",
- "scope": "css,scss,less"
- },
- "--o-green-8": {
- "prefix": [
- "var(--o-green-8)"
- ],
- "body": "var(--o-green-8)",
- "description": "[light: 4, 127, 63, dark: 135, 224, 163]",
- "scope": "css,scss,less"
- },
- "--o-green-9": {
- "prefix": [
- "var(--o-green-9)"
- ],
- "body": "var(--o-green-9)",
- "description": "[light: 2, 102, 53, dark: 185, 239, 200]",
- "scope": "css,scss,less"
- },
- "--o-green-10": {
- "prefix": [
- "var(--o-green-10)"
- ],
- "body": "var(--o-green-10)",
- "description": "[light: 0, 77, 42, dark: 240, 255, 244]",
- "scope": "css,scss,less"
- },
- "--o-amber-1": {
- "prefix": [
- "var(--o-amber-1)"
- ],
- "body": "var(--o-amber-1)",
- "description": "[light: 253, 247, 232, dark: 77, 30, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-2": {
- "prefix": [
- "var(--o-amber-2)"
- ],
- "body": "var(--o-amber-2)",
- "description": "[light: 250, 237, 200, dark: 116, 51, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-3": {
- "prefix": [
- "var(--o-amber-3)"
- ],
- "body": "var(--o-amber-3)",
- "description": "[light: 245, 215, 147, dark: 154, 76, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-4": {
- "prefix": [
- "var(--o-amber-4)"
- ],
- "body": "var(--o-amber-4)",
- "description": "[light: 241, 191, 96, dark: 193, 105, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-5": {
- "prefix": [
- "var(--o-amber-5)"
- ],
- "body": "var(--o-amber-5)",
- "description": "[light: 236, 165, 47, dark: 231, 137, 0]",
- "scope": "css,scss,less"
- },
- "--o-amber-6": {
- "prefix": [
- "var(--o-amber-6)"
- ],
- "body": "var(--o-amber-6)",
- "description": "[light: 231, 137, 0, dark: 236, 165, 47]",
- "scope": "css,scss,less"
- },
- "--o-amber-7": {
- "prefix": [
- "var(--o-amber-7)"
- ],
- "body": "var(--o-amber-7)",
- "description": "[light: 193, 105, 0, dark: 241, 191, 96]",
- "scope": "css,scss,less"
- },
- "--o-amber-8": {
- "prefix": [
- "var(--o-amber-8)"
- ],
- "body": "var(--o-amber-8)",
- "description": "[light: 154, 76, 0, dark: 245, 215, 147]",
- "scope": "css,scss,less"
- },
- "--o-amber-9": {
- "prefix": [
- "var(--o-amber-9)"
- ],
- "body": "var(--o-amber-9)",
- "description": "[light: 116, 51, 0, dark: 250, 237, 200]",
- "scope": "css,scss,less"
- },
- "--o-amber-10": {
- "prefix": [
- "var(--o-amber-10)"
- ],
- "body": "var(--o-amber-10)",
- "description": "[light: 77, 30, 0, dark: 253, 247, 232]",
- "scope": "css,scss,less"
- },
- "--o-lime-1": {
- "prefix": [
- "var(--o-lime-1)"
- ],
- "body": "var(--o-lime-1)",
- "description": "[light: 243, 250, 230, dark: 51, 67, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-2": {
- "prefix": [
- "var(--o-lime-2)"
- ],
- "body": "var(--o-lime-2)",
- "description": "[light: 229, 244, 195, dark: 78, 101, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-3": {
- "prefix": [
- "var(--o-lime-3)"
- ],
- "body": "var(--o-lime-3)",
- "description": "[light: 208, 233, 140, dark: 107, 134, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-4": {
- "prefix": [
- "var(--o-lime-4)"
- ],
- "body": "var(--o-lime-4)",
- "description": "[light: 191, 223, 89, dark: 134, 168, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-5": {
- "prefix": [
- "var(--o-lime-5)"
- ],
- "body": "var(--o-lime-5)",
- "description": "[light: 177, 212, 42, dark: 167, 201, 0]",
- "scope": "css,scss,less"
- },
- "--o-lime-6": {
- "prefix": [
- "var(--o-lime-6)"
- ],
- "body": "var(--o-lime-6)",
- "description": "[light: 167, 201, 0, dark: 177, 212, 42]",
- "scope": "css,scss,less"
- },
- "--o-lime-7": {
- "prefix": [
- "var(--o-lime-7)"
- ],
- "body": "var(--o-lime-7)",
- "description": "[light: 136, 168, 0, dark: 191, 223, 89]",
- "scope": "css,scss,less"
- },
- "--o-lime-8": {
- "prefix": [
- "var(--o-lime-8)"
- ],
- "body": "var(--o-lime-8)",
- "description": "[light: 107, 134, 0, dark: 208, 233, 140]",
- "scope": "css,scss,less"
- },
- "--o-lime-9": {
- "prefix": [
- "var(--o-lime-9)"
- ],
- "body": "var(--o-lime-9)",
- "description": "[light: 78, 101, 0, dark: 229, 244, 195]",
- "scope": "css,scss,less"
- },
- "--o-lime-10": {
- "prefix": [
- "var(--o-lime-10)"
- ],
- "body": "var(--o-lime-10)",
- "description": "[light: 51, 67, 0, dark: 243, 250, 230]",
- "scope": "css,scss,less"
- },
- "--o-light-green-1": {
- "prefix": [
- "var(--o-light-green-1)"
- ],
- "body": "var(--o-light-green-1)",
- "description": "[light: 242, 247, 231, dark: 33, 60, 7]",
- "scope": "css,scss,less"
- },
- "--o-light-green-2": {
- "prefix": [
- "var(--o-light-green-2)"
- ],
- "body": "var(--o-light-green-2)",
- "description": "[light: 225, 240, 199, dark: 51, 90, 11]",
- "scope": "css,scss,less"
- },
- "--o-light-green-3": {
- "prefix": [
- "var(--o-light-green-3)"
- ],
- "body": "var(--o-light-green-3)",
- "description": "[light: 195, 225, 148, dark: 70, 119, 16]",
- "scope": "css,scss,less"
- },
- "--o-light-green-4": {
- "prefix": [
- "var(--o-light-green-4)"
- ],
- "body": "var(--o-light-green-4)",
- "description": "[light: 166, 209, 103, dark: 91, 149, 21]",
- "scope": "css,scss,less"
- },
- "--o-light-green-5": {
- "prefix": [
- "var(--o-light-green-5)"
- ],
- "body": "var(--o-light-green-5)",
- "description": "[light: 138, 194, 62, dark: 112, 179, 27]",
- "scope": "css,scss,less"
- },
- "--o-light-green-6": {
- "prefix": [
- "var(--o-light-green-6)"
- ],
- "body": "var(--o-light-green-6)",
- "description": "[light: 112, 179, 27, dark: 184, 220, 48]",
- "scope": "css,scss,less"
- },
- "--o-light-green-7": {
- "prefix": [
- "var(--o-light-green-7)"
- ],
- "body": "var(--o-light-green-7)",
- "description": "[light: 91, 149, 21, dark: 166, 209, 103]",
- "scope": "css,scss,less"
- },
- "--o-light-green-8": {
- "prefix": [
- "var(--o-light-green-8)"
- ],
- "body": "var(--o-light-green-8)",
- "description": "[light: 70, 119, 16, dark: 195, 225, 148]",
- "scope": "css,scss,less"
- },
- "--o-light-green-9": {
- "prefix": [
- "var(--o-light-green-9)"
- ],
- "body": "var(--o-light-green-9)",
- "description": "[light: 51, 90, 11, dark: 225, 240, 199]",
- "scope": "css,scss,less"
- },
- "--o-light-green-10": {
- "prefix": [
- "var(--o-light-green-10)"
- ],
- "body": "var(--o-light-green-10)",
- "description": "[light: 33, 60, 7, dark: 242, 247, 231]",
- "scope": "css,scss,less"
- },
- "--o-teal-1": {
- "prefix": [
- "var(--o-teal-1)"
- ],
- "body": "var(--o-teal-1)",
- "description": "[light: 228, 247, 241, dark: 0, 60, 48]",
- "scope": "css,scss,less"
- },
- "--o-teal-2": {
- "prefix": [
- "var(--o-teal-2)"
- ],
- "body": "var(--o-teal-2)",
- "description": "[light: 192, 240, 224, dark: 0, 90, 71]",
- "scope": "css,scss,less"
- },
- "--o-teal-3": {
- "prefix": [
- "var(--o-teal-3)"
- ],
- "body": "var(--o-teal-3)",
- "description": "[light: 135, 225, 197, dark: 0, 119, 93]",
- "scope": "css,scss,less"
- },
- "--o-teal-4": {
- "prefix": [
- "var(--o-teal-4)"
- ],
- "body": "var(--o-teal-4)",
- "description": "[light: 84, 209, 173, dark: 0, 149, 113]",
- "scope": "css,scss,less"
- },
- "--o-teal-5": {
- "prefix": [
- "var(--o-teal-5)"
- ],
- "body": "var(--o-teal-5)",
- "description": "[light: 39, 194, 152, dark: 0, 179, 133]",
- "scope": "css,scss,less"
- },
- "--o-teal-6": {
- "prefix": [
- "var(--o-teal-6)"
- ],
- "body": "var(--o-teal-6)",
- "description": "[light: 0, 179, 133, dark: 39, 194, 152]",
- "scope": "css,scss,less"
- },
- "--o-teal-7": {
- "prefix": [
- "var(--o-teal-7)"
- ],
- "body": "var(--o-teal-7)",
- "description": "[light: 0, 149, 113, dark: 84, 209, 173]",
- "scope": "css,scss,less"
- },
- "--o-teal-8": {
- "prefix": [
- "var(--o-teal-8)"
- ],
- "body": "var(--o-teal-8)",
- "description": "[light: 0, 119, 93, dark: 135, 225, 197]",
- "scope": "css,scss,less"
- },
- "--o-teal-9": {
- "prefix": [
- "var(--o-teal-9)"
- ],
- "body": "var(--o-teal-9)",
- "description": "[light: 0, 90, 71, dark: 192, 240, 224]",
- "scope": "css,scss,less"
- },
- "--o-teal-10": {
- "prefix": [
- "var(--o-teal-10)"
- ],
- "body": "var(--o-teal-10)",
- "description": "[light: 0, 60, 48, dark: 228, 247, 241]",
- "scope": "css,scss,less"
- },
- "--o-cyan-1": {
- "prefix": [
- "var(--o-cyan-1)"
- ],
- "body": "var(--o-cyan-1)",
- "description": "[light: 228, 247, 247, dark: 0, 52, 60]",
- "scope": "css,scss,less"
- },
- "--o-cyan-2": {
- "prefix": [
- "var(--o-cyan-2)"
- ],
- "body": "var(--o-cyan-2)",
- "description": "[light: 192, 240, 240, dark: 0, 79, 90]",
- "scope": "css,scss,less"
- },
- "--o-cyan-3": {
- "prefix": [
- "var(--o-cyan-3)"
- ],
- "body": "var(--o-cyan-3)",
- "description": "[light: 135, 223, 225, dark: 0, 107, 119]",
- "scope": "css,scss,less"
- },
- "--o-cyan-4": {
- "prefix": [
- "var(--o-cyan-4)"
- ],
- "body": "var(--o-cyan-4)",
- "description": "[light: 84, 205, 209, dark: 0, 137, 149]",
- "scope": "css,scss,less"
- },
- "--o-cyan-5": {
- "prefix": [
- "var(--o-cyan-5)"
- ],
- "body": "var(--o-cyan-5)",
- "description": "[light: 39, 186, 194, dark: 39, 186, 194]",
- "scope": "css,scss,less"
- },
- "--o-cyan-6": {
- "prefix": [
- "var(--o-cyan-6)"
- ],
- "body": "var(--o-cyan-6)",
- "description": "[light: 0, 167, 179, dark: 84, 205, 209]",
- "scope": "css,scss,less"
- },
- "--o-cyan-7": {
- "prefix": [
- "var(--o-cyan-7)"
- ],
- "body": "var(--o-cyan-7)",
- "description": "[light: 0, 137, 149, dark: 92, 208, 212]",
- "scope": "css,scss,less"
- },
- "--o-cyan-8": {
- "prefix": [
- "var(--o-cyan-8)"
- ],
- "body": "var(--o-cyan-8)",
- "description": "[light: 0, 107, 119, dark: 135, 223, 225]",
- "scope": "css,scss,less"
- },
- "--o-cyan-9": {
- "prefix": [
- "var(--o-cyan-9)"
- ],
- "body": "var(--o-cyan-9)",
- "description": "[light: 0, 79, 90, dark: 192, 240, 240]",
- "scope": "css,scss,less"
- },
- "--o-cyan-10": {
- "prefix": [
- "var(--o-cyan-10)"
- ],
- "body": "var(--o-cyan-10)",
- "description": "[light: 0, 52, 60, dark: 228, 247, 247]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-1": {
- "prefix": [
- "var(--o-light-blue-1)"
- ],
- "body": "var(--o-light-blue-1)",
- "description": "[light: 232, 247, 252, dark: 0, 47, 76]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-2": {
- "prefix": [
- "var(--o-light-blue-2)"
- ],
- "body": "var(--o-light-blue-2)",
- "description": "[light: 200, 237, 250, dark: 0, 72, 115]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-3": {
- "prefix": [
- "var(--o-light-blue-3)"
- ],
- "body": "var(--o-light-blue-3)",
- "description": "[light: 147, 218, 245, dark: 0, 99, 153]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-4": {
- "prefix": [
- "var(--o-light-blue-4)"
- ],
- "body": "var(--o-light-blue-4)",
- "description": "[light: 96, 198, 239, dark: 0, 127, 191]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-5": {
- "prefix": [
- "var(--o-light-blue-5)"
- ],
- "body": "var(--o-light-blue-5)",
- "description": "[light: 47, 178, 234, dark: 0, 156, 229]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-6": {
- "prefix": [
- "var(--o-light-blue-6)"
- ],
- "body": "var(--o-light-blue-6)",
- "description": "[light: 0, 156, 229, dark: 47, 178, 234]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-7": {
- "prefix": [
- "var(--o-light-blue-7)"
- ],
- "body": "var(--o-light-blue-7)",
- "description": "[light: 0, 127, 191, dark: 96, 198, 239]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-8": {
- "prefix": [
- "var(--o-light-blue-8)"
- ],
- "body": "var(--o-light-blue-8)",
- "description": "[light: 0, 99, 153, dark: 147, 218, 245]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-9": {
- "prefix": [
- "var(--o-light-blue-9)"
- ],
- "body": "var(--o-light-blue-9)",
- "description": "[light: 0, 72, 115, dark: 200, 237, 250]",
- "scope": "css,scss,less"
- },
- "--o-light-blue-10": {
- "prefix": [
- "var(--o-light-blue-10)"
- ],
- "body": "var(--o-light-blue-10)",
- "description": "[light: 0, 47, 76, dark: 232, 247, 252]",
- "scope": "css,scss,less"
- },
- "--o-blue-1": {
- "prefix": [
- "var(--o-blue-1)"
- ],
- "body": "var(--o-blue-1)",
- "description": "[light: 233, 245, 254, dark: 0, 43, 97]",
- "scope": "css,scss,less"
- },
- "--o-blue-2": {
- "prefix": [
- "var(--o-blue-2)"
- ],
- "body": "var(--o-blue-2)",
- "description": "[light: 202, 231, 252, dark: 0, 61, 133]",
- "scope": "css,scss,less"
- },
- "--o-blue-3": {
- "prefix": [
- "var(--o-blue-3)"
- ],
- "body": "var(--o-blue-3)",
- "description": "[light: 149, 205, 249, dark: 0, 80, 169]",
- "scope": "css,scss,less"
- },
- "--o-blue-4": {
- "prefix": [
- "var(--o-blue-4)"
- ],
- "body": "var(--o-blue-4)",
- "description": "[light: 98, 178, 246, dark: 0, 100, 204]",
- "scope": "css,scss,less"
- },
- "--o-blue-5": {
- "prefix": [
- "var(--o-blue-5)"
- ],
- "body": "var(--o-blue-5)",
- "description": "[light: 49, 151, 243, dark: 0, 122, 240]",
- "scope": "css,scss,less"
- },
- "--o-blue-6": {
- "prefix": [
- "var(--o-blue-6)"
- ],
- "body": "var(--o-blue-6)",
- "description": "[light: 0, 122, 240, dark: 49, 151, 243]",
- "scope": "css,scss,less"
- },
- "--o-blue-7": {
- "prefix": [
- "var(--o-blue-7)"
- ],
- "body": "var(--o-blue-7)",
- "description": "[light: 0, 100, 204, dark: 98, 178, 246]",
- "scope": "css,scss,less"
- },
- "--o-blue-8": {
- "prefix": [
- "var(--o-blue-8)"
- ],
- "body": "var(--o-blue-8)",
- "description": "[light: 0, 80, 169, dark: 149, 205, 249]",
- "scope": "css,scss,less"
- },
- "--o-blue-9": {
- "prefix": [
- "var(--o-blue-9)"
- ],
- "body": "var(--o-blue-9)",
- "description": "[light: 0, 61, 133, dark: 202, 231, 252]",
- "scope": "css,scss,less"
- },
- "--o-blue-10": {
- "prefix": [
- "var(--o-blue-10)"
- ],
- "body": "var(--o-blue-10)",
- "description": "[light: 0, 43, 97, dark: 233, 245, 254]",
- "scope": "css,scss,less"
- },
- "--o-indigo-1": {
- "prefix": [
- "var(--o-indigo-1)"
- ],
- "body": "var(--o-indigo-1)",
- "description": "[light: 232, 236, 247, dark: 5, 19, 97]",
- "scope": "css,scss,less"
- },
- "--o-indigo-2": {
- "prefix": [
- "var(--o-indigo-2)"
- ],
- "body": "var(--o-indigo-2)",
- "description": "[light: 200, 211, 240, dark: 10, 28, 118]",
- "scope": "css,scss,less"
- },
- "--o-indigo-3": {
- "prefix": [
- "var(--o-indigo-3)"
- ],
- "body": "var(--o-indigo-3)",
- "description": "[light: 150, 170, 225, dark: 16, 38, 138]",
- "scope": "css,scss,less"
- },
- "--o-indigo-4": {
- "prefix": [
- "var(--o-indigo-4)"
- ],
- "body": "var(--o-indigo-4)",
- "description": "[light: 106, 131, 209, dark: 23, 50, 159]",
- "scope": "css,scss,less"
- },
- "--o-indigo-5": {
- "prefix": [
- "var(--o-indigo-5)"
- ],
- "body": "var(--o-indigo-5)",
- "description": "[light: 66, 96, 194, dark: 31, 63, 179]",
- "scope": "css,scss,less"
- },
- "--o-indigo-6": {
- "prefix": [
- "var(--o-indigo-6)"
- ],
- "body": "var(--o-indigo-6)",
- "description": "[light: 31, 63, 179, dark: 66, 96, 194]",
- "scope": "css,scss,less"
- },
- "--o-indigo-7": {
- "prefix": [
- "var(--o-indigo-7)"
- ],
- "body": "var(--o-indigo-7)",
- "description": "[light: 23, 50, 159, dark: 106, 131, 209]",
- "scope": "css,scss,less"
- },
- "--o-indigo-8": {
- "prefix": [
- "var(--o-indigo-8)"
- ],
- "body": "var(--o-indigo-8)",
- "description": "[light: 16, 38, 138, dark: 150, 170, 225]",
- "scope": "css,scss,less"
- },
- "--o-indigo-9": {
- "prefix": [
- "var(--o-indigo-9)"
- ],
- "body": "var(--o-indigo-9)",
- "description": "[light: 10, 28, 118, dark: 200, 211, 240]",
- "scope": "css,scss,less"
- },
- "--o-indigo-10": {
- "prefix": [
- "var(--o-indigo-10)"
- ],
- "body": "var(--o-indigo-10)",
- "description": "[light: 5, 19, 101, dark: 232, 236, 247]",
- "scope": "css,scss,less"
- },
- "--o-violet-1": {
- "prefix": [
- "var(--o-violet-1)"
- ],
- "body": "var(--o-violet-1)",
- "description": "[light: 234, 231, 249, dark: 34, 0, 109]",
- "scope": "css,scss,less"
- },
- "--o-violet-2": {
- "prefix": [
- "var(--o-violet-2)"
- ],
- "body": "var(--o-violet-2)",
- "description": "[light: 206, 199, 242, dark: 39, 2, 130]",
- "scope": "css,scss,less"
- },
- "--o-violet-3": {
- "prefix": [
- "var(--o-violet-3)"
- ],
- "body": "var(--o-violet-3)",
- "description": "[light: 163, 147, 229, dark: 46, 7, 150]",
- "scope": "css,scss,less"
- },
- "--o-violet-4": {
- "prefix": [
- "var(--o-violet-4)"
- ],
- "body": "var(--o-violet-4)",
- "description": "[light: 124, 100, 217, dark: 53, 13, 171]",
- "scope": "css,scss,less"
- },
- "--o-violet-5": {
- "prefix": [
- "var(--o-violet-5)"
- ],
- "body": "var(--o-violet-5)",
- "description": "[light: 90, 58, 204, dark: 61, 20, 191]",
- "scope": "css,scss,less"
- },
- "--o-violet-6": {
- "prefix": [
- "var(--o-violet-6)"
- ],
- "body": "var(--o-violet-6)",
- "description": "[light: 61, 20, 191, dark: 97, 62, 201]",
- "scope": "css,scss,less"
- },
- "--o-violet-7": {
- "prefix": [
- "var(--o-violet-7)"
- ],
- "body": "var(--o-violet-7)",
- "description": "[light: 53, 13, 171, dark: 150, 130, 223]",
- "scope": "css,scss,less"
- },
- "--o-violet-8": {
- "prefix": [
- "var(--o-violet-8)"
- ],
- "body": "var(--o-violet-8)",
- "description": "[light: 46, 7, 150, dark: 182, 169, 233]",
- "scope": "css,scss,less"
- },
- "--o-violet-9": {
- "prefix": [
- "var(--o-violet-9)"
- ],
- "body": "var(--o-violet-9)",
- "description": "[light: 39, 2, 130, dark: 217, 210, 244]",
- "scope": "css,scss,less"
- },
- "--o-violet-10": {
- "prefix": [
- "var(--o-violet-10)"
- ],
- "body": "var(--o-violet-10)",
- "description": "[light: 34, 0, 109, dark: 240, 237, 250]",
- "scope": "css,scss,less"
- },
- "--o-purple-1": {
- "prefix": [
- "var(--o-purple-1)"
- ],
- "body": "var(--o-purple-1)",
- "description": "[light: 245, 232, 255, dark: 60, 0, 97]",
- "scope": "css,scss,less"
- },
- "--o-purple-2": {
- "prefix": [
- "var(--o-purple-2)"
- ],
- "body": "var(--o-purple-2)",
- "description": "[light: 225, 192, 253, dark: 77, 0, 118]",
- "scope": "css,scss,less"
- },
- "--o-purple-3": {
- "prefix": [
- "var(--o-purple-3)"
- ],
- "body": "var(--o-purple-3)",
- "description": "[light: 203, 152, 251, dark: 95, 0, 138]",
- "scope": "css,scss,less"
- },
- "--o-purple-4": {
- "prefix": [
- "var(--o-purple-4)"
- ],
- "body": "var(--o-purple-4)",
- "description": "[light: 178, 113, 248, dark: 114, 0, 159]",
- "scope": "css,scss,less"
- },
- "--o-purple-5": {
- "prefix": [
- "var(--o-purple-5)"
- ],
- "body": "var(--o-purple-5)",
- "description": "[light: 152, 75, 246, dark: 135, 2, 179]",
- "scope": "css,scss,less"
- },
- "--o-purple-6": {
- "prefix": [
- "var(--o-purple-6)"
- ],
- "body": "var(--o-purple-6)",
- "description": "[light: 123, 37, 244, dark: 161, 41, 194]",
- "scope": "css,scss,less"
- },
- "--o-purple-7": {
- "prefix": [
- "var(--o-purple-7)"
- ],
- "body": "var(--o-purple-7)",
- "description": "[light: 92, 23, 202, dark: 187, 85, 209]",
- "scope": "css,scss,less"
- },
- "--o-purple-8": {
- "prefix": [
- "var(--o-purple-8)"
- ],
- "body": "var(--o-purple-8)",
- "description": "[light: 64, 12, 160, dark: 211, 136, 225]",
- "scope": "css,scss,less"
- },
- "--o-purple-9": {
- "prefix": [
- "var(--o-purple-9)"
- ],
- "body": "var(--o-purple-9)",
- "description": "[light: 41, 4, 118, dark: 234, 192, 240]",
- "scope": "css,scss,less"
- },
- "--o-purple-10": {
- "prefix": [
- "var(--o-purple-10)"
- ],
- "body": "var(--o-purple-10)",
- "description": "[light: 22, 0, 77, dark: 245, 228, 247]",
- "scope": "css,scss,less"
- },
- "--o-pink-1": {
- "prefix": [
- "var(--o-pink-1)"
- ],
- "body": "var(--o-pink-1)",
- "description": "[light: 255, 232, 253, dark: 81, 0, 51]",
- "scope": "css,scss,less"
- },
- "--o-pink-2": {
- "prefix": [
- "var(--o-pink-2)"
- ],
- "body": "var(--o-pink-2)",
- "description": "[light: 246, 188, 243, dark: 117, 0, 70]",
- "scope": "css,scss,less"
- },
- "--o-pink-3": {
- "prefix": [
- "var(--o-pink-3)"
- ],
- "body": "var(--o-pink-3)",
- "description": "[light: 238, 146, 235, dark: 153, 0, 86]",
- "scope": "css,scss,less"
- },
- "--o-pink-4": {
- "prefix": [
- "var(--o-pink-4)"
- ],
- "body": "var(--o-pink-4)",
- "description": "[light: 229, 107, 229, dark: 188, 0, 100]",
- "scope": "css,scss,less"
- },
- "--o-pink-5": {
- "prefix": [
- "var(--o-pink-5)"
- ],
- "body": "var(--o-pink-5)",
- "description": "[light: 216, 71, 221, dark: 224, 0, 112]",
- "scope": "css,scss,less"
- },
- "--o-pink-6": {
- "prefix": [
- "var(--o-pink-6)"
- ],
- "body": "var(--o-pink-6)",
- "description": "[light: 199, 37, 212, dark: 230, 46, 132]",
- "scope": "css,scss,less"
- },
- "--o-pink-7": {
- "prefix": [
- "var(--o-pink-7)"
- ],
- "body": "var(--o-pink-7)",
- "description": "[light: 163, 23, 178, dark: 236, 95, 156]",
- "scope": "css,scss,less"
- },
- "--o-pink-8": {
- "prefix": [
- "var(--o-pink-8)"
- ],
- "body": "var(--o-pink-8)",
- "description": "[light: 127, 13, 144, dark: 243, 146, 184]",
- "scope": "css,scss,less"
- },
- "--o-pink-9": {
- "prefix": [
- "var(--o-pink-9)"
- ],
- "body": "var(--o-pink-9)",
- "description": "[light: 93, 5, 110, dark: 249, 199, 217]",
- "scope": "css,scss,less"
- },
- "--o-pink-10": {
- "prefix": [
- "var(--o-pink-10)"
- ],
- "body": "var(--o-pink-10)",
- "description": "[light: 61, 0, 77, dark: 252, 232, 239]",
- "scope": "css,scss,less"
- },
- "--o-color-white": {
- "prefix": [
- "var(--o-color-white)"
- ],
- "body": "var(--o-color-white)",
- "description": "[light: rgb(var(--o-white)), dark: rgb(var(--o-white))]",
- "scope": "css,scss,less"
- },
- "--o-color-black": {
- "prefix": [
- "var(--o-color-black)"
- ],
- "body": "var(--o-color-black)",
- "description": "[light: rgb(var(--o-black)), dark: rgb(var(--o-black))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary1": {
- "prefix": [
- "var(--o-color-primary1)"
- ],
- "body": "var(--o-color-primary1)",
- "description": "常规[light: rgb(var(--o-kleinblue-6)), dark: rgb(var(--o-kleinblue-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary2": {
- "prefix": [
- "var(--o-color-primary2)"
- ],
- "body": "var(--o-color-primary2)",
- "description": "悬浮[light: rgb(var(--o-kleinblue-4)), dark: rgb(var(--o-kleinblue-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary3": {
- "prefix": [
- "var(--o-color-primary3)"
- ],
- "body": "var(--o-color-primary3)",
- "description": "激活[light: rgb(var(--o-kleinblue-7)), dark: rgb(var(--o-kleinblue-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary4": {
- "prefix": [
- "var(--o-color-primary4)"
- ],
- "body": "var(--o-color-primary4)",
- "description": "禁用[light: rgb(var(--o-kleinblue-3)), dark: rgb(var(--o-kleinblue-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary1-light": {
- "prefix": [
- "var(--o-color-primary1-light)"
- ],
- "body": "var(--o-color-primary1-light)",
- "description": "常规-浅[light: rgb(var(--o-kleinblue-2)), dark: rgb(var(--o-kleinblue-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary2-light": {
- "prefix": [
- "var(--o-color-primary2-light)"
- ],
- "body": "var(--o-color-primary2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-kleinblue-3)), dark: rgb(var(--o-kleinblue-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary3-light": {
- "prefix": [
- "var(--o-color-primary3-light)"
- ],
- "body": "var(--o-color-primary3-light)",
- "description": "激活-浅[light: rgb(var(--o-kleinblue-4)), dark: rgb(var(--o-kleinblue-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-primary4-light": {
- "prefix": [
- "var(--o-color-primary4-light)"
- ],
- "body": "var(--o-color-primary4-light)",
- "description": "禁用-浅[light: rgb(var(--o-kleinblue-1)), dark: rgb(var(--o-kleinblue-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-success1": {
- "prefix": [
- "var(--o-color-success1)"
- ],
- "body": "var(--o-color-success1)",
- "description": "常规[light: rgb(var(--o-green-6)), dark: rgb(var(--o-green-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-success2": {
- "prefix": [
- "var(--o-color-success2)"
- ],
- "body": "var(--o-color-success2)",
- "description": "悬浮[light: rgb(var(--o-green-4)), dark: rgb(var(--o-green-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-success3": {
- "prefix": [
- "var(--o-color-success3)"
- ],
- "body": "var(--o-color-success3)",
- "description": "激活[light: rgb(var(--o-green-7)), dark: rgb(var(--o-green-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-success4": {
- "prefix": [
- "var(--o-color-success4)"
- ],
- "body": "var(--o-color-success4)",
- "description": "禁用[light: rgb(var(--o-green-3)), dark: rgb(var(--o-green-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-success1-light": {
- "prefix": [
- "var(--o-color-success1-light)"
- ],
- "body": "var(--o-color-success1-light)",
- "description": "常规-浅[light: rgb(var(--o-green-2)), dark: rgb(var(--o-green-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-success2-light": {
- "prefix": [
- "var(--o-color-success2-light)"
- ],
- "body": "var(--o-color-success2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-green-3)), dark: rgb(var(--o-green-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-success3-light": {
- "prefix": [
- "var(--o-color-success3-light)"
- ],
- "body": "var(--o-color-success3-light)",
- "description": "激活-浅[light: rgb(var(--o-green-4)), dark: rgb(var(--o-green-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-success4-light": {
- "prefix": [
- "var(--o-color-success4-light)"
- ],
- "body": "var(--o-color-success4-light)",
- "description": "禁用-浅[light: rgb(var(--o-green-1)), dark: rgb(var(--o-green-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning1": {
- "prefix": [
- "var(--o-color-warning1)"
- ],
- "body": "var(--o-color-warning1)",
- "description": "常规[light: rgb(var(--o-orange-6)), dark: rgb(var(--o-orange-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning2": {
- "prefix": [
- "var(--o-color-warning2)"
- ],
- "body": "var(--o-color-warning2)",
- "description": "悬浮[light: rgb(var(--o-orange-4)), dark: rgb(var(--o-orange-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning3": {
- "prefix": [
- "var(--o-color-warning3)"
- ],
- "body": "var(--o-color-warning3)",
- "description": "激活[light: rgb(var(--o-orange-7)), dark: rgb(var(--o-orange-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning4": {
- "prefix": [
- "var(--o-color-warning4)"
- ],
- "body": "var(--o-color-warning4)",
- "description": "禁用[light: rgb(var(--o-orange-3)), dark: rgb(var(--o-orange-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning1-light": {
- "prefix": [
- "var(--o-color-warning1-light)"
- ],
- "body": "var(--o-color-warning1-light)",
- "description": "常规-浅[light: rgb(var(--o-orange-2)), dark: rgb(var(--o-orange-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning2-light": {
- "prefix": [
- "var(--o-color-warning2-light)"
- ],
- "body": "var(--o-color-warning2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-orange-3)), dark: rgb(var(--o-orange-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning3-light": {
- "prefix": [
- "var(--o-color-warning3-light)"
- ],
- "body": "var(--o-color-warning3-light)",
- "description": "激活-浅[light: rgb(var(--o-orange-4)), dark: rgb(var(--o-orange-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-warning4-light": {
- "prefix": [
- "var(--o-color-warning4-light)"
- ],
- "body": "var(--o-color-warning4-light)",
- "description": "禁用-浅[light: rgb(var(--o-orange-1)), dark: rgb(var(--o-orange-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger1": {
- "prefix": [
- "var(--o-color-danger1)"
- ],
- "body": "var(--o-color-danger1)",
- "description": "常规[light: rgb(var(--o-red-6)), dark: rgb(var(--o-red-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger2": {
- "prefix": [
- "var(--o-color-danger2)"
- ],
- "body": "var(--o-color-danger2)",
- "description": "悬浮[light: rgb(var(--o-red-4)), dark: rgb(var(--o-red-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger3": {
- "prefix": [
- "var(--o-color-danger3)"
- ],
- "body": "var(--o-color-danger3)",
- "description": "激活[light: rgb(var(--o-red-7)), dark: rgb(var(--o-red-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger4": {
- "prefix": [
- "var(--o-color-danger4)"
- ],
- "body": "var(--o-color-danger4)",
- "description": "禁用[light: rgb(var(--o-red-3)), dark: rgb(var(--o-red-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger1-light": {
- "prefix": [
- "var(--o-color-danger1-light)"
- ],
- "body": "var(--o-color-danger1-light)",
- "description": "常规-浅[light: rgb(var(--o-red-2)), dark: rgb(var(--o-red-2))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger2-light": {
- "prefix": [
- "var(--o-color-danger2-light)"
- ],
- "body": "var(--o-color-danger2-light)",
- "description": "悬浮-浅[light: rgb(var(--o-red-3)), dark: rgb(var(--o-red-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger3-light": {
- "prefix": [
- "var(--o-color-danger3-light)"
- ],
- "body": "var(--o-color-danger3-light)",
- "description": "激活-浅[light: rgb(var(--o-red-4)), dark: rgb(var(--o-red-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-danger4-light": {
- "prefix": [
- "var(--o-color-danger4-light)"
- ],
- "body": "var(--o-color-danger4-light)",
- "description": "禁用-浅[light: rgb(var(--o-red-1)), dark: rgb(var(--o-red-1))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill1": {
- "prefix": [
- "var(--o-color-fill1)"
- ],
- "body": "var(--o-color-fill1)",
- "description": "一级填充:页面背景[light: rgb(var(--o-gray-2)), dark: rgb(var(--o-gray-3))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill2": {
- "prefix": [
- "var(--o-color-fill2)"
- ],
- "body": "var(--o-color-fill2)",
- "description": "二级填充:区块、卡片[light: rgb(var(--o-gray-1)), dark: rgb(var(--o-gray-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-fill3": {
- "prefix": [
- "var(--o-color-fill3)"
- ],
- "body": "var(--o-color-fill3)",
- "description": "三级填充:卡片[light: rgb(var(--o-gray-3)), dark: rgb(var(--o-gray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control1": {
- "prefix": [
- "var(--o-color-control1)"
- ],
- "body": "var(--o-color-control1)",
- "description": "常规,常用于边框[light: rgba(var(--o-gray-14), 0.25), dark: rgba(var(--o-gray-14), 0.25)]",
- "scope": "css,scss,less"
- },
- "--o-color-control2": {
- "prefix": [
- "var(--o-color-control2)"
- ],
- "body": "var(--o-color-control2)",
- "description": "悬浮,常用于边框[light: rgb(var(--o-kleinblue-4)), dark: rgba(var(--o-gray-14), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-control3": {
- "prefix": [
- "var(--o-color-control3)"
- ],
- "body": "var(--o-color-control3)",
- "description": "激活,常用于边框[light: rgb(var(--o-kleinblue-7)), dark: rgba(var(--o-gray-14), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-control4": {
- "prefix": [
- "var(--o-color-control4)"
- ],
- "body": "var(--o-color-control4)",
- "description": "禁用,常用于边框[light: rgba(var(--o-gray-14), 0.1), dark: rgba(var(--o-gray-14), 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-color-control1-light": {
- "prefix": [
- "var(--o-color-control1-light)"
- ],
- "body": "var(--o-color-control1-light)",
- "description": "常规-浅,常用于背景[light: rgb(var(--o-gray-5)), dark: rgb(var(--o-gray-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-control2-light": {
- "prefix": [
- "var(--o-color-control2-light)"
- ],
- "body": "var(--o-color-control2-light)",
- "description": "悬浮-浅,常用于背景[light: rgb(var(--o-kleinblue-1)), dark: rgb(var(--o-gray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control3-light": {
- "prefix": [
- "var(--o-color-control3-light)"
- ],
- "body": "var(--o-color-control3-light)",
- "description": "激活-浅,常用于背景[light: rgb(var(--o-kleinblue-2)), dark: rgb(var(--o-gray-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-control4-light": {
- "prefix": [
- "var(--o-color-control4-light)"
- ],
- "body": "var(--o-color-control4-light)",
- "description": "禁用,常用于背景[light: rgb(var(--o-gray-3)), dark: rgb(var(--o-gray-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-control-light": {
- "prefix": [
- "var(--o-color-control-light)"
- ],
- "body": "var(--o-color-control-light)",
- "description": "很浅,常用于表格背景色[light: rgb(var(--o-gray-1)), dark: rgb(var(--o-gray-4))]",
- "scope": "css,scss,less"
- },
- "--o-color-info1": {
- "prefix": [
- "var(--o-color-info1)"
- ],
- "body": "var(--o-color-info1)",
- "description": "一级/强调/标题[light: rgba(var(--o-gray-14), 1.0), dark: rgba(var(--o-gray-14), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info2": {
- "prefix": [
- "var(--o-color-info2)"
- ],
- "body": "var(--o-color-info2)",
- "description": "二级/次强调/正文[light: rgba(var(--o-gray-14), 0.8), dark: rgba(var(--o-gray-14), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-info3": {
- "prefix": [
- "var(--o-color-info3)"
- ],
- "body": "var(--o-color-info3)",
- "description": "三级/辅助信息[light: rgba(var(--o-gray-14), 0.6), dark: rgba(var(--o-gray-14), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-info4": {
- "prefix": [
- "var(--o-color-info4)"
- ],
- "body": "var(--o-color-info4)",
- "description": "置灰/禁用[light: rgba(var(--o-gray-14), 0.4), dark: rgba(var(--o-gray-14), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-info1-inverse": {
- "prefix": [
- "var(--o-color-info1-inverse)"
- ],
- "body": "var(--o-color-info1-inverse)",
- "description": "一级/次强调/正文反色[light: rgba(var(--o-gray-1), 1.0), dark: rgba(var(--o-gray-1), 1.0)]",
- "scope": "css,scss,less"
- },
- "--o-color-info2-inverse": {
- "prefix": [
- "var(--o-color-info2-inverse)"
- ],
- "body": "var(--o-color-info2-inverse)",
- "description": "二级/辅助信息反色[light: rgba(var(--o-gray-1), 0.8), dark: rgba(var(--o-gray-1), 0.8)]",
- "scope": "css,scss,less"
- },
- "--o-color-info3-inverse": {
- "prefix": [
- "var(--o-color-info3-inverse)"
- ],
- "body": "var(--o-color-info3-inverse)",
- "description": "三级/辅助信息反色[light: rgba(var(--o-gray-1), 0.6), dark: rgba(var(--o-gray-1), 0.6)]",
- "scope": "css,scss,less"
- },
- "--o-color-info4-inverse": {
- "prefix": [
- "var(--o-color-info4-inverse)"
- ],
- "body": "var(--o-color-info4-inverse)",
- "description": "置灰/禁用反色[light: rgba(var(--o-gray-1), 0.4), dark: rgba(var(--o-gray-1), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-mask1": {
- "prefix": [
- "var(--o-color-mask1)"
- ],
- "body": "var(--o-color-mask1)",
- "description": "全局遮罩[light: rgba(var(--o-gray-14), 0.4), dark: rgba(var(--o-gray-1), 0.4)]",
- "scope": "css,scss,less"
- },
- "--o-color-mask2": {
- "prefix": [
- "var(--o-color-mask2)"
- ],
- "body": "var(--o-color-mask2)",
- "description": "局部遮罩[light: rgba(var(--o-gray-1), 0.2), dark: rgba(var(--o-gray-4), 0.2)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-1": {
- "prefix": [
- "var(--o-shadow-1)"
- ],
- "body": "var(--o-shadow-1)",
- "description": "用于卡片、小弹窗、楼层阴影[light: 0 3px 8px rgba(var(--o-gray-14), 0.08), dark: 0 3px 8px rgba(var(--o-gray-1), 0.08)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-2": {
- "prefix": [
- "var(--o-shadow-2)"
- ],
- "body": "var(--o-shadow-2)",
- "description": "用于卡片悬浮阴影[light: 0 2px 24px rgba(var(--o-gray-14), 0.15), dark: 0 2px 24px rgba(var(--o-gray-1), 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-shadow-3": {
- "prefix": [
- "var(--o-shadow-3)"
- ],
- "body": "var(--o-shadow-3)",
- "description": "用于提示阴影[light: 0 8px 40px rgba(var(--o-gray-14), 0.1), dark: 0 8px 40px rgba(var(--o-gray-1), 0.1)]",
- "scope": "css,scss,less"
- },
- "--o-color-link1": {
- "prefix": [
- "var(--o-color-link1)"
- ],
- "body": "var(--o-color-link1)",
- "description": "常规[light: rgb(var(--o-kleinblue-6)), dark: rgb(var(--o-kleinblue-6))]",
- "scope": "css,scss,less"
- },
- "--o-color-link2": {
- "prefix": [
- "var(--o-color-link2)"
- ],
- "body": "var(--o-color-link2)",
- "description": "悬浮[light: rgb(var(--o-kleinblue-4)), dark: rgb(var(--o-kleinblue-5))]",
- "scope": "css,scss,less"
- },
- "--o-color-link3": {
- "prefix": [
- "var(--o-color-link3)"
- ],
- "body": "var(--o-color-link3)",
- "description": "激活[light: rgb(var(--o-kleinblue-7)), dark: rgb(var(--o-kleinblue-7))]",
- "scope": "css,scss,less"
- },
- "--o-color-link4": {
- "prefix": [
- "var(--o-color-link4)"
- ],
- "body": "var(--o-color-link4)",
- "description": "禁用[light: rgb(var(--o-kleinblue-3)), dark: rgb(var(--o-kleinblue-4))]",
- "scope": "css,scss,less"
- },
- "--o-gap-1": {
- "prefix": [
- "var(--o-gap-1)"
- ],
- "body": "var(--o-gap-1)",
- "description": "用于组件之间的间距1[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-gap-2": {
- "prefix": [
- "var(--o-gap-2)"
- ],
- "body": "var(--o-gap-2)",
- "description": "用于组件之间的间距2[light: 8px, dark: 8px]",
- "scope": "css,scss,less"
- },
- "--o-gap-3": {
- "prefix": [
- "var(--o-gap-3)"
- ],
- "body": "var(--o-gap-3)",
- "description": "用于组件之间的间距3[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-gap-4": {
- "prefix": [
- "var(--o-gap-4)"
- ],
- "body": "var(--o-gap-4)",
- "description": "用于组件之间的间距4[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-gap-5": {
- "prefix": [
- "var(--o-gap-5)"
- ],
- "body": "var(--o-gap-5)",
- "description": "用于组件之间的间距5[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-gap-6": {
- "prefix": [
- "var(--o-gap-6)"
- ],
- "body": "var(--o-gap-6)",
- "description": "用于组件之间的间距6[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-gap-7": {
- "prefix": [
- "var(--o-gap-7)"
- ],
- "body": "var(--o-gap-7)",
- "description": "用于组件之间的间距7[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-gap-8": {
- "prefix": [
- "var(--o-gap-8)"
- ],
- "body": "var(--o-gap-8)",
- "description": "用于组件之间的间距8[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-gap-9": {
- "prefix": [
- "var(--o-gap-9)"
- ],
- "body": "var(--o-gap-9)",
- "description": "用于组件之间的间距9[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-gap-10": {
- "prefix": [
- "var(--o-gap-10)"
- ],
- "body": "var(--o-gap-10)",
- "description": "用于组件之间的间距10[light: 72px, dark: 72px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-2xs": {
- "prefix": [
- "var(--o-control_size-2xs)"
- ],
- "body": "var(--o-control_size-2xs)",
- "description": "超小尺寸[light: 14px, dark: 14px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-xs": {
- "prefix": [
- "var(--o-control_size-xs)"
- ],
- "body": "var(--o-control_size-xs)",
- "description": "小尺寸[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-s": {
- "prefix": [
- "var(--o-control_size-s)"
- ],
- "body": "var(--o-control_size-s)",
- "description": "小尺寸[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-m": {
- "prefix": [
- "var(--o-control_size-m)"
- ],
- "body": "var(--o-control_size-m)",
- "description": "尺寸[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-l": {
- "prefix": [
- "var(--o-control_size-l)"
- ],
- "body": "var(--o-control_size-l)",
- "description": "尺寸[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-xl": {
- "prefix": [
- "var(--o-control_size-xl)"
- ],
- "body": "var(--o-control_size-xl)",
- "description": "尺寸[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-control_size-2xl": {
- "prefix": [
- "var(--o-control_size-2xl)"
- ],
- "body": "var(--o-control_size-2xl)",
- "description": "尺寸[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-xs": {
- "prefix": [
- "var(--o-icon_size-xs)"
- ],
- "body": "var(--o-icon_size-xs)",
- "description": "超小尺寸图标[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-s": {
- "prefix": [
- "var(--o-icon_size-s)"
- ],
- "body": "var(--o-icon_size-s)",
- "description": "小尺寸图标[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-m": {
- "prefix": [
- "var(--o-icon_size-m)"
- ],
- "body": "var(--o-icon_size-m)",
- "description": "中尺寸图标[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-l": {
- "prefix": [
- "var(--o-icon_size-l)"
- ],
- "body": "var(--o-icon_size-l)",
- "description": "大尺寸图标[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-xl": {
- "prefix": [
- "var(--o-icon_size-xl)"
- ],
- "body": "var(--o-icon_size-xl)",
- "description": "超大尺寸图标[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-2xl": {
- "prefix": [
- "var(--o-icon_size-2xl)"
- ],
- "body": "var(--o-icon_size-2xl)",
- "description": "2xl尺寸图标[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-3xl": {
- "prefix": [
- "var(--o-icon_size-3xl)"
- ],
- "body": "var(--o-icon_size-3xl)",
- "description": "3xl尺寸图标[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size-4xl": {
- "prefix": [
- "var(--o-icon_size-4xl)"
- ],
- "body": "var(--o-icon_size-4xl)",
- "description": "4xl尺寸图标[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-xs": {
- "prefix": [
- "var(--o-icon_size_control-xs)"
- ],
- "body": "var(--o-icon_size_control-xs)",
- "description": "超小尺寸控件图标(组件使用)[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-s": {
- "prefix": [
- "var(--o-icon_size_control-s)"
- ],
- "body": "var(--o-icon_size_control-s)",
- "description": "小尺寸控件图标(组件使用)[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-m": {
- "prefix": [
- "var(--o-icon_size_control-m)"
- ],
- "body": "var(--o-icon_size_control-m)",
- "description": "中尺寸控件图标(组件使用)[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-l": {
- "prefix": [
- "var(--o-icon_size_control-l)"
- ],
- "body": "var(--o-icon_size_control-l)",
- "description": "大尺寸控件图标(组件使用)[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-icon_size_control-xl": {
- "prefix": [
- "var(--o-icon_size_control-xl)"
- ],
- "body": "var(--o-icon_size_control-xl)",
- "description": "超大尺寸控件图标(组件使用)[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display1": {
- "prefix": [
- "var(--o-font_size-display1)"
- ],
- "body": "var(--o-font_size-display1)",
- "description": "一级数据展示[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display2": {
- "prefix": [
- "var(--o-font_size-display2)"
- ],
- "body": "var(--o-font_size-display2)",
- "description": "二级数据展示[light: 48px, dark: 48px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-display3": {
- "prefix": [
- "var(--o-font_size-display3)"
- ],
- "body": "var(--o-font_size-display3)",
- "description": "三级数据展示[light: 40px, dark: 40px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h1": {
- "prefix": [
- "var(--o-font_size-h1)"
- ],
- "body": "var(--o-font_size-h1)",
- "description": "一级标题[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h2": {
- "prefix": [
- "var(--o-font_size-h2)"
- ],
- "body": "var(--o-font_size-h2)",
- "description": "二级标题[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h3": {
- "prefix": [
- "var(--o-font_size-h3)"
- ],
- "body": "var(--o-font_size-h3)",
- "description": "三级标题[light: 22px, dark: 22px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-h4": {
- "prefix": [
- "var(--o-font_size-h4)"
- ],
- "body": "var(--o-font_size-h4)",
- "description": "四级标题[light: 20px, dark: 20px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-text1": {
- "prefix": [
- "var(--o-font_size-text1)"
- ],
- "body": "var(--o-font_size-text1)",
- "description": "常规正文[light: 16px, dark: 16px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-text2": {
- "prefix": [
- "var(--o-font_size-text2)"
- ],
- "body": "var(--o-font_size-text2)",
- "description": "大号正文[light: 18px, dark: 18px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-tip1": {
- "prefix": [
- "var(--o-font_size-tip1)"
- ],
- "body": "var(--o-font_size-tip1)",
- "description": "提示文本1[light: 14px, dark: 14px]",
- "scope": "css,scss,less"
- },
- "--o-font_size-tip2": {
- "prefix": [
- "var(--o-font_size-tip2)"
- ],
- "body": "var(--o-font_size-tip2)",
- "description": "提示文本2[light: 12px, dark: 12px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display1": {
- "prefix": [
- "var(--o-line_height-display1)"
- ],
- "body": "var(--o-line_height-display1)",
- "description": "一级数据展示[light: 80px, dark: 80px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display2": {
- "prefix": [
- "var(--o-line_height-display2)"
- ],
- "body": "var(--o-line_height-display2)",
- "description": "二级数据展示[light: 64px, dark: 64px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-display3": {
- "prefix": [
- "var(--o-line_height-display3)"
- ],
- "body": "var(--o-line_height-display3)",
- "description": "三级数据展示[light: 56px, dark: 56px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h1": {
- "prefix": [
- "var(--o-line_height-h1)"
- ],
- "body": "var(--o-line_height-h1)",
- "description": "一级标题[light: 44px, dark: 44px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h2": {
- "prefix": [
- "var(--o-line_height-h2)"
- ],
- "body": "var(--o-line_height-h2)",
- "description": "二级标题[light: 32px, dark: 32px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h3": {
- "prefix": [
- "var(--o-line_height-h3)"
- ],
- "body": "var(--o-line_height-h3)",
- "description": "三级标题[light: 30px, dark: 30px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-h4": {
- "prefix": [
- "var(--o-line_height-h4)"
- ],
- "body": "var(--o-line_height-h4)",
- "description": "四级标题[light: 28px, dark: 28px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-text1": {
- "prefix": [
- "var(--o-line_height-text1)"
- ],
- "body": "var(--o-line_height-text1)",
- "description": "正文[light: 24px, dark: 24px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-text2": {
- "prefix": [
- "var(--o-line_height-text2)"
- ],
- "body": "var(--o-line_height-text2)",
- "description": "正文-大[light: 26px, dark: 26x]",
- "scope": "css,scss,less"
- },
- "--o-line_height-tip1": {
- "prefix": [
- "var(--o-line_height-tip1)"
- ],
- "body": "var(--o-line_height-tip1)",
- "description": "提示文本1[light: 22px, dark: 22px]",
- "scope": "css,scss,less"
- },
- "--o-line_height-tip2": {
- "prefix": [
- "var(--o-line_height-tip2)"
- ],
- "body": "var(--o-line_height-tip2)",
- "description": "提示文本2[light: 18px, dark: 18px]",
- "scope": "css,scss,less"
- },
- "--o-radius-xs": {
- "prefix": [
- "var(--o-radius-xs)"
- ],
- "body": "var(--o-radius-xs)",
- "description": "超小尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-s": {
- "prefix": [
- "var(--o-radius-s)"
- ],
- "body": "var(--o-radius-s)",
- "description": "小尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-m": {
- "prefix": [
- "var(--o-radius-m)"
- ],
- "body": "var(--o-radius-m)",
- "description": "中尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-l": {
- "prefix": [
- "var(--o-radius-l)"
- ],
- "body": "var(--o-radius-l)",
- "description": "大尺寸圆角[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius-xl": {
- "prefix": [
- "var(--o-radius-xl)"
- ],
- "body": "var(--o-radius-xl)",
- "description": "大尺寸圆角,一般用于卡片[light: 0px, dark: 0px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-xs": {
- "prefix": [
- "var(--o-radius_control-xs)"
- ],
- "body": "var(--o-radius_control-xs)",
- "description": "超小尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-s": {
- "prefix": [
- "var(--o-radius_control-s)"
- ],
- "body": "var(--o-radius_control-s)",
- "description": "小尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-m": {
- "prefix": [
- "var(--o-radius_control-m)"
- ],
- "body": "var(--o-radius_control-m)",
- "description": "中尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-radius_control-l": {
- "prefix": [
- "var(--o-radius_control-l)"
- ],
- "body": "var(--o-radius_control-l)",
- "description": "大尺寸控件圆角(组件使用)[light: 4px, dark: 4px]",
- "scope": "css,scss,less"
- },
- "--o-duration-s": {
- "prefix": [
- "var(--o-duration-s)"
- ],
- "body": "var(--o-duration-s)",
- "description": "用于退出屏幕的动画[light: 200ms, dark: 200ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m1": {
- "prefix": [
- "var(--o-duration-m1)"
- ],
- "body": "var(--o-duration-m1)",
- "description": "用于当曲线为standard-in时进入屏幕的动画[light: 250ms, dark: 250ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m2": {
- "prefix": [
- "var(--o-duration-m2)"
- ],
- "body": "var(--o-duration-m2)",
- "description": "用于当曲线为standard时开始、结束的动画[light: 300ms, dark: 300ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-m3": {
- "prefix": [
- "var(--o-duration-m3)"
- ],
- "body": "var(--o-duration-m3)",
- "description": "用于当曲线为emphasized-in时进入屏幕的动画[light: 400ms, dark: 400ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-l": {
- "prefix": [
- "var(--o-duration-l)"
- ],
- "body": "var(--o-duration-l)",
- "description": "用于当曲线为emphasized时开始、结束的动画[light: 500ms, dark: 500ms]",
- "scope": "css,scss,less"
- },
- "--o-duration-xl": {
- "prefix": [
- "var(--o-duration-xl)"
- ],
- "body": "var(--o-duration-xl)",
- "description": "用于当曲线为emphasized时,轮播切换动画[light: 1000ms, dark: 1000ms]",
- "scope": "css,scss,less"
- },
- "--o-easing-linear": {
- "prefix": [
- "var(--o-easing-linear)"
- ],
- "body": "var(--o-easing-linear)",
- "description": "线性曲线[light: cubic-bezier(0, 0, 1, 1), dark: cubic-bezier(0, 0, 1, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard": {
- "prefix": [
- "var(--o-easing-standard)"
- ],
- "body": "var(--o-easing-standard)",
- "description": "用于组件[light: cubic-bezier(0.2, 0, 0, 1), dark: cubic-bezier(0.2, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard-in": {
- "prefix": [
- "var(--o-easing-standard-in)"
- ],
- "body": "var(--o-easing-standard-in)",
- "description": "用于组件[light: cubic-bezier(0, 0, 0, 1), dark: cubic-bezier(0, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-standard-out": {
- "prefix": [
- "var(--o-easing-standard-out)"
- ],
- "body": "var(--o-easing-standard-out)",
- "description": "用于组件[light: cubic-bezier(0.3, 0, 1, 1), dark: cubic-bezier(0.3, 0, 1, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized": {
- "prefix": [
- "var(--o-easing-emphasized)"
- ],
- "body": "var(--o-easing-emphasized)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.2, 0, 0, 1), dark: cubic-bezier(0.2, 0, 0, 1)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized-in": {
- "prefix": [
- "var(--o-easing-emphasized-in)"
- ],
- "body": "var(--o-easing-emphasized-in)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.3, 0, 0.8, 0.15), dark: cubic-bezier(0.3, 0, 0.8, 0.15)]",
- "scope": "css,scss,less"
- },
- "--o-easing-emphasized-out": {
- "prefix": [
- "var(--o-easing-emphasized-out)"
- ],
- "body": "var(--o-easing-emphasized-out)",
- "description": "用于大卡片、场景切换[light: cubic-bezier(0.05, 0.7, 0.1, 1), dark: cubic-bezier(0.05, 0.7, 0.1, 1)]",
- "scope": "css,scss,less"
- }
-}
\ No newline at end of file
diff --git a/packages/opendesign/src/theme/openeuler/index.scss b/packages/opendesign/src/theme/openeuler/index.scss
index 47848503199977eec43d2e9aaee612551129c11c..05f7c5ab7a529a626f95eefa4cc31ea5c34961a6 100644
--- a/packages/opendesign/src/theme/openeuler/index.scss
+++ b/packages/opendesign/src/theme/openeuler/index.scss
@@ -1,5 +1,5 @@
// Token 及公共样式
-@use './common/index.scss' as *;
+// @use './common/index.scss' as *;
// 样式
@use '../../index.scss' as *;
diff --git a/packages/opendesign/src/theme/openeuler/token.config.ts b/packages/opendesign/src/theme/openeuler/token.config.ts
deleted file mode 100644
index 381a450fb384b956d0a888d450628a1583eda393..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/openeuler/token.config.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-module.exports = {
- prefix: '--o-',
- output: './common',
- themeMap: [
- {
- key: 'light',
- name: 'e.light',
- },
- {
- key: 'dark',
- name: 'e.dark',
- },
- ],
- defaultTheme: '',
- tokenFile: ['./token.json'],
- codeSnippetsFile: './e.token.code-snippets',
-};
diff --git a/packages/opendesign/src/theme/openeuler/token.json b/packages/opendesign/src/theme/openeuler/token.json
deleted file mode 100644
index a1fa8005713b06d8ddc1546f46fc456e2d31f67d..0000000000000000000000000000000000000000
--- a/packages/opendesign/src/theme/openeuler/token.json
+++ /dev/null
@@ -1,2707 +0,0 @@
-{
- "white": {
- "name": "白色",
- "type": "palette",
- "typeName": "颜色",
- "value": [
- {
- "key": "white",
- "value": {
- "light": "255, 255, 255",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "black": {
- "name": "黑色",
- "type": "palette",
- "typeName": "颜色",
- "value": [
- {
- "key": "black",
- "value": {
- "light": "0, 0, 0",
- "dark": "0, 0, 0"
- }
- }
- ]
- },
- "gray": {
- "name": "中性灰",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "gray-1",
- "value": {
- "light": "255, 255, 255",
- "dark": "0, 0, 0"
- }
- },
- {
- "key": "gray-2",
- "value": {
- "light": "243, 243, 245",
- "dark": "18, 18, 20"
- }
- },
- {
- "key": "gray-3",
- "value": {
- "light": "237, 237, 240",
- "dark": "26, 26, 28"
- }
- },
- {
- "key": "gray-4",
- "value": {
- "light": "232, 232, 235",
- "dark": "36, 36, 39"
- }
- },
- {
- "key": "gray-5",
- "value": {
- "light": "222, 222, 227",
- "dark": "43, 43, 47"
- }
- },
- {
- "key": "gray-6",
- "value": {
- "light": "210, 210, 217",
- "dark": "53, 53, 57"
- }
- },
- {
- "key": "gray-7",
- "value": {
- "light": "186, 186, 191",
- "dark": "63, 63, 67"
- }
- },
- {
- "key": "gray-8",
- "value": {
- "light": "149, 149, 156",
- "dark": "85, 85, 88"
- }
- },
- {
- "key": "gray-9",
- "value": {
- "light": "111, 111, 117",
- "dark": "118, 118, 122"
- }
- },
- {
- "key": "gray-10",
- "value": {
- "light": "85, 85, 92",
- "dark": "156, 156, 159"
- }
- },
- {
- "key": "gray-11",
- "value": {
- "light": "61, 61, 66",
- "dark": "181, 181, 185"
- }
- },
- {
- "key": "gray-12",
- "value": {
- "light": "37, 37, 41",
- "dark": "208, 208, 210"
- }
- },
- {
- "key": "gray-13",
- "value": {
- "light": "21, 21, 23",
- "dark": "235, 235, 238"
- }
- },
- {
- "key": "gray-14",
- "value": {
- "light": "0, 0, 0",
- "dark": "255, 255, 255"
- }
- }
- ]
- },
- "kleinblue": {
- "name": "品牌色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "kleinblue-1",
- "value": {
- "light": "235, 241, 250",
- "dark": "14, 26, 69"
- }
- },
- {
- "key": "kleinblue-2",
- "value": {
- "light": "206, 219, 245",
- "dark": "18, 34, 87"
- }
- },
- {
- "key": "kleinblue-3",
- "value": {
- "light": "132, 161, 220",
- "dark": "29, 51, 119"
- }
- },
- {
- "key": "kleinblue-4",
- "value": {
- "light": "81, 119, 202",
- "dark": "42, 72, 158"
- }
- },
- {
- "key": "kleinblue-5",
- "value": {
- "light": "37, 81, 185",
- "dark": "57, 97, 202"
- }
- },
- {
- "key": "kleinblue-6",
- "value": {
- "light": "0, 47, 167",
- "dark": "73, 122, 248"
- }
- },
- {
- "key": "kleinblue-7",
- "value": {
- "light": "0, 39, 147",
- "dark": "110, 148, 243"
- }
- },
- {
- "key": "kleinblue-8",
- "value": {
- "light": "0, 31, 126",
- "dark": "140, 171, 234"
- }
- },
- {
- "key": "kleinblue-9",
- "value": {
- "light": "0, 24, 106",
- "dark": "176, 199, 241"
- }
- },
- {
- "key": "kleinblue-10",
- "value": {
- "light": "0, 18, 85",
- "dark": "215, 227, 248"
- }
- }
- ]
- },
- "yellow": {
- "name": "黄色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "yellow-1",
- "value": {
- "light": "254, 252, 233",
- "dark": "81, 46, 9"
- }
- },
- {
- "key": "yellow-2",
- "value": {
- "light": "252, 248, 202",
- "dark": "121, 75, 15"
- }
- },
- {
- "key": "yellow-3",
- "value": {
- "light": "249, 237, 149",
- "dark": "161, 107, 22"
- }
- },
- {
- "key": "yellow-4",
- "value": {
- "light": "246, 224, 98",
- "dark": "202, 143, 30"
- }
- },
- {
- "key": "yellow-5",
- "value": {
- "light": "243, 207, 49",
- "dark": "242, 183, 38"
- }
- },
- {
- "key": "yellow-6",
- "value": {
- "light": "240, 188, 0",
- "dark": "245, 202, 80"
- }
- },
- {
- "key": "yellow-7",
- "value": {
- "light": "200, 147, 0",
- "dark": "247, 219, 122"
- }
- },
- {
- "key": "yellow-8",
- "value": {
- "light": "160, 109, 0",
- "dark": "250, 234, 166"
- }
- },
- {
- "key": "yellow-9",
- "value": {
- "light": "120, 76, 0",
- "dark": "252, 246, 210"
- }
- },
- {
- "key": "yellow-10",
- "value": {
- "light": "80, 47, 0",
- "dark": "254, 251, 237"
- }
- }
- ]
- },
- "orange": {
- "name": "橘红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "orange-1",
- "value": {
- "light": "255, 246, 232",
- "dark": "77, 24, 0"
- }
- },
- {
- "key": "orange-2",
- "value": {
- "light": "254, 226, 186",
- "dark": "120, 42, 1"
- }
- },
- {
- "key": "orange-3",
- "value": {
- "light": "253, 202, 140",
- "dark": "163, 68, 8"
- }
- },
- {
- "key": "orange-4",
- "value": {
- "light": "252, 176, 95",
- "dark": "207, 97, 19"
- }
- },
- {
- "key": "orange-5",
- "value": {
- "light": "251, 147, 50",
- "dark": "250, 130, 33"
- }
- },
- {
- "key": "orange-6",
- "value": {
- "light": "250, 115, 5",
- "dark": "251, 143, 43"
- }
- },
- {
- "key": "orange-7",
- "value": {
- "light": "207, 88, 3",
- "dark": "252, 174, 91"
- }
- },
- {
- "key": "orange-8",
- "value": {
- "light": "163, 64, 2",
- "dark": "253, 202, 139"
- }
- },
- {
- "key": "orange-9",
- "value": {
- "light": "120, 42, 1",
- "dark": "254, 227, 188"
- }
- },
- {
- "key": "orange-10",
- "value": {
- "light": "77, 24, 0",
- "dark": "255, 248, 237"
- }
- }
- ]
- },
- "red": {
- "name": "红色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "red-1",
- "value": {
- "light": "255, 234, 232",
- "dark": "77, 0, 17"
- }
- },
- {
- "key": "red-2",
- "value": {
- "light": "250, 185, 182",
- "dark": "115, 3, 24"
- }
- },
- {
- "key": "red-3",
- "value": {
- "light": "245, 136, 134",
- "dark": "153, 9, 31"
- }
- },
- {
- "key": "red-4",
- "value": {
- "light": "240, 87, 90",
- "dark": "192, 17, 37"
- }
- },
- {
- "key": "red-5",
- "value": {
- "light": "235, 43, 52",
- "dark": "230, 28, 43"
- }
- },
- {
- "key": "red-6",
- "value": {
- "light": "230, 0, 18",
- "dark": "235, 35, 45"
- }
- },
- {
- "key": "red-7",
- "value": {
- "light": "192, 0, 22",
- "dark": "240, 82, 85"
- }
- },
- {
- "key": "red-8",
- "value": {
- "light": "153, 0, 23",
- "dark": "245, 132, 130"
- }
- },
- {
- "key": "red-9",
- "value": {
- "light": "115, 0, 21",
- "dark": "250, 183, 180"
- }
- },
- {
- "key": "red-10",
- "value": {
- "light": "77, 0, 17",
- "dark": "255, 234, 232"
- }
- }
- ]
- },
- "huaweired": {
- "name": "华为红",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "red-huawei",
- "value": {
- "light": "199, 0, 11",
- "dark": "199, 0, 11"
- }
- }
- ]
- },
- "green": {
- "name": "绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "green-1",
- "value": {
- "light": "232, 255, 238",
- "dark": "0, 77, 42"
- }
- },
- {
- "key": "green-2",
- "value": {
- "light": "177, 239, 195",
- "dark": "2, 102, 53"
- }
- },
- {
- "key": "green-3",
- "value": {
- "light": "128, 224, 158",
- "dark": "10, 127, 66"
- }
- },
- {
- "key": "green-4",
- "value": {
- "light": "84, 208, 127",
- "dark": "22, 152, 80"
- }
- },
- {
- "key": "green-5",
- "value": {
- "light": "45, 193, 101",
- "dark": "36, 177, 95"
- }
- },
- {
- "key": "green-6",
- "value": {
- "light": "11, 177, 81",
- "dark": "51, 193, 104"
- }
- },
- {
- "key": "green-7",
- "value": {
- "light": "7, 152, 72",
- "dark": "90, 208, 131"
- }
- },
- {
- "key": "green-8",
- "value": {
- "light": "4, 127, 63",
- "dark": "135, 224, 163"
- }
- },
- {
- "key": "green-9",
- "value": {
- "light": "2, 102, 53",
- "dark": "185, 239, 200"
- }
- },
- {
- "key": "green-10",
- "value": {
- "light": "0, 77, 42",
- "dark": "240, 255, 244"
- }
- }
- ]
- },
- "amber": {
- "name": "琥珀色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "amber-1",
- "value": {
- "light": "253, 247, 232",
- "dark": "77, 30, 0"
- }
- },
- {
- "key": "amber-2",
- "value": {
- "light": "250, 237, 200",
- "dark": "116, 51, 0"
- }
- },
- {
- "key": "amber-3",
- "value": {
- "light": "245, 215, 147",
- "dark": "154, 76, 0"
- }
- },
- {
- "key": "amber-4",
- "value": {
- "light": "241, 191, 96",
- "dark": "193, 105, 0"
- }
- },
- {
- "key": "amber-5",
- "value": {
- "light": "236, 165, 47",
- "dark": "231, 137, 0"
- }
- },
- {
- "key": "amber-6",
- "value": {
- "light": "231, 137, 0",
- "dark": "236, 165, 47"
- }
- },
- {
- "key": "amber-7",
- "value": {
- "light": "193, 105, 0",
- "dark": "241, 191, 96"
- }
- },
- {
- "key": "amber-8",
- "value": {
- "light": "154, 76, 0",
- "dark": "245, 215, 147"
- }
- },
- {
- "key": "amber-9",
- "value": {
- "light": "116, 51, 0",
- "dark": "250, 237, 200"
- }
- },
- {
- "key": "amber-10",
- "value": {
- "light": "77, 30, 0",
- "dark": "253, 247, 232"
- }
- }
- ]
- },
- "lime": {
- "name": "黄绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "lime-1",
- "value": {
- "light": "243, 250, 230",
- "dark": "51, 67, 0"
- }
- },
- {
- "key": "lime-2",
- "value": {
- "light": "229, 244, 195",
- "dark": "78, 101, 0"
- }
- },
- {
- "key": "lime-3",
- "value": {
- "light": "208, 233, 140",
- "dark": "107, 134, 0"
- }
- },
- {
- "key": "lime-4",
- "value": {
- "light": "191, 223, 89",
- "dark": "134, 168, 0"
- }
- },
- {
- "key": "lime-5",
- "value": {
- "light": "177, 212, 42",
- "dark": "167, 201, 0"
- }
- },
- {
- "key": "lime-6",
- "value": {
- "light": "167, 201, 0",
- "dark": "177, 212, 42"
- }
- },
- {
- "key": "lime-7",
- "value": {
- "light": "136, 168, 0",
- "dark": "191, 223, 89"
- }
- },
- {
- "key": "lime-8",
- "value": {
- "light": "107, 134, 0",
- "dark": "208, 233, 140"
- }
- },
- {
- "key": "lime-9",
- "value": {
- "light": "78, 101, 0",
- "dark": "229, 244, 195"
- }
- },
- {
- "key": "lime-10",
- "value": {
- "light": "51, 67, 0",
- "dark": "243, 250, 230"
- }
- }
- ]
- },
- "light-green": {
- "name": "浅绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "light-green-1",
- "value": {
- "light": "242, 247, 231",
- "dark": "33, 60, 7"
- }
- },
- {
- "key": "light-green-2",
- "value": {
- "light": "225, 240, 199",
- "dark": "51, 90, 11"
- }
- },
- {
- "key": "light-green-3",
- "value": {
- "light": "195, 225, 148",
- "dark": "70, 119, 16"
- }
- },
- {
- "key": "light-green-4",
- "value": {
- "light": "166, 209, 103",
- "dark": "91, 149, 21"
- }
- },
- {
- "key": "light-green-5",
- "value": {
- "light": "138, 194, 62",
- "dark": "112, 179, 27"
- }
- },
- {
- "key": "light-green-6",
- "value": {
- "light": "112, 179, 27",
- "dark": "184, 220, 48"
- }
- },
- {
- "key": "light-green-7",
- "value": {
- "light": "91, 149, 21",
- "dark": "166, 209, 103"
- }
- },
- {
- "key": "light-green-8",
- "value": {
- "light": "70, 119, 16",
- "dark": "195, 225, 148"
- }
- },
- {
- "key": "light-green-9",
- "value": {
- "light": "51, 90, 11",
- "dark": "225, 240, 199"
- }
- },
- {
- "key": "light-green-10",
- "value": {
- "light": "33, 60, 7",
- "dark": "242, 247, 231"
- }
- }
- ]
- },
- "teal": {
- "name": "蓝绿色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "teal-1",
- "value": {
- "light": "228, 247, 241",
- "dark": "0, 60, 48"
- }
- },
- {
- "key": "teal-2",
- "value": {
- "light": "192, 240, 224",
- "dark": "0, 90, 71"
- }
- },
- {
- "key": "teal-3",
- "value": {
- "light": "135, 225, 197",
- "dark": "0, 119, 93"
- }
- },
- {
- "key": "teal-4",
- "value": {
- "light": "84, 209, 173",
- "dark": "0, 149, 113"
- }
- },
- {
- "key": "teal-5",
- "value": {
- "light": "39, 194, 152",
- "dark": "0, 179, 133"
- }
- },
- {
- "key": "teal-6",
- "value": {
- "light": "0, 179, 133",
- "dark": "39, 194, 152"
- }
- },
- {
- "key": "teal-7",
- "value": {
- "light": "0, 149, 113",
- "dark": "84, 209, 173"
- }
- },
- {
- "key": "teal-8",
- "value": {
- "light": "0, 119, 93",
- "dark": "135, 225, 197"
- }
- },
- {
- "key": "teal-9",
- "value": {
- "light": "0, 90, 71",
- "dark": "192, 240, 224"
- }
- },
- {
- "key": "teal-10",
- "value": {
- "light": "0, 60, 48",
- "dark": "228, 247, 241"
- }
- }
- ]
- },
- "cyan": {
- "name": "青色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "cyan-1",
- "value": {
- "light": "228, 247, 247",
- "dark": "0, 52, 60"
- }
- },
- {
- "key": "cyan-2",
- "value": {
- "light": "192, 240, 240",
- "dark": "0, 79, 90"
- }
- },
- {
- "key": "cyan-3",
- "value": {
- "light": "135, 223, 225",
- "dark": "0, 107, 119"
- }
- },
- {
- "key": "cyan-4",
- "value": {
- "light": "84, 205, 209",
- "dark": "0, 137, 149"
- }
- },
- {
- "key": "cyan-5",
- "value": {
- "light": "39, 186, 194",
- "dark": "39, 186, 194"
- }
- },
- {
- "key": "cyan-6",
- "value": {
- "light": "0, 167, 179",
- "dark": "84, 205, 209"
- }
- },
- {
- "key": "cyan-7",
- "value": {
- "light": "0, 137, 149",
- "dark": "92, 208, 212"
- }
- },
- {
- "key": "cyan-8",
- "value": {
- "light": "0, 107, 119",
- "dark": "135, 223, 225"
- }
- },
- {
- "key": "cyan-9",
- "value": {
- "light": "0, 79, 90",
- "dark": "192, 240, 240"
- }
- },
- {
- "key": "cyan-10",
- "value": {
- "light": "0, 52, 60",
- "dark": "228, 247, 247"
- }
- }
- ]
- },
- "light-blue": {
- "name": "浅蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "light-blue-1",
- "value": {
- "light": "232, 247, 252",
- "dark": "0, 47, 76"
- }
- },
- {
- "key": "light-blue-2",
- "value": {
- "light": "200, 237, 250",
- "dark": "0, 72, 115"
- }
- },
- {
- "key": "light-blue-3",
- "value": {
- "light": "147, 218, 245",
- "dark": "0, 99, 153"
- }
- },
- {
- "key": "light-blue-4",
- "value": {
- "light": "96, 198, 239",
- "dark": "0, 127, 191"
- }
- },
- {
- "key": "light-blue-5",
- "value": {
- "light": "47, 178, 234",
- "dark": "0, 156, 229"
- }
- },
- {
- "key": "light-blue-6",
- "value": {
- "light": "0, 156, 229",
- "dark": "47, 178, 234"
- }
- },
- {
- "key": "light-blue-7",
- "value": {
- "light": "0, 127, 191",
- "dark": "96, 198, 239"
- }
- },
- {
- "key": "light-blue-8",
- "value": {
- "light": "0, 99, 153",
- "dark": "147, 218, 245"
- }
- },
- {
- "key": "light-blue-9",
- "value": {
- "light": "0, 72, 115",
- "dark": "200, 237, 250"
- }
- },
- {
- "key": "light-blue-10",
- "value": {
- "light": "0, 47, 76",
- "dark": "232, 247, 252"
- }
- }
- ]
- },
- "blue": {
- "name": "蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "blue-1",
- "value": {
- "light": "233, 245, 254",
- "dark": "0, 43, 97"
- }
- },
- {
- "key": "blue-2",
- "value": {
- "light": "202, 231, 252",
- "dark": "0, 61, 133"
- }
- },
- {
- "key": "blue-3",
- "value": {
- "light": "149, 205, 249",
- "dark": "0, 80, 169"
- }
- },
- {
- "key": "blue-4",
- "value": {
- "light": "98, 178, 246",
- "dark": "0, 100, 204"
- }
- },
- {
- "key": "blue-5",
- "value": {
- "light": "49, 151, 243",
- "dark": "0, 122, 240"
- }
- },
- {
- "key": "blue-6",
- "value": {
- "light": "0, 122, 240",
- "dark": "49, 151, 243"
- }
- },
- {
- "key": "blue-7",
- "value": {
- "light": "0, 100, 204",
- "dark": "98, 178, 246"
- }
- },
- {
- "key": "blue-8",
- "value": {
- "light": "0, 80, 169",
- "dark": "149, 205, 249"
- }
- },
- {
- "key": "blue-9",
- "value": {
- "light": "0, 61, 133",
- "dark": "202, 231, 252"
- }
- },
- {
- "key": "blue-10",
- "value": {
- "light": "0, 43, 97",
- "dark": "233, 245, 254"
- }
- }
- ]
- },
- "indigo": {
- "name": "靛蓝色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "indigo-1",
- "value": {
- "light": "232, 236, 247",
- "dark": "5, 19, 97"
- }
- },
- {
- "key": "indigo-2",
- "value": {
- "light": "200, 211, 240",
- "dark": "10, 28, 118"
- }
- },
- {
- "key": "indigo-3",
- "value": {
- "light": "150, 170, 225",
- "dark": "16, 38, 138"
- }
- },
- {
- "key": "indigo-4",
- "value": {
- "light": "106, 131, 209",
- "dark": "23, 50, 159"
- }
- },
- {
- "key": "indigo-5",
- "value": {
- "light": "66, 96, 194",
- "dark": "31, 63, 179"
- }
- },
- {
- "key": "indigo-6",
- "value": {
- "light": "31, 63, 179",
- "dark": "66, 96, 194"
- }
- },
- {
- "key": "indigo-7",
- "value": {
- "light": "23, 50, 159",
- "dark": "106, 131, 209"
- }
- },
- {
- "key": "indigo-8",
- "value": {
- "light": "16, 38, 138",
- "dark": "150, 170, 225"
- }
- },
- {
- "key": "indigo-9",
- "value": {
- "light": "10, 28, 118",
- "dark": "200, 211, 240"
- }
- },
- {
- "key": "indigo-10",
- "value": {
- "light": "5, 19, 101",
- "dark": "232, 236, 247"
- }
- }
- ]
- },
- "violet": {
- "name": "紫罗兰色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "violet-1",
- "value": {
- "light": "234, 231, 249",
- "dark": "34, 0, 109"
- }
- },
- {
- "key": "violet-2",
- "value": {
- "light": "206, 199, 242",
- "dark": "39, 2, 130"
- }
- },
- {
- "key": "violet-3",
- "value": {
- "light": "163, 147, 229",
- "dark": "46, 7, 150"
- }
- },
- {
- "key": "violet-4",
- "value": {
- "light": "124, 100, 217",
- "dark": "53, 13, 171"
- }
- },
- {
- "key": "violet-5",
- "value": {
- "light": "90, 58, 204",
- "dark": "61, 20, 191"
- }
- },
- {
- "key": "violet-6",
- "value": {
- "light": "61, 20, 191",
- "dark": "97, 62, 201"
- }
- },
- {
- "key": "violet-7",
- "value": {
- "light": "53, 13, 171",
- "dark": "150, 130, 223"
- }
- },
- {
- "key": "violet-8",
- "value": {
- "light": "46, 7, 150",
- "dark": "182, 169, 233"
- }
- },
- {
- "key": "violet-9",
- "value": {
- "light": "39, 2, 130",
- "dark": "217, 210, 244"
- }
- },
- {
- "key": "violet-10",
- "value": {
- "light": "34, 0, 109",
- "dark": "240, 237, 250"
- }
- }
- ]
- },
- "purple": {
- "name": "紫色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "purple-1",
- "value": {
- "light": "245, 232, 255",
- "dark": "60, 0, 97"
- }
- },
- {
- "key": "purple-2",
- "value": {
- "light": "225, 192, 253",
- "dark": "77, 0, 118"
- }
- },
- {
- "key": "purple-3",
- "value": {
- "light": "203, 152, 251",
- "dark": "95, 0, 138"
- }
- },
- {
- "key": "purple-4",
- "value": {
- "light": "178, 113, 248",
- "dark": "114, 0, 159"
- }
- },
- {
- "key": "purple-5",
- "value": {
- "light": "152, 75, 246",
- "dark": "135, 2, 179"
- }
- },
- {
- "key": "purple-6",
- "value": {
- "light": "123, 37, 244",
- "dark": "161, 41, 194"
- }
- },
- {
- "key": "purple-7",
- "value": {
- "light": "92, 23, 202",
- "dark": "187, 85, 209"
- }
- },
- {
- "key": "purple-8",
- "value": {
- "light": "64, 12, 160",
- "dark": "211, 136, 225"
- }
- },
- {
- "key": "purple-9",
- "value": {
- "light": "41, 4, 118",
- "dark": "234, 192, 240"
- }
- },
- {
- "key": "purple-10",
- "value": {
- "light": "22, 0, 77",
- "dark": "245, 228, 247"
- }
- }
- ]
- },
- "pink": {
- "name": "粉色",
- "type": "palette",
- "typeName": "色盘",
- "value": [
- {
- "key": "pink-1",
- "value": {
- "light": "255, 232, 253",
- "dark": "81, 0, 51"
- }
- },
- {
- "key": "pink-2",
- "value": {
- "light": "246, 188, 243",
- "dark": "117, 0, 70"
- }
- },
- {
- "key": "pink-3",
- "value": {
- "light": "238, 146, 235",
- "dark": "153, 0, 86"
- }
- },
- {
- "key": "pink-4",
- "value": {
- "light": "229, 107, 229",
- "dark": "188, 0, 100"
- }
- },
- {
- "key": "pink-5",
- "value": {
- "light": "216, 71, 221",
- "dark": "224, 0, 112"
- }
- },
- {
- "key": "pink-6",
- "value": {
- "light": "199, 37, 212",
- "dark": "230, 46, 132"
- }
- },
- {
- "key": "pink-7",
- "value": {
- "light": "163, 23, 178",
- "dark": "236, 95, 156"
- }
- },
- {
- "key": "pink-8",
- "value": {
- "light": "127, 13, 144",
- "dark": "243, 146, 184"
- }
- },
- {
- "key": "pink-9",
- "value": {
- "light": "93, 5, 110",
- "dark": "249, 199, 217"
- }
- },
- {
- "key": "pink-10",
- "value": {
- "light": "61, 0, 77",
- "dark": "252, 232, 239"
- }
- }
- ]
- },
-
- "base": {
- "name": "基础色(不同皮肤色相不变)",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-white",
- "value": {
- "light": "rgb(var(--o-white))",
- "dark": "rgb(var(--o-white))"
- }
- },
- {
- "key": "color-black",
- "value": {
- "light": "rgb(var(--o-black))",
- "dark": "rgb(var(--o-black))"
- }
- }
- ]
- },
- "primary": {
- "name": "强调色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-primary1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-kleinblue-6))",
- "dark": "rgb(var(--o-kleinblue-6))"
- }
- },
- {
- "key": "color-primary2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-kleinblue-4))",
- "dark": "rgb(var(--o-kleinblue-5))"
- }
- },
- {
- "key": "color-primary3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-kleinblue-7))",
- "dark": "rgb(var(--o-kleinblue-7))"
- }
- },
- {
- "key": "color-primary4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-kleinblue-3))",
- "dark": "rgb(var(--o-kleinblue-4))"
- }
- },
- {
- "key": "color-primary1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-kleinblue-2))",
- "dark": "rgb(var(--o-kleinblue-2))"
- }
- },
- {
- "key": "color-primary2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-kleinblue-3))",
- "dark": "rgb(var(--o-kleinblue-3))"
- }
- },
- {
- "key": "color-primary3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-kleinblue-4))",
- "dark": "rgb(var(--o-kleinblue-4))"
- }
- },
- {
- "key": "color-primary4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-kleinblue-1))",
- "dark": "rgb(var(--o-kleinblue-1))"
- }
- }
- ]
- },
- "success": {
- "name": "成功色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-success1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-green-6))",
- "dark": "rgb(var(--o-green-6))"
- }
- },
- {
- "key": "color-success2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-green-4))",
- "dark": "rgb(var(--o-green-4))"
- }
- },
- {
- "key": "color-success3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-green-7))",
- "dark": "rgb(var(--o-green-7))"
- }
- },
- {
- "key": "color-success4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-green-3))",
- "dark": "rgb(var(--o-green-3))"
- }
- },
- {
- "key": "color-success1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-green-2))",
- "dark": "rgb(var(--o-green-2))"
- }
- },
- {
- "key": "color-success2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-green-3))",
- "dark": "rgb(var(--o-green-3))"
- }
- },
- {
- "key": "color-success3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-green-4))",
- "dark": "rgb(var(--o-green-4))"
- }
- },
- {
- "key": "color-success4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-green-1))",
- "dark": "rgb(var(--o-green-1))"
- }
- }
- ]
- },
- "warning": {
- "name": "告警色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-warning1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-orange-6))",
- "dark": "rgb(var(--o-orange-6))"
- }
- },
- {
- "key": "color-warning2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-orange-4))",
- "dark": "rgb(var(--o-orange-4))"
- }
- },
- {
- "key": "color-warning3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-orange-7))",
- "dark": "rgb(var(--o-orange-7))"
- }
- },
- {
- "key": "color-warning4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-orange-3))",
- "dark": "rgb(var(--o-orange-3))"
- }
- },
- {
- "key": "color-warning1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-orange-2))",
- "dark": "rgb(var(--o-orange-2))"
- }
- },
- {
- "key": "color-warning2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-orange-3))",
- "dark": "rgb(var(--o-orange-3))"
- }
- },
- {
- "key": "color-warning3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-orange-4))",
- "dark": "rgb(var(--o-orange-4))"
- }
- },
- {
- "key": "color-warning4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-orange-1))",
- "dark": "rgb(var(--o-orange-1))"
- }
- }
- ]
- },
- "danger": {
- "name": "危险色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-danger1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-red-6))",
- "dark": "rgb(var(--o-red-6))"
- }
- },
- {
- "key": "color-danger2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-red-4))",
- "dark": "rgb(var(--o-red-4))"
- }
- },
- {
- "key": "color-danger3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-red-7))",
- "dark": "rgb(var(--o-red-7))"
- }
- },
- {
- "key": "color-danger4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-red-3))",
- "dark": "rgb(var(--o-red-3))"
- }
- },
- {
- "key": "color-danger1-light",
- "description": "常规-浅",
- "value": {
- "light": "rgb(var(--o-red-2))",
- "dark": "rgb(var(--o-red-2))"
- }
- },
- {
- "key": "color-danger2-light",
- "description": "悬浮-浅",
- "value": {
- "light": "rgb(var(--o-red-3))",
- "dark": "rgb(var(--o-red-3))"
- }
- },
- {
- "key": "color-danger3-light",
- "description": "激活-浅",
- "value": {
- "light": "rgb(var(--o-red-4))",
- "dark": "rgb(var(--o-red-4))"
- }
- },
- {
- "key": "color-danger4-light",
- "description": "禁用-浅",
- "value": {
- "light": "rgb(var(--o-red-1))",
- "dark": "rgb(var(--o-red-1))"
- }
- }
- ]
- },
- "fill": {
- "name": "填充色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-fill1",
- "description": "一级填充:页面背景",
- "value": {
- "light": "rgb(var(--o-gray-2))",
- "dark": "rgb(var(--o-gray-3))"
- }
- },
- {
- "key": "color-fill2",
- "description": "二级填充:区块、卡片",
- "value": {
- "light": "rgb(var(--o-gray-1))",
- "dark": "rgb(var(--o-gray-4))"
- }
- },
- {
- "key": "color-fill3",
- "description": "三级填充:卡片",
- "value": {
- "light": "rgb(var(--o-gray-3))",
- "dark": "rgb(var(--o-gray-5))"
- }
- }
- ]
- },
- "control": {
- "name": "控件色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-control1",
- "description": "常规,常用于边框",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.25)",
- "dark": "rgba(var(--o-gray-14), 0.25)"
- }
- },
- {
- "key": "color-control2",
- "description": "悬浮,常用于边框",
- "value": {
- "light": "rgb(var(--o-kleinblue-4))",
- "dark": "rgba(var(--o-gray-14), 0.6)"
- }
- },
- {
- "key": "color-control3",
- "description": "激活,常用于边框",
- "value": {
- "light": "rgb(var(--o-kleinblue-7))",
- "dark": "rgba(var(--o-gray-14), 0.8)"
- }
- },
- {
- "key": "color-control4",
- "description": "禁用,常用于边框",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.1)",
- "dark": "rgba(var(--o-gray-14), 0.15)"
- }
- },
- {
- "key": "color-control1-light",
- "description": "常规-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-gray-5))",
- "dark": "rgb(var(--o-gray-7))"
- }
- },
- {
- "key": "color-control2-light",
- "description": "悬浮-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-kleinblue-1))",
- "dark": "rgb(var(--o-gray-5))"
- }
- },
- {
- "key": "color-control3-light",
- "description": "激活-浅,常用于背景",
- "value": {
- "light": "rgb(var(--o-kleinblue-2))",
- "dark": "rgb(var(--o-gray-6))"
- }
- },
- {
- "key": "color-control4-light",
- "description": "禁用,常用于背景",
- "value": {
- "light": "rgb(var(--o-gray-3))",
- "dark": "rgb(var(--o-gray-5))"
- }
- },
- {
- "key": "color-control-light",
- "description": "很浅,常用于表格背景色",
- "value": {
- "light": "rgb(var(--o-gray-1))",
- "dark": "rgb(var(--o-gray-4))"
- }
- }
- ]
- },
- "info": {
- "name": "信息色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-info1",
- "description": "一级/强调/标题",
- "value": {
- "light": "rgba(var(--o-gray-14), 1.0)",
- "dark": "rgba(var(--o-gray-14), 1.0)"
- }
- },
- {
- "key": "color-info2",
- "description": "二级/次强调/正文",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.8)",
- "dark": "rgba(var(--o-gray-14), 0.8)"
- }
- },
- {
- "key": "color-info3",
- "description": "三级/辅助信息",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.6)",
- "dark": "rgba(var(--o-gray-14), 0.6)"
- }
- },
- {
- "key": "color-info4",
- "description": "置灰/禁用",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.4)",
- "dark": "rgba(var(--o-gray-14), 0.4)"
- }
- },
- {
- "key": "color-info1-inverse",
- "description": "一级/次强调/正文反色",
- "value": {
- "light": "rgba(var(--o-gray-1), 1.0)",
- "dark": "rgba(var(--o-gray-1), 1.0)"
- }
- },
- {
- "key": "color-info2-inverse",
- "description": "二级/辅助信息反色",
- "value": {
- "light": "rgba(var(--o-gray-1), 0.8)",
- "dark": "rgba(var(--o-gray-1), 0.8)"
- }
- },
- {
- "key": "color-info3-inverse",
- "description": "三级/辅助信息反色",
- "value": {
- "light": "rgba(var(--o-gray-1), 0.6)",
- "dark": "rgba(var(--o-gray-1), 0.6)"
- }
- },
- {
- "key": "color-info4-inverse",
- "description": "置灰/禁用反色",
- "value": {
- "light": "rgba(var(--o-gray-1), 0.4)",
- "dark": "rgba(var(--o-gray-1), 0.4)"
- }
- }
- ]
- },
- "mask": {
- "name": "遮罩色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-mask1",
- "description": "全局遮罩",
- "value": {
- "light": "rgba(var(--o-gray-14), 0.4)",
- "dark": "rgba(var(--o-gray-1), 0.4)"
- }
- },
- {
- "key": "color-mask2",
- "description": "局部遮罩",
- "value": {
- "light": "rgba(var(--o-gray-1), 0.2)",
- "dark": "rgba(var(--o-gray-4), 0.2)"
- }
- }
- ]
- },
- "shadow": {
- "name": "阴影",
- "type": "shadow",
- "typeName": "阴影",
- "value": [
- {
- "key": "shadow-1",
- "name": "阴影1",
- "description": "用于卡片、小弹窗、楼层阴影",
- "value": {
- "light": "0 3px 8px rgba(var(--o-gray-14), 0.08)",
- "dark": "0 3px 8px rgba(var(--o-gray-1), 0.08)"
- }
- },
- {
- "key": "shadow-2",
- "name": "阴影2",
- "description": "用于卡片悬浮阴影",
- "value": {
- "light": "0 2px 24px rgba(var(--o-gray-14), 0.15)",
- "dark": "0 2px 24px rgba(var(--o-gray-1), 0.15)"
- }
- },
- {
- "key": "shadow-3",
- "name": "阴影3",
- "description": "用于提示阴影",
- "value": {
- "light": "0 8px 40px rgba(var(--o-gray-14), 0.1)",
- "dark": "0 8px 40px rgba(var(--o-gray-1), 0.1)"
- }
- }
- ]
- },
- "link": {
- "name": "链接色",
- "type": "color",
- "typeName": "颜色",
- "value": [
- {
- "key": "color-link1",
- "description": "常规",
- "value": {
- "light": "rgb(var(--o-kleinblue-6))",
- "dark": "rgb(var(--o-kleinblue-6))"
- }
- },
- {
- "key": "color-link2",
- "description": "悬浮",
- "value": {
- "light": "rgb(var(--o-kleinblue-4))",
- "dark": "rgb(var(--o-kleinblue-5))"
- }
- },
- {
- "key": "color-link3",
- "description": "激活",
- "value": {
- "light": "rgb(var(--o-kleinblue-7))",
- "dark": "rgb(var(--o-kleinblue-7))"
- }
- },
- {
- "key": "color-link4",
- "description": "禁用",
- "value": {
- "light": "rgb(var(--o-kleinblue-3))",
- "dark": "rgb(var(--o-kleinblue-4))"
- }
- }
- ]
- },
-
- "gap": {
- "name": "间距",
- "type": "gap",
- "typeName": "间距",
- "value": [
- {
- "key": "gap-1",
- "name": "间距1",
- "description": "用于组件之间的间距1",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "gap-2",
- "name": "间距2",
- "description": "用于组件之间的间距2",
- "value": {
- "light": "8px",
- "dark": "8px"
- }
- },
- {
- "key": "gap-3",
- "name": "间距3",
- "description": "用于组件之间的间距3",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- },
- {
- "key": "gap-4",
- "name": "间距4",
- "description": "用于组件之间的间距4",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "gap-5",
- "name": "间距5",
- "description": "用于组件之间的间距5",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "gap-6",
- "name": "间距6",
- "description": "用于组件之间的间距6",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "gap-7",
- "name": "间距7",
- "description": "用于组件之间的间距7",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "gap-8",
- "name": "间距8",
- "description": "用于组件之间的间距8",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "gap-9",
- "name": "间距9",
- "description": "用于组件之间的间距9",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- },
- {
- "key": "gap-10",
- "name": "间距10",
- "description": "用于组件之间的间距10",
- "value": {
- "light": "72px",
- "dark": "72px"
- }
- }
- ]
- },
-
- "control_size": {
- "name": "组件尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "control_size-2xs",
- "name": "超小尺寸",
- "description": "超小尺寸",
- "value": {
- "light": "14px",
- "dark": "14px"
- }
- },
- {
- "key": "control_size-xs",
- "name": "小尺寸",
- "description": "小尺寸",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "control_size-s",
- "name": "小尺寸",
- "description": "小尺寸",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "control_size-m",
- "name": "中尺寸",
- "description": "尺寸",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "control_size-l",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "control_size-xl",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "control_size-2xl",
- "name": "大尺寸",
- "description": "尺寸",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- }
- ]
- },
-
- "icon_size": {
- "name": "图标尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "icon_size-xs",
- "name": "超小尺寸图标",
- "description": "超小尺寸图标",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "icon_size-s",
- "name": "小尺寸图标",
- "description": "小尺寸图标",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "icon_size-m",
- "name": "中尺寸图标",
- "description": "中尺寸图标",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "icon_size-l",
- "name": "大尺寸图标",
- "description": "大尺寸图标",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "icon_size-xl",
- "name": "超大尺寸图标",
- "description": "超大尺寸图标",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "icon_size-2xl",
- "name": "2xl尺寸图标",
- "description": "2xl尺寸图标",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "icon_size-3xl",
- "name": "3xl尺寸图标",
- "description": "3xl尺寸图标",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "icon_size-4xl",
- "name": "4xl尺寸图标",
- "description": "4xl尺寸图标",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- }
- ]
- },
- "icon_size_control": {
- "name": "组件图标尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "icon_size_control-xs",
- "name": "超小尺寸图标",
- "description": "超小尺寸控件图标(组件使用)",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "icon_size_control-s",
- "name": "小尺寸图标",
- "description": "小尺寸控件图标(组件使用)",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "icon_size_control-m",
- "name": "中尺寸图标",
- "description": "中尺寸控件图标(组件使用)",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "icon_size_control-l",
- "name": "大尺寸图标",
- "description": "大尺寸控件图标(组件使用)",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "icon_size_control-xl",
- "name": "超大尺寸图标",
- "description": "超大尺寸控件图标(组件使用)",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- }
- ]
- },
-
- "font_size": {
- "name": "字体尺寸",
- "type": "font",
- "typeName": "字体",
- "value": [
- {
- "key": "font_size-display1",
- "name": "一级数据展示",
- "description": "一级数据展示",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "font_size-display2",
- "name": "二级数据展示",
- "description": "二级数据展示",
- "value": {
- "light": "48px",
- "dark": "48px"
- }
- },
- {
- "key": "font_size-display3",
- "name": "三级数据展示",
- "description": "三级数据展示",
- "value": {
- "light": "40px",
- "dark": "40px"
- }
- },
- {
- "key": "font_size-h1",
- "name": "一级标题",
- "description": "一级标题",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "font_size-h2",
- "name": "二级标题",
- "description": "二级标题",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "font_size-h3",
- "name": "三级标题",
- "description": "三级标题",
- "value": {
- "light": "22px",
- "dark": "22px"
- }
- },
- {
- "key": "font_size-h4",
- "name": "四级标题",
- "description": "四级标题",
- "value": {
- "light": "20px",
- "dark": "20px"
- }
- },
- {
- "key": "font_size-text1",
- "name": "常规正文",
- "description": "常规正文",
- "value": {
- "light": "16px",
- "dark": "16px"
- }
- },
- {
- "key": "font_size-text2",
- "name": "大号正文",
- "description": "大号正文",
- "value": {
- "light": "18px",
- "dark": "18px"
- }
- },
- {
- "key": "font_size-tip1",
- "name": "提示文本1",
- "description": "提示文本1",
- "value": {
- "light": "14px",
- "dark": "14px"
- }
- },
- {
- "key": "font_size-tip2",
- "name": "提示文本2",
- "description": "提示文本2",
- "value": {
- "light": "12px",
- "dark": "12px"
- }
- }
- ]
- },
- "line_height": {
- "name": "字体行高",
- "type": "font",
- "typeName": "字体",
- "value": [
- {
- "key": "line_height-display1",
- "name": "一级数据展示",
- "description": "一级数据展示",
- "value": {
- "light": "80px",
- "dark": "80px"
- }
- },
- {
- "key": "line_height-display2",
- "name": "二级数据展示",
- "description": "二级数据展示",
- "value": {
- "light": "64px",
- "dark": "64px"
- }
- },
- {
- "key": "line_height-display3",
- "name": "三级数据展示",
- "description": "三级数据展示",
- "value": {
- "light": "56px",
- "dark": "56px"
- }
- },
- {
- "key": "line_height-h1",
- "name": "一级标题",
- "description": "一级标题",
- "value": {
- "light": "44px",
- "dark": "44px"
- }
- },
- {
- "key": "line_height-h2",
- "name": "二级标题",
- "description": "二级标题",
- "value": {
- "light": "32px",
- "dark": "32px"
- }
- },
- {
- "key": "line_height-h3",
- "name": "三级标题",
- "description": "三级标题",
- "value": {
- "light": "30px",
- "dark": "30px"
- }
- },
- {
- "key": "line_height-h4",
- "name": "四级标题",
- "description": "四级标题",
- "value": {
- "light": "28px",
- "dark": "28px"
- }
- },
- {
- "key": "line_height-text1",
- "name": "正文",
- "description": "正文",
- "value": {
- "light": "24px",
- "dark": "24px"
- }
- },
- {
- "key": "line_height-text2",
- "name": "正文-大",
- "description": "正文-大",
- "value": {
- "light": "26px",
- "dark": "26x"
- }
- },
- {
- "key": "line_height-tip1",
- "name": "提示文本1",
- "description": "提示文本1",
- "value": {
- "light": "22px",
- "dark": "22px"
- }
- },
- {
- "key": "line_height-tip2",
- "name": "提示文本2",
- "description": "提示文本2",
- "value": {
- "light": "18px",
- "dark": "18px"
- }
- }
- ]
- },
-
- "radius": {
- "name": "圆角尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "radius-xs",
- "name": "超小尺寸圆角",
- "description": "超小尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-s",
- "name": "小尺寸圆角",
- "description": "小尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-m",
- "name": "中尺寸圆角",
- "description": "中尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-l",
- "name": "大尺寸圆角",
- "description": "大尺寸圆角",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius-xl",
- "name": "大尺寸圆角",
- "description": "大尺寸圆角,一般用于卡片",
- "value": {
- "light": "0px",
- "dark": "0px"
- }
- }
- ]
- },
- "radius_control": {
- "name": "组件圆角尺寸",
- "type": "size",
- "typeName": "尺寸",
- "value": [
- {
- "key": "radius_control-xs",
- "name": "超小尺寸控件圆角",
- "description": "超小尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius_control-s",
- "name": "小尺寸控件圆角",
- "description": "小尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius_control-m",
- "name": "中尺寸控件圆角",
- "description": "中尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- },
- {
- "key": "radius_control-l",
- "name": "大尺寸控件圆角",
- "description": "大尺寸控件圆角(组件使用)",
- "value": {
- "light": "4px",
- "dark": "4px"
- }
- }
- ]
- },
-
- "duration": {
- "name": "动画持续时间",
- "type": "animation",
- "typeName": "动画",
- "value": [
- {
- "key": "duration-s",
- "name": "持续时间",
- "description": "用于退出屏幕的动画",
- "value": {
- "light": "200ms",
- "dark": "200ms"
- }
- },
- {
- "key": "duration-m1",
- "name": "持续时间",
- "description": "用于当曲线为standard-in时进入屏幕的动画",
- "value": {
- "light": "250ms",
- "dark": "250ms"
- }
- },
- {
- "key": "duration-m2",
- "name": "持续时间",
- "description": "用于当曲线为standard时开始、结束的动画",
- "value": {
- "light": "300ms",
- "dark": "300ms"
- }
- },
- {
- "key": "duration-m3",
- "name": "持续时间",
- "description": "用于当曲线为emphasized-in时进入屏幕的动画",
- "value": {
- "light": "400ms",
- "dark": "400ms"
- }
- },
- {
- "key": "duration-l",
- "name": "持续时间",
- "description": "用于当曲线为emphasized时开始、结束的动画",
- "value": {
- "light": "500ms",
- "dark": "500ms"
- }
- },
- {
- "key": "duration-xl",
- "name": "持续时间",
- "description": "用于当曲线为emphasized时,轮播切换动画",
- "value": {
- "light": "1000ms",
- "dark": "1000ms"
- }
- }
- ]
- },
-
- "easing": {
- "name": "动画曲线",
- "type": "animation",
- "typeName": "动画",
- "value": [
- {
- "key": "easing-linear",
- "name": "线性动画曲线",
- "description": "线性曲线",
- "value": {
- "light": "cubic-bezier(0, 0, 1, 1)",
- "dark": "cubic-bezier(0, 0, 1, 1)"
- }
- },
- {
- "key": "easing-standard",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0.2, 0, 0, 1)",
- "dark": "cubic-bezier(0.2, 0, 0, 1)"
- }
- },
- {
- "key": "easing-standard-in",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0, 0, 0, 1)",
- "dark": "cubic-bezier(0, 0, 0, 1)"
- }
- },
- {
- "key": "easing-standard-out",
- "name": "动画曲线",
- "description": "用于组件",
- "value": {
- "light": "cubic-bezier(0.3, 0, 1, 1)",
- "dark": "cubic-bezier(0.3, 0, 1, 1)"
- }
- },
- {
- "key": "easing-emphasized",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.2, 0, 0, 1)",
- "dark": "cubic-bezier(0.2, 0, 0, 1)"
- }
- },
- {
- "key": "easing-emphasized-in",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.3, 0, 0.8, 0.15)",
- "dark": "cubic-bezier(0.3, 0, 0.8, 0.15)"
- }
- },
- {
- "key": "easing-emphasized-out",
- "name": "动画曲线",
- "description": "用于大卡片、场景切换",
- "value": {
- "light": "cubic-bezier(0.05, 0.7, 0.1, 1)",
- "dark": "cubic-bezier(0.05, 0.7, 0.1, 1)"
- }
- }
- ]
- }
-}
diff --git a/packages/opendesign/src/upload/style/var.scss b/packages/opendesign/src/upload/style/var.scss
index aa3f296a376eea58e8ac4811da225d0be9ee0ea1..324be6723ed19d48743193c35b388a100c578c33 100644
--- a/packages/opendesign/src/upload/style/var.scss
+++ b/packages/opendesign/src/upload/style/var.scss
@@ -22,9 +22,9 @@
--upload-drag-color: var(--o-color-info2);
--upload-drag-color-disabled: var(--o-color-info4);
- --upload-drag-bg-color: var(--o-color-control-light);
- --upload-drag-bg-color-hover: var(--o-color-control-light);
- --upload-drag-bg-color-active: var(--o-color-control-light);
+ --upload-drag-bg-color: var(--o-color-control5-light);
+ --upload-drag-bg-color-hover: var(--o-color-control5-light);
+ --upload-drag-bg-color-active: var(--o-color-control5-light);
--upload-drag-bg-color-dragging: var(--o-color-primary4-light);
--upload-drag-bg-color-disabled: var(--o-color-control4-light);
@@ -43,8 +43,8 @@
--upload-card-bd-disabled: 1px solid var(--o-color-control4);
--upload-card-bd-error: 1px solid var(--o-color-danger1);
- --upload-card-bg-color: var(--o-color-control-light);
- --upload-card-bg-color-hover: var(--o-color-control-light);
+ --upload-card-bg-color: var(--o-color-control5-light);
+ --upload-card-bg-color-hover: var(--o-color-control5-light);
--upload-card-bg-color-disabled: var(--o-color-control4-light);
--upload-card-img-fit: cover;
diff --git a/packages/portal/__test_scripts/icons/icon.config.ts b/packages/portal/__test_scripts/icons/icon.config.ts
index 9b465c156c982668b4913b90ec0f5ffd7f7d1b0b..544c4613ecdc58d765224f3084eba38e7e7e3b13 100644
--- a/packages/portal/__test_scripts/icons/icon.config.ts
+++ b/packages/portal/__test_scripts/icons/icon.config.ts
@@ -1,6 +1,6 @@
module.exports = {
input: './svgs',
- output: '../../src/icon-components/',
+ output: './dist',
componentClass: 'o-svg-icon',
prefix: 'o-',
renderOnServer: false,
diff --git a/packages/opendesign/tokens/opendesign-token.json b/packages/portal/__test_scripts/tokens/opendesign-token.json
similarity index 100%
rename from packages/opendesign/tokens/opendesign-token.json
rename to packages/portal/__test_scripts/tokens/opendesign-token.json
diff --git a/packages/opendesign/tokens/token.config.ts b/packages/portal/__test_scripts/tokens/token.config.ts
similarity index 72%
rename from packages/opendesign/tokens/token.config.ts
rename to packages/portal/__test_scripts/tokens/token.config.ts
index 6163bc0d8fe6cc1c18f1a5e241768a93869e1384..b4f56fd9052ca8d70d2fab98c7accf5011debfc1 100644
--- a/packages/opendesign/tokens/token.config.ts
+++ b/packages/portal/__test_scripts/tokens/token.config.ts
@@ -4,14 +4,18 @@ module.exports = {
themeMap: [
{
valueKey: 'light',
- name: 'o.light',
+ name: ['o.light', 'default'],
},
{
valueKey: 'dark',
name: 'o.dark',
},
+ {
+ valueKey: 'light',
+ name: 'o',
+ root: true
+ },
],
- defaultTheme: 'light',
tokenFile: ['./opendesign-token.json'],
codeSnippetsFile: './dist/opendesign.token.code-snippets',
};
diff --git a/packages/portal/package.json b/packages/portal/package.json
index cef65bfab55bf9c88c960d20b04902a95d993bf4..2fa43f054d8abbfee60a62a20156a572571782e2 100644
--- a/packages/portal/package.json
+++ b/packages/portal/package.json
@@ -7,12 +7,14 @@
"dev": "vite",
"build": "vite build",
"preview": "vite preview",
- "gen:icon": "open-scripts gen:icon --config __test_scripts/icons/icon.config.ts"
+ "gen:icon": "open-scripts gen:icon --config __test_scripts/icons/icon.config.ts",
+ "gen:token": "open-scripts gen:token --config __test_scripts/tokens/token.config.ts"
},
"dependencies": {
- "@opensig/opendesign": "workspace:^",
+ "@opensig/open-analytics": "catalog:utils",
"@opensig/open-scripts": "workspace:^",
- "@opensig/open-analytics": "catalog:utils"
+ "@opensig/opendesign": "workspace:^",
+ "@opensig/opendesign-token": "catalog:css"
},
"devDependencies": {
"sass": "catalog:css",
diff --git a/packages/portal/src/components/TheHeader.vue b/packages/portal/src/components/TheHeader.vue
index a5ff2336af377c5501a684c89c7f4bce9c35b576..1cc4a79774082acaa831e07d545b89c0ecf364af 100644
--- a/packages/portal/src/components/TheHeader.vue
+++ b/packages/portal/src/components/TheHeader.vue
@@ -1,5 +1,5 @@