@pubinfo/config 2.0.0-beta.9 → 2.0.0-rc.1

package/package.json

@@ -1,60 +1,60 @@
 {
   "name": "@pubinfo/config",
   "type": "module",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0-rc.1",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.mjs"
+      "default": "./dist/index.js"
     },
     "./eslint": {
       "types": "./dist/eslint/index.d.ts",
-      "default": "./dist/eslint/index.mjs"
+      "default": "./dist/eslint/index.js"
     },
     "./themes": {
       "types": "./dist/themes/index.d.ts",
-      "default": "./dist/themes/index.mjs"
+      "default": "./dist/themes/index.js"
     },
     "./stylelint": {
       "types": "./dist/stylelint.d.ts",
-      "default": "./dist/stylelint.mjs"
+      "default": "./dist/stylelint.js"
     },
     "./unocss": {
       "types": "./dist/unocss/index.d.ts",
-      "default": "./dist/unocss/index.mjs"
+      "default": "./dist/unocss/index.js"
     }
   },
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "peerDependencies": {
-    "eslint": "^9.21.0",
-    "stylelint": "^16.15.0",
-    "unocss": "^65.5.0"
+    "eslint": "^9.30.1",
+    "stylelint": "^16.21.0",
+    "unocss": ">=65.5.0"
   },
   "dependencies": {
-    "@antfu/eslint-config": "^3.16.0",
-    "@stylistic/stylelint-plugin": "^2.1.3",
-    "@unocss/core": "^65.5.0",
+    "@antfu/eslint-config": "^4.16.2",
+    "@stylistic/stylelint-plugin": "^3.1.3",
+    "@unocss/core": "65.5.0",
     "postcss-html": "^1.8.0",
-    "postcss-preset-env": "^10.1.5",
-    "stylelint-config-recess-order": "^5.1.1",
+    "postcss-preset-env": "^10.2.4",
+    "stylelint-config-recess-order": "^7.1.0",
     "stylelint-config-standard-less": "^3.0.1",
-    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint-config-standard-scss": "^15.0.1",
     "stylelint-config-standard-vue": "^1.0.0",
-    "stylelint-scss": "^6.11.1"
+    "stylelint-scss": "^6.12.1"
   },
   "devDependencies": {
-    "eslint": "^9.21.0",
-    "stylelint": "^16.15.0",
-    "unbuild": "^3.5.0",
-    "unocss": "^65.5.0"
+    "eslint": "^9.30.1",
+    "stylelint": "^16.21.0",
+    "unocss": "65.5.0"
   },
   "scripts": {
-    "stub": "unbuild --stub",
-    "build": "unbuild"
+    "dev": "tsdown --watch",
+    "build": "tsdown"
   }
 }

package/src/eslint/config/ignores.ts

@@ -0,0 +1,10 @@
+import type { TypedFlatConfigItem } from '@antfu/eslint-config';
+import { GLOB_EXCLUDE } from '../globs';
+
+export async function ignores(): Promise<TypedFlatConfigItem[]> {
+  return [
+    {
+      ignores: GLOB_EXCLUDE,
+    },
+  ];
+}

package/src/eslint/config/stylistic.ts

@@ -0,0 +1,21 @@
+import type { TypedFlatConfigItem } from '@antfu/eslint-config';
+
+export async function stylistic(): Promise<TypedFlatConfigItem[]> {
+  return [
+    {
+      rules: {
+        'eslint-comments/no-unlimited-disable': 'off',
+        'curly': ['error', 'all'],
+        'antfu/consistent-list-newline': 'off',
+        'regexp/no-unused-capturing-group': 'off',
+        'unused-imports/no-unused-vars': 'off',
+        'unicorn/consistent-function-scoping': 'off',
+      },
+    },
+    {
+      rules: {
+        'style/semi': ['error', 'always'],
+      },
+    },
+  ];
+}

package/src/eslint/config/vue.ts

