diff --git a/packages/design-system/theme/README.md b/packages/design-system/theme/README.md
deleted file mode 100644
index bd20a55e6e..0000000000
--- a/packages/design-system/theme/README.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# element-theme-n8n
-
-> element component chalk theme by css variable.
-
-[Online preview](https://n8n-io.github.io/element-theme-n8n/)
-
-## Compatibility
-
-CSS Variable
-https://caniuse.com/css-variables
-
-## Installation
-
-```shell
-npm i element-theme-n8n -S
-```
-
-## Usage
-
-Use Sass import
-
-```css
-@import 'element-theme-n8n';
-```
-
-Or Use webpack
-
-```javascript
-import 'element-theme-n8n';
-```
-
-Or
-
-```html
-<link
-	rel="stylesheet"
-	href="path/to/node_modules/element-theme-chalk/css-variable/lib/index.css"
-/>
-```
-
-## Import on demand
-
-```javascript
-import 'element-theme-n8n/dist/input.css';
-import 'element-theme-n8n/dist/select.css';
-
-// ...
-```
diff --git a/packages/design-system/theme/docs.css b/packages/design-system/theme/preview/docs.css
similarity index 100%
rename from packages/design-system/theme/docs.css
rename to packages/design-system/theme/preview/docs.css
diff --git a/packages/design-system/theme/index.html b/packages/design-system/theme/preview/index.html
similarity index 99%
rename from packages/design-system/theme/index.html
rename to packages/design-system/theme/preview/index.html
index 17ed2656a2..a42bb55588 100644
--- a/packages/design-system/theme/index.html
+++ b/packages/design-system/theme/preview/index.html
@@ -1,13 +1,12 @@
 <!DOCTYPE html>
-<!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="UTF-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Element UI Theme CSS Variable</title>
+		<title>Deprecated - Element UI Theme CSS Variable</title>
 		<!-- import CSS -->
-		<link rel="stylesheet" href="./dist/index.css" />
+		<link rel="stylesheet" href="../dist/index.css" />
 		<link rel="stylesheet" href="./docs.css" />
 	</head>
 
@@ -176,9 +175,9 @@
 									<div class="title">Example body text</div>
 									<p
 										class="paragraph"
-										:style="{ 
+										:style="{
               fontSize: font_size_base,
-              fontWeight: font_weight_primary, 
+              fontWeight: font_weight_primary,
               lineHeight: font_line_height_primary
             }"
 									>
@@ -192,9 +191,9 @@
 									<div class="title">Example small text</div>
 									<p
 										class="paragraph"
-										:style="{ 
+										:style="{
               fontSize: font_size_small,
-              fontWeight: font_weight_secondary, 
+              fontWeight: font_weight_secondary,
               lineHeight: font_line_height_secondary
             }"
 									>
