diff --git a/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js b/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
index 5d07954d0..1b5dbf64c 100644
--- a/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
+++ b/packages/build/vite-config/src/vite-plugins/devAliasPlugin.js
@@ -47,6 +47,7 @@ const devAlias = {
   ),
   '@opentiny/tiny-engine-theme-dark': path.resolve(process.cwd(), '../packages/theme/dark/index.less'),
   '@opentiny/tiny-engine-theme-light': path.resolve(process.cwd(), '../packages/theme/light/index.less'),
+  '@opentiny/tiny-engine-theme-base': path.resolve(process.cwd(), '../packages/theme/base/src/index.js'),
   '@opentiny/tiny-engine-svgs': path.resolve(process.cwd(), '../packages/svgs/index.js'),
   '@opentiny/tiny-engine-http': path.resolve(process.cwd(), '../packages/http/src/index.js'),
   '@opentiny/tiny-engine-canvas': path.resolve(process.cwd(), '../packages/canvas/index.js'),
diff --git a/packages/design-core/package.json b/packages/design-core/package.json
index effb39fe1..b5ded7ffc 100644
--- a/packages/design-core/package.json
+++ b/packages/design-core/package.json
@@ -71,6 +71,7 @@
     "@opentiny/tiny-engine-svgs": "workspace:*",
     "@opentiny/tiny-engine-theme-dark": "workspace:*",
     "@opentiny/tiny-engine-theme-light": "workspace:*",
+    "@opentiny/tiny-engine-theme-base": "workspace:*",
     "@opentiny/tiny-engine-toolbar-breadcrumb": "workspace:*",
     "@opentiny/tiny-engine-toolbar-checkinout": "workspace:*",
     "@opentiny/tiny-engine-toolbar-clean": "workspace:*",
diff --git a/packages/design-core/src/init.js b/packages/design-core/src/init.js
index e772b44c5..065ffa3c2 100644
--- a/packages/design-core/src/init.js
+++ b/packages/design-core/src/init.js
@@ -17,7 +17,7 @@ import { initMonitor } from '@opentiny/tiny-engine-common/js/monitor'
 import { injectGlobalComponents, setGlobalMonacoEditorTheme, Modal, Notify } from '@opentiny/tiny-engine-common'
 import { initHttp } from '@opentiny/tiny-engine-http'
 import TinyThemeTool from '@opentiny/vue-theme/theme-tool'
