添加主题

2023-08-16 00:21:52 +08:00
parent 934e54a477
commit d59038e2d3
7 changed files with 204 additions and 90 deletions
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -2,6 +2,25 @@
@import "colors";
@import "anim";

+:root {
+  --color-main-bg: rgb(226, 226, 226);
+  --color-second-bg: rgb(238,240,244);
+  --color-header-bg: white;
+  --color-font: black;
+}
+
+html[data-theme='dark'] {
+  --color-main-bg: rgba(0, 5, 24, 1);
+  --color-second-bg: rgb(60, 63, 65);
+  --color-header-bg: white;
+
+}
+
+$anim-time: 0.3s;
+* {
+  transition: background-color $anim-time, color $anim-time;
+}
+
 html, body {
  padding: 0;
  margin: 0;