diff --git a/index.html b/index.html
index 15ed423..48d166b 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
-
+
diff --git a/src/components/RegExp.vue b/src/components/RegExp.vue
index 961a9d7..cde4ee4 100644
--- a/src/components/RegExp.vue
+++ b/src/components/RegExp.vue
@@ -119,7 +119,7 @@ onMounted(() => {
padding: 20px;
max-width: 600px;
margin: 0 auto;
- background-color: #1e1e1e; /* 暗色背景 */
+/* background-color: #1e1e1e; /* 暗色背景 */
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
@@ -127,7 +127,7 @@ onMounted(() => {
h1,
h2 {
text-align: center;
- color: #ffffff; /* 白色文字 */
+ /* color: #ffffff; /* 白色文字 */
}
.regex-input,
@@ -144,47 +144,47 @@ h2 {
.results {
margin-top: 20px;
padding: 15px;
- background-color: #2d2d2d; /* 暗色背景 */
+ /* background-color: #2d2d2d; /* 暗色背景 */
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.result-item {
- border: 1px solid #444444; /* 暗色边框 */
+/* border: 1px solid #444444; /* 暗色边框 */
padding: 10px;
margin-bottom: 10px;
border-radius: 4px;
- background-color: #333333; /* 暗色背景 */
+ /* background-color: #333333; /* 暗色背景 */
}
.result-item p {
margin: 5px 0;
- color: #cccccc; /* 浅灰色文字 */
+ /*color: #cccccc; /* 浅灰色文字 */
}
/* 匹配示意图样式 */
.match-diagram {
margin-top: 20px;
padding: 15px;
- background-color: #2d2d2d; /* 暗色背景 */
+ /*background-color: #2d2d2d; /* 暗色背景 */
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.diagram-content {
padding: 10px;
- background-color: #333333; /* 暗色背景 */
- border: 1px solid #444444; /* 暗色边框 */
+ /*background-color: #333333; /* 暗色背景 */
+/* border: 1px solid #444444; /* 暗色边框 */
border-radius: 4px;
}
.diagram-content pre {
margin: 0;
- color: #cccccc; /* 浅灰色文字 */
+ /* color: #cccccc; /* 浅灰色文字 */
}
.highlight {
- background-color: #ffeb3b; /* 高亮颜色 */
+ /* background-color: #ffeb3b; /* 高亮颜色 */
padding: 2px 4px;
border-radius: 3px;
}
diff --git a/src/main.ts b/src/main.ts
index a1b51d7..a16411d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,8 @@
// main.ts 或 main.js
// main.ts 或 main.js
import 'element-plus/dist/index.css';
+// if you just want to import css
+import 'element-plus/theme-chalk/dark/css-vars.css'
import { createApp } from 'vue';
import App from './App.vue';
import ElementPlus from 'element-plus';