-import { tinySmbTheme } from '@opentiny/vue-theme/theme' // SMB 主题
+import { tinyEngineThemeLight } from '@opentiny/tiny-engine-theme-base'
 import {
   defineEntry,
   mergeRegistry,
@@ -52,7 +52,7 @@ const defaultLifeCycles = {
     initHttp({ env: import.meta.env })
 
     // eslint-disable-next-line no-new
-    new TinyThemeTool(tinySmbTheme, 'smbtheme') // 初始化主题
+    new TinyThemeTool(tinyEngineThemeLight, 'tinyEngineTheme') // 初始化主题
 
     if (import.meta.env.VITE_ERROR_MONITOR === 'true' && import.meta.env.VITE_ERROR_MONITOR_URL) {
       initMonitor(import.meta.env.VITE_ERROR_MONITOR_URL)
diff --git a/packages/layout/src/DesignSettings.vue b/packages/layout/src/DesignSettings.vue
index a6288c22c..43fb6ce34 100644
--- a/packages/layout/src/DesignSettings.vue
+++ b/packages/layout/src/DesignSettings.vue
@@ -71,7 +71,7 @@ export default {
       flex: 1;
       overflow-y: scroll;
       padding: 0;
-      margin-top: 0;
+      margin: 0;
     }
     .tiny-tabs__item {
       color: var(--ti-lowcode-setting-panel-tabs-item-title-color);
diff --git a/packages/plugins/bridge/src/Main.vue b/packages/plugins/bridge/src/Main.vue
index 4621b9b98..8a22f9713 100644
--- a/packages/plugins/bridge/src/Main.vue
+++ b/packages/plugins/bridge/src/Main.vue
@@ -99,6 +99,7 @@ export default {
 :deep(.tiny-tabs__content) {
   height: calc(100% - 45px);
   padding: 0;
+  margin: 0;
   & > div {
     height: 100%;
   }
diff --git a/packages/plugins/materials/src/meta/layout/src/Main.vue b/packages/plugins/materials/src/meta/layout/src/Main.vue
index 4e786ef78..718d62cc3 100644
--- a/packages/plugins/materials/src/meta/layout/src/Main.vue
+++ b/packages/plugins/materials/src/meta/layout/src/Main.vue
@@ -99,6 +99,7 @@ export default {
   flex: 1;
   overflow-y: scroll;
   padding: 0;
+  margin: 0px;
   & > div {
     height: 100%;
   }
diff --git a/packages/settings/panel/src/Main.vue b/packages/settings/panel/src/Main.vue
index c0ef43c93..17e77f18a 100644
--- a/packages/settings/panel/src/Main.vue
+++ b/packages/settings/panel/src/Main.vue
@@ -70,7 +70,7 @@ export default {
       flex: 1;
       overflow-y: scroll;
       padding: 0;
-      margin-top: 0;
+      margin: 0;
     }
     .tiny-tabs__item {
       color: var(--ti-lowcode-setting-panel-tabs-item-title-color);
diff --git a/packages/theme/base/package.json b/packages/theme/base/package.json
new file mode 100644
index 000000000..74583fd7a
--- /dev/null
+++ b/packages/theme/base/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@opentiny/tiny-engine-theme-base",
+  "version": "1.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/opentiny/tiny-engine",
+    "directory": "packages/theme/base"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-engine/issues"
+  },
+  "author": "OpenTiny Team",
+  "license": "MIT",
+  "homepage": "https://opentiny.design/tiny-engine",
+  "dependencies": {},
+  "devDependencies": {
+    "rimraf": "^3.0.2",
+    "vite": "^4.3.7"
+  }
+}
diff --git a/packages/theme/base/src/base.js b/packages/theme/base/src/base.js
new file mode 100644
index 000000000..5e6ba2504
--- /dev/null
+++ b/packages/theme/base/src/base.js
@@ -0,0 +1,301 @@
+export const tinyBaseTheme = {
+  // 灰阶
+  'ti-lowcode-base-gray-0': '#fff',
+  'ti-lowcode-base-gray-5': '#fafafa',
+  'ti-lowcode-base-gray-10': '#f5f5f5',
+  'ti-lowcode-base-gray-15': '#f0f0f0',
+  'ti-lowcode-base-gray-20': '#e6e6e6',
+  'ti-lowcode-base-gray-25': '#d9d9d9',
+  'ti-lowcode-base-gray-30': '#dbdbdb',
+  'ti-lowcode-base-gray-35': '#ccc',
+  'ti-lowcode-base-gray-40': '#c2c2c2',
+  'ti-lowcode-base-gray-45': '#a6a6a6',
+  'ti-lowcode-base-gray-50': '#808080',
+  'ti-lowcode-base-gray-60': '#595959',
+  'ti-lowcode-base-gray-70': '#333',
+  'ti-lowcode-base-gray-75': '#262626',
+  'ti-lowcode-base-gray-80': '#292929',
+  'ti-lowcode-base-gray-85': '#1f1f1f',
+  'ti-lowcode-base-gray-90': '#141414',
+  'ti-lowcode-base-gray-95': '#191919',
+  'ti-lowcode-base-gray-100': '#000',
+
+  // expand-red
+  'ti-lowcode-base-red-1': '#ffeae8',
+  'ti-lowcode-base-red-2': '#fccdca',
+  'ti-lowcode-base-red-3': '#faa9a5',
+  'ti-lowcode-base-red-4': '#fa8682',
+  'ti-lowcode-base-red-5': '#f76360',
+  'ti-lowcode-base-red-6': '#f23030',
+  'ti-lowcode-base-red-7': '#cc272a',
+  'ti-lowcode-base-red-8': '#a3171c',
+  'ti-lowcode-base-red-9': '#78080e',
+  'ti-lowcode-base-red-10': '#4d0005',
+  'ti-lowcode-base-red-11': '#a64242',
+  'ti-lowcode-base-red-12': '#d4827f',
+  'ti-lowcode-base-red-13': '#f2c5c2',
+
+  // expand-orange
+  'ti-lowcode-base-orange-1': '#fff5e8',
+  'ti-lowcode-base-orange-2': '#fcdfb8',
+  'ti-lowcode-base-orange-3': '#fcc98b',
+  'ti-lowcode-base-orange-4': '#fcb25c',
+  'ti-lowcode-base-orange-5': '#ff9a2e',
+  'ti-lowcode-base-orange-6': '#ff8800',
+  'ti-lowcode-base-orange-7': '#d96900',
+  'ti-lowcode-base-orange-8': '#a64d00',
+  'ti-lowcode-base-orange-9': '#733400',
+  'ti-lowcode-base-orange-10': '#4d2201',
+  'ti-lowcode-base-orange-11': '#9e6d3f',
+  'ti-lowcode-base-orange-12': '#d6a981',
+  'ti-lowcode-base-orange-13': '#f2d8c2',
+
+  // expand-yellow
+  'ti-lowcode-base-yellow-1': '#fcf9eb',
+  'ti-lowcode-base-yellow-2': '#fcf0c2',
+  'ti-lowcode-base-yellow-3': '#fae396',
+  'ti-lowcode-base-yellow-4': '#f7d56d',
+  'ti-lowcode-base-yellow-5': '#f7c845',
+  'ti-lowcode-base-yellow-6': '#fcbe1e',
+  'ti-lowcode-base-yellow-7': '#d99b0b',
+  'ti-lowcode-base-yellow-8': '#a67711',
+  'ti-lowcode-base-yellow-9': '#7a5202',
+  'ti-lowcode-base-yellow-10': '#4d3200',
+  'ti-lowcode-base-yellow-11': '#9e7e3f',
+  'ti-lowcode-base-yellow-12': '#d4b57f',
+  'ti-lowcode-base-yellow-13': '#e6d3b8',
+
+  // expand-lemon
+  'ti-lowcode-base-lemon-1': '#fcfae8',
+  'ti-lowcode-base-lemon-2': '#fcf6c2',
+  'ti-lowcode-base-lemon-3': '#fcf092',
+  'ti-lowcode-base-lemon-4': '#fae969',
+  'ti-lowcode-base-lemon-5': '#f7e04a',
+  'ti-lowcode-base-lemon-6': '#f7d916',
+  'ti-lowcode-base-lemon-7': '#d9bb16',
+  'ti-lowcode-base-lemon-8': '#a38708',
+  'ti-lowcode-base-lemon-9': '#756002',
+  'ti-lowcode-base-lemon-10': '#4d3d00',
+  'ti-lowcode-base-lemon-11': '#9e8f46',
+  'ti-lowcode-base-lemon-12': '#d6c581',
+  'ti-lowcode-base-lemon-13': '#eddfb2',
+
+  // expand-lime
+  'ti-lowcode-base-lime-1': '#f8fae3',
+  'ti-lowcode-base-lime-2': '#eff5bf',
+  'ti-lowcode-base-lime-3': '#e2ed8e',
+  'ti-lowcode-base-lime-4': '#d5e667',
+  'ti-lowcode-base-lime-5': '#c6de3e',
+  'ti-lowcode-base-lime-6': '#b2d119',
+  'ti-lowcode-base-lime-7': '#95b312',
+  'ti-lowcode-base-lime-8': '#728c0a',
+  'ti-lowcode-base-lime-9': '#576e05',
+  'ti-lowcode-base-lime-10': '#3b4d00',
+  'ti-lowcode-base-lime-11': '#808c46',
+  'ti-lowcode-base-lime-12': '#c1cc7a',
+  'ti-lowcode-base-lime-13': '#3b4d00',
+
+  // expand-kelly
+  'ti-lowcode-base-kelly-1': '#f2fae6',
+  'ti-lowcode-base-kelly-2': '#daf2bb',
+  'ti-lowcode-base-kelly-3': '#b9e683',
+  'ti-lowcode-base-kelly-4': '#9edb58',
+  'ti-lowcode-base-kelly-5': '#7dcc29',
+  'ti-lowcode-base-kelly-6': '#5cb300',
+  'ti-lowcode-base-kelly-7': '#4b9902',
+  'ti-lowcode-base-kelly-8': '#3c8001',
+  'ti-lowcode-base-kelly-9': '#2e6600',
+  'ti-lowcode-base-kelly-10': '#1f4700',
+  'ti-lowcode-base-kelly-11': '#628c38',
+  'ti-lowcode-base-kelly-12': '#a2c777',
+  'ti-lowcode-base-kelly-13': '#d2e6bb',
+
+  // expand-green
+  'ti-lowcode-base-green-1': '#e8fced',
+  'ti-lowcode-base-green-2': '#bbf2c8',
+  'ti-lowcode-base-green-3': '#82e09a',
+  'ti-lowcode-base-green-4': '#51d675',
+  'ti-lowcode-base-green-5': '#25c251',
+  'ti-lowcode-base-green-6': '#00b336',
+  'ti-lowcode-base-green-7': '#029931',
+  'ti-lowcode-base-green-8': '#01802b',
+  'ti-lowcode-base-green-9': '#006624',
+  'ti-lowcode-base-green-10': '#004a1b',
+  'ti-lowcode-base-green-11': '#3d995c',
+  'ti-lowcode-base-green-12': '#77c78f',
+  'ti-lowcode-base-green-13': '#b8e6c7',
+
+  // expand-mint
+  'ti-lowcode-base-mint-1': '#e8fcfa',
+  'ti-lowcode-base-mint-2': '#bff5ef',
+  'ti-lowcode-base-mint-3': '#8be8e0',
+  'ti-lowcode-base-mint-4': '#5dded5',
+  'ti-lowcode-base-mint-5': '#38d6ce',
+  'ti-lowcode-base-mint-6': '#10c7c1',
+  'ti-lowcode-base-mint-7': '#0aaba8',
+  'ti-lowcode-base-mint-8': '#048c8c',
+  'ti-lowcode-base-mint-9': '#046466',
+  'ti-lowcode-base-mint-10': '#004547',
+  'ti-lowcode-base-mint-11': '#3d9996',
+  'ti-lowcode-base-mint-12': '#77c7c2',
+  'ti-lowcode-base-mint-13': '#b8e6e1',
+
+  // expand-sky
+  'ti-lowcode-base-sky-1': '#e8f8fc',
+  'ti-lowcode-base-sky-2': '#c4f2ff',
+  'ti-lowcode-base-sky-3': '#9de4fa',
+  'ti-lowcode-base-sky-4': '#79d8f7',
+  'ti-lowcode-base-sky-5': '#58cbf5',
+  'ti-lowcode-base-sky-6': '#33bcf2',
+  'ti-lowcode-base-sky-7': '#1f9acf',
+  'ti-lowcode-base-sky-8': '#1075a3',
+  'ti-lowcode-base-sky-9': '#065278',
+  'ti-lowcode-base-sky-10': '#00304a',
+  'ti-lowcode-base-sky-11': '#3d7f99',
+  'ti-lowcode-base-sky-12': '#7ab8cc',
+  'ti-lowcode-base-sky-13': '#b6e5f2',
+
+  // expand-blue
+  'ti-lowcode-base-blue-1': '#e3effa',
+  'ti-lowcode-base-blue-2': '#c4e1ff',
+  'ti-lowcode-base-blue-3': '#99c9ff',
+  'ti-lowcode-base-blue-4': '#68abfc',
+  'ti-lowcode-base-blue-5': '#4191fa',
+  'ti-lowcode-base-blue-6': '#1476ff',
+  'ti-lowcode-base-blue-7': '#0f5ed4',
+  'ti-lowcode-base-blue-8': '#0845a6',
+  'ti-lowcode-base-blue-9': '#022e7a',
+  'ti-lowcode-base-blue-10': '#001a4a',
+  'ti-lowcode-base-blue-11': '#3d6899',
+  'ti-lowcode-base-blue-12': '#7fa6d4',
+  'ti-lowcode-base-blue-13': '#b6d4f2',
+
+  // expand-indigo
+  'ti-lowcode-base-indigo-1': '#eee8ff',
+  'ti-lowcode-base-indigo-2': '#ddd7fa',
+  'ti-lowcode-base-indigo-3': '#b19cf7',
+  'ti-lowcode-base-indigo-4': '#957af5',
+  'ti-lowcode-base-indigo-5': '#6e51e0',
+  'ti-lowcode-base-indigo-6': '#512fd6',
+  'ti-lowcode-base-indigo-7': '#391eb0',
+  'ti-lowcode-base-indigo-8': '#27108f',
+  'ti-lowcode-base-indigo-9': '#19056e',
+  'ti-lowcode-base-indigo-10': '#0e004d',
+  'ti-lowcode-base-indigo-11': '#584d99',
+  'ti-lowcode-base-indigo-12': '#847acc',
+  'ti-lowcode-base-indigo-13': '#bbb8e6',
+
+  // expand-purple
+  'ti-lowcode-base-purple-1': '#f5e8ff',
+  'ti-lowcode-base-purple-2': '#e4c5fc',
+  'ti-lowcode-base-purple-3': '#d0a1f7',
+  'ti-lowcode-base-purple-4': '#b878f0',
+  'ti-lowcode-base-purple-5': '#9f53e6',
+  'ti-lowcode-base-purple-6': '#832fd6',
+  'ti-lowcode-base-purple-7': '#641eb0',
+  'ti-lowcode-base-purple-8': '#4c1091',
+  'ti-lowcode-base-purple-9': '#370673',
+  'ti-lowcode-base-purple-10': '#20004d',
+  'ti-lowcode-base-purple-11': '#683d99',
+  'ti-lowcode-base-purple-12': '#a07acc',
+  'ti-lowcode-base-purple-13': '#cbb8e6',
+
+  // expand-pink
+  'ti-lowcode-base-pink-1': '#fce6fb',
+  'ti-lowcode-base-pink-2': '#fcc2f9',
+  'ti-lowcode-base-pink-3': '#f794f2',
+  'ti-lowcode-base-pink-4': '#eb67e6',
+  'ti-lowcode-base-pink-5': '#e841e5',
+  'ti-lowcode-base-pink-6': '#d91ad9',
+  'ti-lowcode-base-pink-7': '#b50fb8',
+  'ti-lowcode-base-pink-8': '#8f0a94',
+  'ti-lowcode-base-pink-9': '#6b0370',
+  'ti-lowcode-base-pink-10': '#47004d',
+  'ti-lowcode-base-pink-11': '#993d99',
+  'ti-lowcode-base-pink-12': '#c97acc',
+  'ti-lowcode-base-pink-13': '#e2b8e6',
+
+  // expand-rose
+  'ti-lowcode-base-rose-1': '#fce6ef',
+  'ti-lowcode-base-rose-2': '#ffc4de',
+  'ti-lowcode-base-rose-3': '#fa9bc9',
+  'ti-lowcode-base-rose-4': '#f56cac',
+  'ti-lowcode-base-rose-5': '#eb4696',
+  'ti-lowcode-base-rose-6': '#e61c81',
+  'ti-lowcode-base-rose-7': '#b50e65',
+  'ti-lowcode-base-rose-8': '#940a54',
+  'ti-lowcode-base-rose-9': '#70033f',
+  'ti-lowcode-base-rose-10': '#4d002b',
+  'ti-lowcode-base-rose-11': '#993d6e',
+  'ti-lowcode-base-rose-12': '#cc7aa6',
+  'ti-lowcode-base-rose-13': '#e6b8d2',
+
+  // 公司品牌色
+  'ti-lowcode-base-brand-color': '#c7000b',
+
+  // 主色
+  'ti-lowcode-base-primary-color-1': '#191919',
+  'ti-lowcode-base-primary-color-2': '#1476ff',
+
+  // 背景色
+  'ti-lowcode-base-bg': '#f5f5f5',
+  'ti-lowcode-base-bg-1': 'rgba(0, 0, 0, 0.05)',
+  'ti-lowcode-base-bg-2': '#fafafa',
+  'ti-lowcode-base-bg-3': '#191919',
+  'ti-lowcode-base-bg-4': '#595959',
+  'ti-lowcode-base-bg-5': '#fff',
+  'ti-lowcode-base-bg-6': '#5959591a',
+  'ti-lowcode-base-dark-bg': '#141414',
+  'ti-lowcode-base-dark-bg-2': '#333',
+  'ti-lowcode-base-dark-bg-3': '#e6e6e6',
+  'ti-lowcode-base-dark-bg-4': '#a6a6a6',
+  'ti-lowcode-base-dark-bg-5': '#000',
+  'ti-lowcode-base-dark-bg-6': '#a6a6a61a',
+
+  // 文本色
+  'ti-lowcode-base-text-color': '#191919',
+  'ti-lowcode-base-text-color-1': '#595959',
+  'ti-lowcode-base-text-color-2': '#1476ff',
+  'ti-lowcode-base-text-color-3': '#808080',
+  'ti-lowcode-base-text-color-4': '#c2c2c2',
+  'ti-lowcode-base-dark-text-color': '#e6e6e6',
+  'ti-lowcode-base-dark-text-color-1': '#a6a6a6',
+  'ti-lowcode-base-text-dark-color-2': '#595959',
+
+  // 文本链接色
+  'ti-lowcode-base-text-link-color': '#191919',
+  'ti-lowcode-base-text-link-color-1': '#595959',
+  'ti-lowcode-base-text-link-color-2': '#c2c2c2',
+  'ti-lowcode-base-text-link-color-3': '#fff',
+  'ti-lowcode-base-dark-text-link-color': '#e6e6e6',
+  'ti-lowcode-base-dark-text-link-color-1': '#a6a6a6',
+
+  // 按钮边框色
+  'ti-lowcode-base-secondary-button-border-color': '#595959',
+  'ti-lowcode-base-secondary-button-border-hover-color': '#c2c2c2',
+  'ti-lowcode-base-default-button-border-color': '#c2c2c2',
+  'ti-lowcode-base-default-button-border-hover-color': '#191919',
+  'ti-lowcode-base-default-button-border-disable-color': '#dbdbdb',
+  'ti-lowcode-base-dark-secondary-button-border-color': '#a6a6a6',
+  'ti-lowcode-base-dark-secondary-button-border-hover-color': '#3d3d3d',
+  'ti-lowcode-base-dark-default-button-border-color': '#595959',
+  'ti-lowcode-base-dark-default-button-border-hover-color': '#e6e6e6',
+
+  // 分割线
+  'ti-lowcode-base-split-color-1': 'rgba(0, 0, 0, 0.08)', // 白色背景分割线
+  'ti-lowcode-base-split-color-2': 'rgba(0, 0, 0, 0.15)', // 灰色背景分割线
+  'ti-lowcode-base-dark-split-color-1': 'rgba(255, 255, 255, 0.08)', // 白色背景分割线
+  'ti-lowcode-base-dark-split-color-2': 'rgba(255, 255, 255, 0.15)',
+
+  // 状态色
+  'ti-lowcode-base-error-color': '#f23030',
+  'ti-lowcode-base-warn-color': '#ff8800',
+  'ti-lowcode-base-warn-color-1': '#f7d916',
+  'ti-lowcode-base-success-color': '#5cb300',
+  'ti-lowcode-base-prompt-color': '#1476ff',
+  'ti-lowcode-base-invalidate-color': '#ebebeb'
+}
+
+export * from './light-component.js'
+
+export * from './dark-component.js'
diff --git a/packages/theme/base/src/dark-component.js b/packages/theme/base/src/dark-component.js
new file mode 100644
index 000000000..9cd4c8985
--- /dev/null
+++ b/packages/theme/base/src/dark-component.js
@@ -0,0 +1,20 @@
+export const concatThemeDark = {
+  // 弹窗
+  'ti-dialog-box-bg-color': '#2f2f2f',
+  'ti-dialog-box-head-title-text-color': '#e6e6e6',
+  'ti-dialog-box-close-icon-color-hover': '#adb0b8',
+  'ti-dialog-box-close-icon-color': '#fff',
+  'ti-dialog-box-body-text-color': '#191919',
+  // 手风琴
+  'ti-collapse-item-text-color': '#e6e6e6',
+  'ti-collapse-item-header-bg-color': '#222222',
+  'ti-collapse-item-header-padding-vertical': '20px',
+  'ti-collapse-item-wrap-bg-color': '#2f2f2f',
+  'ti-collapse-item-bg-color': '#2f2f2f',
+  // dropdown组件
+  'ti-dropdown-text-color-hover': '#8a8e99',
+  // input 组件
+  'ti-input-text-color': '#d9d9d9',
+  'ti-input-bg-color': '#262626',
+  'ti-input-border-color': 'transparent'
+}
diff --git a/packages/theme/base/src/index.js b/packages/theme/base/src/index.js
new file mode 100644
index 000000000..aa6208bab
--- /dev/null
+++ b/packages/theme/base/src/index.js
@@ -0,0 +1,15 @@
+import { tinyBaseTheme, concatThemeLight, concatThemeDark } from './base'
+
+export const tinyEngineThemeLight = {
+  id: 'tiny-engine-light-theme',
+  name: 'EngineLightTheme',
+  cnName: 'EngineLightTheme',
+  data: { ...tinyBaseTheme, ...concatThemeLight }
+}
+
+export const tinyEngineThemeDark = {
+  id: 'tiny-engine-dark-theme',
+  name: 'EngineDarkTheme',
+  cnName: 'EngineDarkTheme',
+  data: { ...tinyBaseTheme, ...concatThemeDark }
+}
diff --git a/packages/theme/base/src/light-component.js b/packages/theme/base/src/light-component.js
new file mode 100644
index 000000000..fc24f2662
--- /dev/null
+++ b/packages/theme/base/src/light-component.js
@@ -0,0 +1,20 @@
+export const concatThemeLight = {
+  // 弹窗
+  'ti-dialog-box-bg-color': '#fff',
+  'ti-dialog-box-head-title-text-color': '#191919',
+  'ti-dialog-box-close-icon-color-hover': '#1f1f1f',
+  'ti-dialog-box-close-icon-color': '#808080',
+  'ti-dialog-box-body-text-color': '#191919',
+  // collapse手风琴
+  'ti-collapse-item-text-color': '#191919',
+  'ti-collapse-item-header-bg-color': 'transparent',
+  'ti-collapse-item-header-padding-vertical': '20px',
+  'ti-collapse-item-wrap-bg-color': '#fff',
+  'ti-collapse-item-bg-color': '#fff',
+  // dropdown组件
+  'ti-dropdown-text-color-hover': '#526ecc',
+  // input组件
+  'ti-input-text-color': '#191919',
+  'ti-input-bg-color': '#fff',
+  'ti-input-border-color': '#c2c2c2'
+}
diff --git a/packages/theme/base/vite.config.js b/packages/theme/base/vite.config.js
new file mode 100644
index 000000000..5e8379be8
--- /dev/null
+++ b/packages/theme/base/vite.config.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+import { defineConfig } from 'vite'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  publicDir: false,
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, './src/index.js'),
+      name: 'theme-base',
+      fileName: () => 'index.js',
+      formats: ['es']
+    }
+  }
+})