@@ -0,0 +1,54 @@
+import type { TypedFlatConfigItem } from '@antfu/eslint-config';
+
+export async function vue(): Promise<TypedFlatConfigItem[]> {
+  return [
+    {
+      files: [
+        '**/*.vue',
+      ],
+      rules: {
+        'vue/block-order': ['error', {
+          order: [
+            'route',
+            'i18n',
+            'script',
+            'template',
+            'style',
+          ],
+        }],
+        'vue/component-api-style': ['error',
+          ['script-setup', 'composition'],
+        ],
+        'vue/match-component-import-name': ['error'],
+        'vue/new-line-between-multi-line-property': ['error'],
+        'vue/no-empty-component-block': ['error'],
+        'vue/no-potential-component-option-typo': ['error', {
+          presets: ['all'],
+        }],
+        'vue/prefer-define-options': ['error'],
+        'vue/valid-define-options': ['error'],
+        'vue/require-macro-variable-name': ['error', {
+          defineProps: 'props',
+          defineEmits: 'emit',
+          defineSlots: 'slots',
+          useSlots: 'slots',
+          useAttrs: 'attrs',
+        }],
+        'vue/no-unused-emit-declarations': ['error'],
+        'vue/attribute-hyphenation': [
+          'warn',
+          'always',
+          {},
+        ],
+      },
+    },
+    {
+      files: [
+        '**/views/**/*.vue',
+      ],
+      rules: {
+        'vue/no-multiple-template-root': ['error'],
+      },
+    },
+  ];
+}

package/src/eslint/factory.ts

@@ -0,0 +1,20 @@
+import type { TypedFlatConfigItem } from '@antfu/eslint-config';
+
+import antfu from '@antfu/eslint-config';
+import { ignores } from './config/ignores';
+import { stylistic } from './config/stylistic';
+import { vue } from './config/vue';
+
+export async function pubinfo(
+  ...userConfigs: Parameters<typeof antfu>[1][]
+): Promise<TypedFlatConfigItem[]> {
+  return antfu(
+    {
+      unocss: false,
+    },
+    vue(),
+    stylistic(),
+    ignores(),
+    ...userConfigs,
+  );
+}

package/src/eslint/globs.ts

@@ -0,0 +1,86 @@
+export const GLOB_SRC_EXT = '?([cm])[jt]s?(x)';
+export const GLOB_SRC = '**/*.?([cm])[jt]s?(x)';
+
+export const GLOB_JS = '**/*.?([cm])js';
+export const GLOB_JSX = '**/*.?([cm])jsx';
+
+export const GLOB_TS = '**/*.?([cm])ts';
+export const GLOB_TSX = '**/*.?([cm])tsx';
+
+export const GLOB_STYLE = '**/*.{c,le,sc}ss';
+export const GLOB_CSS = '**/*.css';
+export const GLOB_POSTCSS = '**/*.{p,post}css';
+export const GLOB_LESS = '**/*.less';
+export const GLOB_SCSS = '**/*.scss';
+
+export const GLOB_JSON = '**/*.json';
+export const GLOB_JSON5 = '**/*.json5';
+export const GLOB_JSONC = '**/*.jsonc';
+
+export const GLOB_MARKDOWN = '**/*.md';
+export const GLOB_MARKDOWN_IN_MARKDOWN = '**/*.md/*.md';
+export const GLOB_SVELTE = '**/*.svelte';
+export const GLOB_VUE = '**/*.vue';
+export const GLOB_YAML = '**/*.y?(a)ml';
+export const GLOB_TOML = '**/*.toml';
+export const GLOB_HTML = '**/*.htm?(l)';
+
+export const GLOB_MARKDOWN_CODE = `${GLOB_MARKDOWN}/${GLOB_SRC}`;
+
+export const GLOB_TESTS = [
+  `**/__tests__/**/*.${GLOB_SRC_EXT}`,
+  `**/*.spec.${GLOB_SRC_EXT}`,
+  `**/*.test.${GLOB_SRC_EXT}`,
+  `**/*.bench.${GLOB_SRC_EXT}`,
+  `**/*.benchmark.${GLOB_SRC_EXT}`,
+];
+
+export const GLOB_ALL_SRC = [
+  GLOB_SRC,
+  GLOB_STYLE,
+  GLOB_JSON,
+  GLOB_JSON5,
+  GLOB_MARKDOWN,
+  GLOB_SVELTE,
+  GLOB_VUE,
+  GLOB_YAML,
+  GLOB_HTML,
+];
+
+export const GLOB_EXCLUDE = [
+  '**/node_modules',
+  '**/dist',
+  '**/package-lock.json',
+  '**/yarn.lock',
+  '**/pnpm-lock.yaml',
+  '**/bun.lockb',
+
+  '**/output',
+  '**/coverage',
+  '**/temp',
+  '**/.temp',
+  '**/tmp',
+  '**/.tmp',
+  '**/.history',
+  '**/.vitepress/cache',
+  '**/.nuxt',
+  '**/.next',
+  '**/.vercel',
+  '**/.changeset',
+  '**/.idea',
+  '**/.cache',
+  '**/.output',
+  '**/.vite-inspect',
+  '**/es',
+  '**/lib',
+
+  '**/CHANGELOG*.md',
+  '**/*.min.*',
+  '**/LICENSE*',
+  '**/__snapshots__',
+  '**/auto-import?(s).d.ts',
+  '**/components.d.ts',
+  '**/*.cjs',
+  '**/*.mjs',
+  '**/assets/**/*.json',
+];

