From 08d4dab00acf28976708f6c2a0a6ec23fa353840 Mon Sep 17 00:00:00 2001 From: xsf0105 Date: Fri, 2 Aug 2024 12:34:52 +0800 Subject: [PATCH] feat: theme color change --- src/assets/styles/md-style.scss | 4 ++-- src/assets/styles/theme.scss | 8 ++++---- src/components/Nav.vue | 4 ++-- src/components/Search.vue | 6 +++--- 4 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/assets/styles/md-style.scss b/src/assets/styles/md-style.scss index 5e11613..ce2458a 100644 --- 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 index fb2090a..ee5070f 100644 --- 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 index ee71ee3..f936a1a 100644 --- 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 index 32f7f10..a51b813 100644 --- 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 {