feat: theme color change

hellof2e · Aug 2, 2024 · 08d4dab · 08d4dab
1 parent ed67d4b
commit 08d4dab
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 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.scss b/src/assets/styles/theme.scss
@@ -8,8 +8,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; // hover color
 
@@ -117,7 +117,7 @@ html.dark {
   --text-font-color-light: rgba(255, 255, 255, 0.5);
 
   --text-code-font-color: #c9def1;
-  --brand-color: #646cff;
+  --brand-color: #0da6e9;
   --nav-link-color: #fff;
   --brand-color-light: #bcc0ff; // hover color
   --mute-light: #313136; // tag background
@@ -143,7 +143,7 @@ html.dark {
   .flyout-menu .menu-link {
     color: rgba(255, 255, 255, .87);
     &: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 {