package/src/eslint/index.ts

@@ -0,0 +1,3 @@
+import { pubinfo } from './factory';
+
+export default pubinfo;

package/src/index.ts

@@ -0,0 +1,4 @@
+export { default as eslint } from './eslint';
+export { default as stylelint } from './stylelint';
+export * from './themes';
+export { default as presetPubinfo } from './unocss';

package/src/stylelint.ts

@@ -0,0 +1,134 @@
+export default {
+  extends: [
+    'stylelint-config-recess-order',
+  ],
+  plugins: [
+    'stylelint-scss',
+    '@stylistic/stylelint-plugin',
+  ],
+  overrides: [
+    {
+      files: ['**/*.(css|html|vue)'],
+      customSyntax: 'postcss-html',
+    },
+    {
+      files: ['*.less', '**/*.less'],
+      customSyntax: 'postcss-less',
+      extends: ['stylelint-config-standard-less', 'stylelint-config-standard-vue'],
+    },
+    {
+      files: ['*.scss', '**/*.scss'],
+      customSyntax: 'postcss-scss',
+      extends: ['stylelint-config-standard-scss', 'stylelint-config-standard-vue/scss'],
+      rule: {
+        'scss/double-slash-comment-empty-line-before': null,
+        'scss/no-global-function-names': null,
+      },
+    },
+  ],
+  rules: {
+    'at-rule-no-unknown': null,
+    'no-descending-specificity': null,
+    'property-no-unknown': null,
+    'font-family-no-missing-generic-family-keyword': null,
+    'selector-class-pattern': null,
+    'function-no-unknown': [
+      true,
+      {
+        ignoreFunctions: [
+          'v-bind',
+          'map-get',
+          'lighten',
+          'darken',
+        ],
+      },
+    ],
+    'selector-pseudo-element-no-unknown': [
+      true,
+      {
+        ignorePseudoElements: [
+          '/^view-transition/',
+        ],
+      },
+    ],
+    // 提取自 https://github.com/elirasza/stylelint-stylistic/blob/main/config/index.js
+    '@stylistic/at-rule-name-case': 'lower',
+    '@stylistic/at-rule-name-space-after': 'always-single-line',
+    '@stylistic/at-rule-semicolon-newline-after': 'always',
+    '@stylistic/block-closing-brace-empty-line-before': 'never',
+    '@stylistic/block-closing-brace-newline-before': 'always-multi-line',
+    '@stylistic/block-closing-brace-space-before': 'always-single-line',
+    '@stylistic/block-opening-brace-newline-after': 'always-multi-line',
+    '@stylistic/block-opening-brace-space-after': 'always-single-line',
+    '@stylistic/block-opening-brace-space-before': 'always',
+    '@stylistic/color-hex-case': 'lower',
+    '@stylistic/declaration-bang-space-after': 'never',
+    '@stylistic/declaration-bang-space-before': 'always',
+    '@stylistic/declaration-block-semicolon-newline-after': 'always-multi-line',
+    '@stylistic/declaration-block-semicolon-space-after': 'always-single-line',
+    '@stylistic/declaration-block-semicolon-space-before': 'never',
+    '@stylistic/declaration-block-trailing-semicolon': 'always',
+    '@stylistic/declaration-colon-newline-after': 'always-multi-line',
+    '@stylistic/declaration-colon-space-after': 'always-single-line',
+    '@stylistic/declaration-colon-space-before': 'never',
+    '@stylistic/function-comma-newline-after': 'always-multi-line',
+    '@stylistic/function-comma-space-after': 'always-single-line',
+    '@stylistic/function-comma-space-before': 'never',
+    '@stylistic/function-max-empty-lines': 0,
+    '@stylistic/function-parentheses-newline-inside': 'always-multi-line',
+    '@stylistic/function-parentheses-space-inside': 'never-single-line',
+    '@stylistic/function-whitespace-after': 'always',
+    '@stylistic/indentation': 2,
+    '@stylistic/max-empty-lines': 1,
+    '@stylistic/media-feature-colon-space-after': 'always',
+    '@stylistic/media-feature-colon-space-before': 'never',
+    '@stylistic/media-feature-name-case': 'lower',
+    '@stylistic/media-feature-parentheses-space-inside': 'never',
+    '@stylistic/media-feature-range-operator-space-after': 'always',
+    '@stylistic/media-feature-range-operator-space-before': 'always',
+    '@stylistic/media-query-list-comma-newline-after': 'always-multi-line',
+    '@stylistic/media-query-list-comma-space-after': 'always-single-line',
+    '@stylistic/media-query-list-comma-space-before': 'never',
+    '@stylistic/no-empty-first-line': true,
+    '@stylistic/no-eol-whitespace': true,
+    '@stylistic/no-extra-semicolons': true,
+    '@stylistic/no-missing-end-of-source-newline': true,
+    '@stylistic/number-leading-zero': 'always',
+    '@stylistic/number-no-trailing-zeros': true,
+    '@stylistic/property-case': 'lower',
+    '@stylistic/selector-attribute-brackets-space-inside': 'never',
+    '@stylistic/selector-attribute-operator-space-after': 'never',
+    '@stylistic/selector-attribute-operator-space-before': 'never',
+    '@stylistic/selector-combinator-space-after': 'always',
+    '@stylistic/selector-combinator-space-before': 'always',
+    '@stylistic/selector-descendant-combinator-no-non-space': true,
+    '@stylistic/selector-list-comma-newline-after': 'always',
+    '@stylistic/selector-list-comma-space-before': 'never',
+    '@stylistic/selector-max-empty-lines': 0,
+    '@stylistic/selector-pseudo-class-case': 'lower',
+    '@stylistic/selector-pseudo-class-parentheses-space-inside': 'never',
+    '@stylistic/selector-pseudo-element-case': 'lower',
+    '@stylistic/string-quotes': 'double',
+    '@stylistic/unit-case': 'lower',
+    '@stylistic/value-list-comma-newline-after': 'always-multi-line',
+    '@stylistic/value-list-comma-space-after': 'always-single-line',
+    '@stylistic/value-list-comma-space-before': 'never',
+    '@stylistic/value-list-max-empty-lines': 0,
+    // 根据需要覆盖部分规则
+    '@stylistic/max-line-length': null,
+    '@stylistic/block-closing-brace-newline-after': [
+      'always',
+      {
+        ignoreAtRules: ['if', 'else'],
+      },
+    ],
+  },
+  allowEmptyInput: true,
+  ignoreFiles: [
+    '**/node_modules/**/*',
+    '**/dist*/**/*',
+    '**/*.cjs',
+    '**/*.ejs',
+    '**/.pubinfo/**/*',
+  ],
+};

