fix: 明暗主题展示不明显问题

nullptr-z · nullptr-z · commit 4772a0781edc · 2023-02-24T15:44:27.000+08:00
diff --git a/website/src/assets/github.svg b/website/src/assets/github.svg
@@ -1,4 +1,4 @@
 
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg  className="github" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <path d="M10 0C4.475 0 0 4.475 0 10a9.994 9.994 0 006.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.287-.6-1.175-1.025-1.412-.35-.188-.85-.65-.013-.663.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.088.638-1.338-2.225-.25-4.55-1.112-4.55-4.937 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.274.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 012.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0020 10c0-5.525-4.475-10-10-10z"></path>
-</svg>
+</svg>
diff --git a/website/src/component/Footer/index.module.less b/website/src/component/Footer/index.module.less
@@ -1,6 +1,7 @@
 .warpper {
   background: white;
   border-top: 1px solid #e1e4e8;
+  width: 100%;
 }
 
 .inner {
@@ -79,3 +80,8 @@
     margin: 0 5px;
   }
 }
+
+html[data-color-mode*='dark'] .warpper {
+  border-top: 1px solid #032438;
+  background: var(--color-theme-bg);
+}
diff --git a/website/src/component/Header/index.module.less b/website/src/component/Header/index.module.less
@@ -10,7 +10,7 @@
 }
 
 html[data-color-mode*='dark'] .warpper {
-  background-color: #0d1117;
+  background-color: var(--color-theme-bg);
   border-bottom: 1px solid #032438;
 }
 
@@ -27,7 +27,7 @@ html[data-color-mode*='dark'] .warpper {
 
   a {
     transition: all 0.3s;
-    color: #333;
+    color: var(--color-fg-default);
     border-radius: 3px;
     padding: 2px 8px 2px 8px;
     display: flex;
@@ -44,7 +44,6 @@ html[data-color-mode*='dark'] .warpper {
     color: #0366d6;
   }
 }
-
 .logo {
   display: flex;
   align-items: center;
@@ -74,3 +73,9 @@ html[data-color-mode*='dark'] .warpper {
     font-weight: 300;
   }
 }
+
+html[data-color-mode*='dark'] {
+  :global(.github) {
+    fill: white;
+  }
+}
diff --git a/website/src/component/SubMenus/index.module.less b/website/src/component/SubMenus/index.module.less
@@ -3,7 +3,7 @@
   position: relative;
 
   a {
-    color: #5a5a5a;
+    color: var(--color-fg-default);
     transition: all 0.3s;
     margin-left: 10px;
     display: flex;
@@ -39,7 +39,7 @@
   padding: 5px 0;
   margin-left: 10px;
   margin-bottom: 10px;
-  color: #bdbdbd;
+  color: #8a8686;
   border-bottom: 1px solid #eaeaea;
 }
 
diff --git a/website/src/pages/home/index.module.less b/website/src/pages/home/index.module.less
@@ -4,6 +4,15 @@
   background: linear-gradient(60deg, #393e48c4 0%, #dfe2e5 100%);
   color: white;
 }
+html[data-color-mode*='dark'] .header {
+  background: linear-gradient(10deg, #393e48c4 0%, var(--color-theme-bg) 80%);
+  color: rgb(255, 255, 255);
+  h2,
+  p,
+  a:hover {
+    text-shadow: 1px 3px 5px cornflowerblue;
+  }
+}
 
 .headerContent {
   padding-top: 140px;
@@ -25,6 +34,7 @@
   }
   p {
     padding-top: 52px;
+    font-size: 25px;
   }
 }
 .innerHeader {
@@ -64,6 +74,23 @@
   }
 }
 
+html[data-color-mode*='dark'] .waves {
+  :global(.parallax) {
+    & > use:nth-child(1) {
+      fill: #0d1117b5;
+    }
+    & > use:nth-child(2) {
+      fill: #0d111783;
+    }
+    & > use:nth-child(3) {
+      fill: #0d11173c;
+    }
+    & > use:nth-child(4) {
+      fill: var(--color-theme-bg);
+    }
+  }
+}
+
 @keyframes move-forever {
   0% {
     transform: translate3d(-90px, 0, 0);

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`.warpper {`
`2`	`2`	`background: white;`
`3`	`3`	`border-top: 1px solid #e1e4e8;`
	`4`	`+ width: 100%;`
`4`	`5`	`}`
`5`	`6`
`6`	`7`	`.inner {`
`@@ -79,3 +80,8 @@`
`79`	`80`	`margin: 0 5px;`
`80`	`81`	`}`
`81`	`82`	`}`
	`83`	`+`
	`84`	`+html[data-color-mode*='dark'] .warpper {`
	`85`	`+ border-top: 1px solid #032438;`
	`86`	`+ background: var(--color-theme-bg);`
	`87`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`html[data-color-mode*='dark'] .warpper {`
`13`		`- background-color: #0d1117;`
	`13`	`+ background-color: var(--color-theme-bg);`
`14`	`14`	`border-bottom: 1px solid #032438;`
`15`	`15`	`}`
`16`	`16`
`@@ -27,7 +27,7 @@ html[data-color-mode*='dark'] .warpper {`
`27`	`27`
`28`	`28`	`a {`
`29`	`29`	`transition: all 0.3s;`
`30`		`- color: #333;`
	`30`	`+ color: var(--color-fg-default);`
`31`	`31`	`border-radius: 3px;`
`32`	`32`	`padding: 2px 8px 2px 8px;`
`33`	`33`	`display: flex;`
`@@ -44,7 +44,6 @@ html[data-color-mode*='dark'] .warpper {`
`44`	`44`	`color: #0366d6;`
`45`	`45`	`}`
`46`	`46`	`}`
`47`		`-`
`48`	`47`	`.logo {`
`49`	`48`	`display: flex;`
`50`	`49`	`align-items: center;`
`@@ -74,3 +73,9 @@ html[data-color-mode*='dark'] .warpper {`
`74`	`73`	`font-weight: 300;`
`75`	`74`	`}`
`76`	`75`	`}`
	`76`	`+`
	`77`	`+html[data-color-mode*='dark'] {`
	`78`	`+ :global(.github) {`
	`79`	`+ fill: white;`
	`80`	`+ }`
	`81`	`+}`