feat:rename subtree from frontend-vue to frontend

frontend/src/styles/element/index.scss

@@ -0,0 +1,27 @@
+
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+     'primary': (
+      'base': #165DFF,
+    ),
+    'success': (
+      'base': #52C41A,
+    ),
+    'warning': (
+      'base': #FAAD14,
+    ),
+    'danger': (
+      'base': #FF4D4F,
+    ),
+  ),
+
+  $card: (
+    'border-radius': 0.75rem,
+  ),
+
+  $text-color: (
+     'secondary': #86909c,
+     'regular': #1d2129,
+  )
+);
+

frontend/src/styles/index.scss

@@ -0,0 +1,3 @@
+@use "reset";
+@use "theme";
+@use "element/index";

frontend/src/styles/reset.scss

@@ -0,0 +1,76 @@
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-color: currentcolor;
+  border-style: solid;
+  border-width: 0;
+}
+
+#app {
+  width: 100%;
+  height: 100%;
+}
+
+html {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  line-height: 1.5;
+  tab-size: 4;
+  text-size-adjust: 100%;
+}
+
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
+    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+  line-height: inherit;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizelegibility;
+}
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+img,
+svg {
+  display: inline-block;
+}
+
+svg {
+  // 因icon大小被设置为和字体大小一致，而span等标签的下边缘会和字体的基线对齐，故需设置一个往下的偏移比例，来纠正视觉上的未对齐效果
+  vertical-align: -0.15em;
+}
+
+ul,
+li {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+a,
+a:focus,
+a:hover {
+  color: inherit;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+a:focus,
+a:active,
+div:focus {
+  outline: none;
+}

frontend/src/styles/tailwindcss.css

@@ -0,0 +1 @@
+@import 'tailwindcss';

frontend/src/styles/theme.scss

@@ -0,0 +1,16 @@
+:root {
+  --color-bg: #fff;
+  --color-bg-secondary: #fafafa;
+  --color-bg-tertiary: #f5f5f5;
+  --color-text: #000;
+}
+
+html.dark {
+  --color-bg: #131A27;
+  --color-bg-secondary: #050505;
+  --color-bg-tertiary: #20222A;
+  --color-bg-quaternary: #24252A;
+  --color-bg-quinary: #29303c;
+  --color-text: #fff;
+  --color-text-secondary: #C9C9C9;
+}

frontend/src/styles/variables.module.scss

@@ -0,0 +1,15 @@
+$bg: var(--color-bg);
+$bg-secondary: var(--color-bg-secondary);
+$bg-tertiary: var(--color-bg-tertiary);
+$bg-quaternary: var(--color-bg-quaternary);
+$text: var(--color-text);
+$text-secondary: var(--color-text-secondary);
+
+:export {
+  bg: $bg;
+  bg-secondary: $bg-secondary;
+  bg-tertiary: $bg-tertiary;
+  bg-quaternary: $bg-quaternary;
+  text: $text;
+  text-secondary: $text-secondary;
+}