package/src/themes/index.ts

@@ -0,0 +1,3 @@
+import './theme';
+
+export * from './utils';

package/src/themes/system/dark/dark.ts

@@ -0,0 +1,47 @@
+import { defineTheme } from '../../utils';
+
+export default defineTheme({
+  name: 'dark',
+  colors: {
+    'label': '墨夜幽',
+    // 颜色主题
+    'color-scheme': 'dark',
+    // 内置 UI
+    '--ui-primary': '#e5e5e5',
+    '--ui-text': '#0f0f0f',
+    // 主体
+    '--g-bg': '#0a0a0a',
+    '--g-container-bg': '#141414',
+    '--g-border-color': '#15191e',
+    // 头部
+    '--g-header-bg': '#141414',
+    '--g-header-color': '#e5e5e5',
+    '--g-header-menu-color': '#a8a29e',
+    '--g-header-menu-hover-bg': '#141414',
+    '--g-header-menu-hover-color': '#e5e5e5',
+    '--g-header-menu-active-bg': '#2d2c2c',
+    '--g-header-menu-active-color': '#ffffff',
+    // 主导航
+    '--g-main-sidebar-bg': '#101010',
+    '--g-main-sidebar-menu-color': '#a8a29e',
+    '--g-main-sidebar-menu-hover-bg': '#141414',
+    '--g-main-sidebar-menu-hover-color': '#e5e5e5',
+    '--g-main-sidebar-menu-active-bg': '#1D1D1D',
+    '--g-main-sidebar-menu-active-color': '#ffffff',
+    // 次导航
+    '--g-sub-sidebar-bg': '#202020',
+    '--g-sub-sidebar-logo-bg': '#0f0f0f',
+    '--g-sub-sidebar-logo-color': '#e5e5e5',
+    '--g-sub-sidebar-menu-color': '#a8a29e',
+    '--g-sub-sidebar-menu-hover-bg': '#0a0a0a',
+    '--g-sub-sidebar-menu-hover-color': '#e5e5e5',
+    '--g-sub-sidebar-menu-active-bg': '#0a0a0a',
+    '--g-sub-sidebar-menu-active-color': '#fff',
+    // 标签栏
+    '--g-tabbar-dividers-bg': '#a8a29e',
+    '--g-tabbar-tab-color': '#a8a29e',
+    '--g-tabbar-tab-hover-bg': '#1b1b1b',
+    '--g-tabbar-tab-hover-color': '#e5e5e5',
+    '--g-tabbar-tab-active-color': '#e5e5e5',
+  },
+});

