jkjoy/asky
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

遵循设置主题色

Browse Source
This commit is contained in:
浪子
2026-05-17 18:01:35 +08:00
parent bfec198c18
commit 6452452c68
2 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+8 -8
View File
@@ -2774,7 +2774,7 @@ margin:0 !important
font-size: 20px; font-size: 20px;
font-family: cursive; font-family: cursive;
font-weight: 400; font-weight: 400;
color: #A0DAD0; color: var(--theme-skin, #A0DAD0);
margin-left: 30px; margin-left: 30px;
margin-top: 50px; margin-top: 50px;
} }
@@ -2805,7 +2805,7 @@ span.time {
.ar-time i { .ar-time i {
padding: 10px; padding: 10px;
border-radius: 100px; border-radius: 100px;
background: #A0DAD0; background: var(--theme-skin, #A0DAD0);
color: #fff; color: #fff;
} }
@@ -2835,7 +2835,7 @@ span.time {
span.ar-circle { span.ar-circle {
height: 10px; height: 10px;
width: 10px; width: 10px;
background: #A0DAD0; background: var(--theme-skin, #A0DAD0);
display: inline-block; display: inline-block;
position: absolute; position: absolute;
left: -5px; left: -5px;
@@ -2906,7 +2906,7 @@ header.page-header {
} }
span.sitename { span.sitename {
color: #A0DAD0; color: var(--theme-skin, #A0DAD0);
padding-bottom: 10px; padding-bottom: 10px;
display: block; display: block;
-webkit-transition: all .3s; -webkit-transition: all .3s;
@@ -2931,13 +2931,13 @@ span.sitename {
font-weight: 400; font-weight: 400;
color: #6D6D6D; color: #6D6D6D;
padding-left: 10px; padding-left: 10px;
border-left: 3px solid #A0DAD0; border-left: 3px solid var(--theme-skin, #A0DAD0);
margin: 15px 0 20px; margin: 15px 0 20px;
} }
.links ul li:before { .links ul li:before {
content: ""; content: "";
background-color: #A0DAD0; background-color: var(--theme-skin, #A0DAD0);
-webkit-transform: skew(45deg, 0); -webkit-transform: skew(45deg, 0);
transform: skew(45deg, 0); transform: skew(45deg, 0);
width: 0; width: 0;
@@ -2952,7 +2952,7 @@ span.sitename {
.links ul li:hover { .links ul li:hover {
color: #27323A; color: #27323A;
border: 1px solid #A0DAD0; border: 1px solid var(--theme-skin, #A0DAD0);
} }
.links ul li:hover:before { .links ul li:hover:before {
@@ -5556,7 +5556,7 @@ i.iconfont.icon-download {
} }
.links ul li:hover .sitename { .links ul li:hover .sitename {
color: #A0DAD0; color: var(--theme-skin, #A0DAD0);
} }
.links ul li:hover .linkdes { .links ul li:hover .linkdes {
src/components/Header.astro
+9 -3
View File
@@ -3,16 +3,22 @@ import { askyOption, isOptionOn, getConfig } from '../lib/options';
const showSearch = askyOption('top_search') === 'yes'; const showSearch = askyOption('top_search') === 'yes';
const navOpen = isOptionOn('shownav'); 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"> <header class="site-header" role="banner">
<div class="site-top"> <div class="site-top">
<div class="user-panel"> {logo && (
<div class="site-branding">
<div class="site-logo">
<a href="/"> <a href="/">
<img src={askyOption('focus_logo') || '/images/avatar.jpg'} alt="avatar" /> <img src={logo} alt={site.name} />
</a> </a>
</div> </div>
</div>
)}
{showSearch && ( {showSearch && (
<div class="searchbox"> <div class="searchbox">