feat: theme color change

hellof2e · Aug 2, 2024 · cabfa16 · cabfa16
1 parent 197750e
commit cabfa16
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 15 deletions.
diff --git a/src/assets/styles/md-style.scss b/src/assets/styles/md-style.scss
@@ -16,7 +16,7 @@
 
   a {
     margin: 0 1px;
-    color: #646cff;
+    color: #0da6e9;
     text-decoration-line: underline;
 
     &:hover {
@@ -95,7 +95,7 @@
     td {
       padding: 8px 20px;
       color: #fff;
-      
+
       &:first-child {
         border-left: 0px;
         code {

diff --git a/src/assets/styles/theme.css b/src/assets/styles/theme.css
@@ -9,8 +9,8 @@
   --line-light: rgba(60, 60, 67, .12);
   --text-font-color-light: rgba(60, 60, 67, .92);
 
-  --brand-color: #646cff;
-  --nav-link-color: #646cff;
+  --brand-color: #0da6e9;
+  --nav-link-color: #0da6e9;
 
   --brand-color-light: #bcc0ff;
 
@@ -111,7 +111,7 @@ html.dark {
   /* --text-font-color-light: rgba(255, 255, 255, 0.87); */
 
   --text-code-font-color: #c9def1;
-  --brand-color: #646cff;
+  --brand-color: #0da6e9;
   --nav-link-color: #fff;
   --brand-color-light: #bcc0ff;
   --mute-light: #313136;
@@ -158,7 +158,7 @@ html.dark .flyout-menu .menu-link {
   color: rgba(255, 255, 255, .87);
 }
 html.dark .flyout-menu .menu-link:hover {
-  color: #646cff;
+  color: #0da6e9;
 }
 
 

diff --git a/src/components/Nav.vue b/src/components/Nav.vue
@@ -161,7 +161,7 @@ export default defineComponent({
 
         &:hover {
           a {
-            color: #646cff;
+            color: #0da6e9;
           }
         }
 
@@ -172,7 +172,7 @@ export default defineComponent({
 
           &.router-link-active,
           &.active {
-            color: #646cff;
+            color: #0da6e9;
           }
 
           b {

diff --git a/src/components/Search.vue b/src/components/Search.vue
@@ -214,16 +214,16 @@ export default defineComponent({
     }
 
     &:hover {
-      color: #646cff;
+      color: #0da6e9;
 
       a {
-        color: #646cff;
+        color: #0da6e9;
       }
     }
   }
 
   .cur {
-    background: #646cff;
+    background: #0da6e9;
     color: #fff;
 
     &:hover {

diff --git a/src/views/main.scss b/src/views/main.scss
@@ -33,7 +33,7 @@
     transform: translate(-50%,-50%);
 
     // 光晕
-    filter: drop-shadow(0 0 2em #646cffaa);
+    filter: drop-shadow(0 0 2em #0da6e9aa);
   }
 }
 .home-title {
@@ -63,7 +63,7 @@
 }
 
 .text-grad {
-  --brand-gradient: linear-gradient(180deg,#9dbcff,#646cff);
+  --brand-gradient: linear-gradient(180deg,#9dbcff,#0da6e9);
   -webkit-background-clip: text;
   background-image: var(--brand-gradient);
   color: transparent;
@@ -115,7 +115,7 @@
   }
   .get-started{
     min-width: 100px;
-    background-color: #646cff;
+    background-color: #0da6e9;
     color: #fff;
     &:hover{
       background-color: #4f57f8;
@@ -344,7 +344,7 @@
       margin: 0 0 10px 0;
     }
     a {
-      color: #646cff;
+      color: #0da6e9;
       text-decoration-line: underline;
     }
     a:hover {