package/src/themes/system/dark/dracula.ts

@@ -0,0 +1,47 @@
+import { defineTheme } from '../../utils';
+
+export default defineTheme({
+  name: 'dracula',
+  colors: {
+    'label': '暗蓝秘',
+    // 颜色主题
+    'color-scheme': 'dark',
+    // 内置 UI
+    '--ui-primary': '#a6adbb',
+    '--ui-text': '#242b33',
+    // 主体
+    '--g-bg': '#272935',
+    '--g-container-bg': '#1d232a',
+    '--g-border-color': '#191E24',
+    // 头部
+    '--g-header-bg': '#191E24',
+    '--g-header-color': '#f8f8f2',
+    '--g-header-menu-color': '#a6adbb',
+    '--g-header-menu-hover-color': '#f8f8f2',
+    '--g-header-menu-hover-bg': '#181920',
+    '--g-header-menu-active-color': '#f8f8f2',
+    '--g-header-menu-active-bg': '#414558',
+    // 主导航
+    '--g-main-sidebar-bg': '#191E24',
+    '--g-main-sidebar-menu-color': '#a6adbb',
+    '--g-main-sidebar-menu-hover-color': '#f8f8f2',
+    '--g-main-sidebar-menu-hover-bg': '#181920',
+    '--g-main-sidebar-menu-active-color': '#f8f8f2',
+    '--g-main-sidebar-menu-active-bg': '#414558',
+    // 次导航
+    '--g-sub-sidebar-bg': '#1d232a',
+    '--g-sub-sidebar-logo-color': '#1d232a',
+    '--g-sub-sidebar-logo-bg': '#a6adbb',
+    '--g-sub-sidebar-menu-color': '#a6adbb',
+    '--g-sub-sidebar-menu-hover-color': '#f8f8f2',
+    '--g-sub-sidebar-menu-hover-bg': '#181920',
+    '--g-sub-sidebar-menu-active-color': '#f8f8f2',
+    '--g-sub-sidebar-menu-active-bg': '#414558',
+    // 标签栏
+    '--g-tabbar-dividers-bg': '#a6adbb',
+    '--g-tabbar-tab-color': '#a6adbb',
+    '--g-tabbar-tab-hover-color': '#f8f8f2',
+    '--g-tabbar-tab-hover-bg': '#242b33',
+    '--g-tabbar-tab-active-color': '#f8f8f2',
+  },
+});

package/src/themes/system/dark/luxury.ts

