遵循设置主题色

public/style.css

@@ -2774,7 +2774,7 @@ margin:0 !important
     font-size: 20px;
     font-family: cursive;
     font-weight: 400;
-    color: #A0DAD0;
+    color: var(--theme-skin, #A0DAD0);
     margin-left: 30px;
     margin-top: 50px;
 }
@@ -2805,7 +2805,7 @@ span.time {
 .ar-time i {
     padding: 10px;
     border-radius: 100px;
-    background: #A0DAD0;
+    background: var(--theme-skin, #A0DAD0);
     color: #fff;
 }
 
@@ -2835,7 +2835,7 @@ span.time {
 span.ar-circle {
     height: 10px;
     width: 10px;
-    background: #A0DAD0;
+    background: var(--theme-skin, #A0DAD0);
     display: inline-block;
     position: absolute;
     left: -5px;
@@ -2906,7 +2906,7 @@ header.page-header {
 }
 
 span.sitename {
-    color: #A0DAD0;
+    color: var(--theme-skin, #A0DAD0);
     padding-bottom: 10px;
     display: block;
     -webkit-transition: all .3s;
@@ -2931,13 +2931,13 @@ span.sitename {
     font-weight: 400;
     color: #6D6D6D;
     padding-left: 10px;
-    border-left: 3px solid #A0DAD0;
+    border-left: 3px solid var(--theme-skin, #A0DAD0);
     margin: 15px 0 20px;
 }
 
 .links ul li:before {
     content: "";
-    background-color: #A0DAD0;
+    background-color: var(--theme-skin, #A0DAD0);
     -webkit-transform: skew(45deg, 0);
     transform: skew(45deg, 0);
     width: 0;
@@ -2952,7 +2952,7 @@ span.sitename {
 
 .links ul li:hover {
     color: #27323A;
-    border: 1px solid #A0DAD0;
+    border: 1px solid var(--theme-skin, #A0DAD0);
 }
 
 .links ul li:hover:before {
@@ -5556,7 +5556,7 @@ i.iconfont.icon-download {
     }
 
     .links ul li:hover .sitename {
-        color: #A0DAD0;
+        color: var(--theme-skin, #A0DAD0);
     }
 
     .links ul li:hover .linkdes {

src/components/Header.astro

@@ -3,16 +3,22 @@ import { askyOption, isOptionOn, getConfig } from '../lib/options';
 
 const showSearch = askyOption('top_search') === 'yes';
 const navOpen = isOptionOn('shownav');
-const menu = getConfig().site.menu;
+const site = getConfig().site;
+const menu = site.menu;
+const logo = askyOption('akina_logo');
 ---
 
 <header class="site-header" role="banner">
   <div class="site-top">
-    <div class="user-panel">
+    {logo && (
+      <div class="site-branding">
+        <div class="site-logo">
           <a href="/">
-        <img src={askyOption('focus_logo') || '/images/avatar.jpg'} alt="avatar" />
+            <img src={logo} alt={site.name} />
           </a>
         </div>
+      </div>
+    )}
 
     {showSearch && (
       <div class="searchbox">