@@ -0,0 +1,47 @@
+import { defineTheme } from '../../utils';
+
+export default defineTheme({
+  name: 'luxury',
+  colors: {
+    'label': '金华丽',
+    // 颜色主题
+    'color-scheme': 'dark',
+    // 内置 UI
+    '--ui-primary': '#dca54c',
+    '--ui-text': '#242b33',
+    // 主体
+    '--g-bg': '#09090b',
+    '--g-container-bg': '#171618',
+    '--g-border-color': '#191E24',
+    // 头部
+    '--g-header-bg': '#09090b',
+    '--g-header-color': '#dca54c',
+    '--g-header-menu-color': '#dca54c',
+    '--g-header-menu-hover-color': '#dca54c',
+    '--g-header-menu-hover-bg': '#331800',
+    '--g-header-menu-active-color': '#ffe7a3',
+    '--g-header-menu-active-bg': '#331800',
+    // 主导航
+    '--g-main-sidebar-bg': '#09090b',
+    '--g-main-sidebar-menu-color': '#dca54c',
+    '--g-main-sidebar-menu-hover-color': '#dca54c',
+    '--g-main-sidebar-menu-hover-bg': '#331800',
+    '--g-main-sidebar-menu-active-color': '#ffe7a3',
+    '--g-main-sidebar-menu-active-bg': '#331800',
+    // 次导航
+    '--g-sub-sidebar-bg': '#171618',
+    '--g-sub-sidebar-logo-color': '#e3d664',
+    '--g-sub-sidebar-logo-bg': '#09090b',
+    '--g-sub-sidebar-menu-color': '#dca54c',
+    '--g-sub-sidebar-menu-hover-color': '#dca54c',
+    '--g-sub-sidebar-menu-hover-bg': '#331800',
+    '--g-sub-sidebar-menu-active-color': '#ffe7a3',
+    '--g-sub-sidebar-menu-active-bg': '#331800',
+    // 标签栏
+    '--g-tabbar-dividers-bg': '#a6adbb',
+    '--g-tabbar-tab-color': '#a6adbb',
+    '--g-tabbar-tab-hover-color': '#c8cad0',
+    '--g-tabbar-tab-hover-bg': '#242b33',
+    '--g-tabbar-tab-active-color': '#c8cad0',
+  },
+});

package/src/themes/system/dark/night.ts

@@ -0,0 +1,47 @@
+import { defineTheme } from '../../utils';
+
+export default defineTheme({
+  name: 'night',
+  colors: {
+    'label': '夜蓝梦',
+    // 颜色主题
+    'color-scheme': 'dark',
+    // 内置 UI
+    '--ui-primary': '#0ca6e9',
+    '--ui-text': '#242b33',
+    // 主体
+    '--g-bg': '#0f1729',
+    '--g-container-bg': '#1d283a',
+    '--g-border-color': '#191E24',
+    // 头部
+    '--g-header-bg': '#0f1729',
+    '--g-header-color': '#c8cad0',
+    '--g-header-menu-color': '#a6adbb',
+    '--g-header-menu-hover-color': '#c8cad0',
+    '--g-header-menu-hover-bg': '#1d283a',
+    '--g-header-menu-active-color': '#c8cad0',
+    '--g-header-menu-active-bg': '#1d283a',
+    // 主导航
+    '--g-main-sidebar-bg': '#0f1729',
+    '--g-main-sidebar-menu-color': '#a6adbb',
+    '--g-main-sidebar-menu-hover-color': '#c8cad0',
+    '--g-main-sidebar-menu-hover-bg': '#1d283a',
+    '--g-main-sidebar-menu-active-color': '#c8cad0',
+    '--g-main-sidebar-menu-active-bg': '#1d283a',
+    // 次导航
+    '--g-sub-sidebar-bg': '#1d283a',
+    '--g-sub-sidebar-logo-color': '#1d232a',
+    '--g-sub-sidebar-logo-bg': '#a6adbb',
+    '--g-sub-sidebar-menu-color': '#a6adbb',
+    '--g-sub-sidebar-menu-hover-color': '#c8cad0',
+    '--g-sub-sidebar-menu-hover-bg': '#273449',
+    '--g-sub-sidebar-menu-active-color': '#c8cad0',
+    '--g-sub-sidebar-menu-active-bg': '#0f1729',
+    // 标签栏
+    '--g-tabbar-dividers-bg': '#a6adbb',
+    '--g-tabbar-tab-color': '#a6adbb',
+    '--g-tabbar-tab-hover-color': '#c8cad0',
+    '--g-tabbar-tab-hover-bg': '#242b33',
+    '--g-tabbar-tab-active-color': '#c8cad0',
+  },
+});