From 35cd21dfac44862cc59cf60ce5be5dac50733eb6 Mon Sep 17 00:00:00 2001 From: "1152958806@qq.com" <17683872107czx> Date: Mon, 16 Oct 2023 16:39:22 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/assets/zhheo/custom.css | 4 + templates/assets/zhheo/zhheoblog.css | 122 +++++++++++-------- templates/modules/widgets/aside/profile.html | 37 +++++- 3 files changed, 108 insertions(+), 55 deletions(-) diff --git a/templates/assets/zhheo/custom.css b/templates/assets/zhheo/custom.css index e6a9a896..325971de 100644 --- a/templates/assets/zhheo/custom.css +++ b/templates/assets/zhheo/custom.css @@ -157,6 +157,10 @@ i.haofont.hao-icon-arrow-right.banner-righticon{ align-items: flex-start } +.card-widget.card-friend-link a.card-friend-item:hover .card-friend-name { + color: var(--heo-card-bg) !important; +} + .card-widget.card-friend-link .card-friend-name { color: var(--card-friend-name-color) } diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css index aa79ba5b..08ae6434 100644 --- a/templates/assets/zhheo/zhheoblog.css +++ b/templates/assets/zhheo/zhheoblog.css @@ -2035,11 +2035,10 @@ blockquote footer cite::before { } #aside-content .card-tag-cloud a:hover { - background-color: rgb(255, 255, 255); + background-color: #fff; cursor: pointer; border-radius: 5px; - transform: scale(1.1); - color: rgb(48, 122, 246) !important; + color: #307af6!important } #aside-content .aside-list > span { @@ -2650,11 +2649,6 @@ blockquote footer cite::before { background: rgba(255, 255, 255, 0.8); } -#page-header.not-top-img #nav a { - color: var(--heo-fontcolor); - text-shadow: none; -} - #page-header.not-top-img #travellings_button::after { background: var(--heo-main)!important; } @@ -2888,6 +2882,10 @@ blockquote footer cite::before { } } +.page #nav a { + color: var(--heo-fontcolor) +} + #nav.show { opacity: 1; filter: none; @@ -4784,8 +4782,8 @@ html { } */ #nav .menus_items .menus_item .menus_item_child > .recursion_menus_item:hover > a { - background: var(--heo-main) !important; - color: var(--heo-white) !important; + background: var(--heo-lighttext); + color: var(--heo-card-bg); box-shadow: var(--heo-shadow-main); margin: 0 auto; transform: scale(1) !important; @@ -5433,7 +5431,7 @@ html { } .back-menu-list-groups .back-menu-list .back-menu-item:hover .back-menu-item-text { - color: var(--heo-white); + color: var(--heo-card-bg) } .back-home-button .back-menu-list-group { @@ -6098,38 +6096,43 @@ i.fab { } #nav a:hover { - color: var(--heo-white) !important; + color: var(--heo-white); background: var(--heo-white-op); transition: 0.3s; } .page #nav a:hover { - color: var(--heo-white) !important; - background: var(--heo-main); + color: var(--heo-card-bg); + background: var(--heo-lighttext); transition: 0.3s; - box-shadow: var(--heo-shadow-main); + box-shadow: var(--heo-shadow-main) } .nav-fixed #nav a:hover { - background: var(--heo-main); - transition: 0.3s; + background: var(--heo-lighttext); + color: var(--heo-card-bg); + transition: .3s } @media screen and (min-width: 768px) { .menus_item:hover > a.site-page { - color: var(--heo-white) !important; + color:var(--heo-card-bg); background: var(--heo-white-op); transition: 0.3s; box-shadow: var(--heo-shadow-main); } .page .menus_item:hover > a.site-page { - color: var(--heo-white) !important; + color: var(--heo-card-bg); background: var(--heo-main); transition: 0.3s; box-shadow: var(--heo-shadow-main); } + .post .menus_item:hover>a.site-page { + color: var(--heo-white) + } + .nav-fixed .menus_item:hover > a.site-page { background-color: var(--heo-main); } @@ -6337,6 +6340,10 @@ img.footer_mini_logo:hover { border-radius: 40px; } +.page #menus>div.menus_items>.menus_item:hover>a { + color: var(--heo-card-bg) +} + #nav .menus_items .menus_item .menus_item_child > .recursion_menus_item > a { letter-spacing: 0rem; display: flex; @@ -6344,10 +6351,11 @@ img.footer_mini_logo:hover { border-radius: 100px; padding: 0.2rem 0.5rem; width: 100%; - color: var(--heo-fontcolor) !important; + color: var(--heo-fontcolor); text-shadow: none !important; } + #page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items { transform: translateX(-150px); } @@ -6539,6 +6547,10 @@ a.console_switchbutton { border-radius: 40px; } +.page #nav #site-name:hover { + color: var(--heo-card-bg) +} + /* 搜索 */ #search-button > a > span { display: none; @@ -6933,9 +6945,6 @@ a.console_switchbutton { } @media screen and (min-width: 1300px) { - #aside-content .aside-list > .aside-list-item:hover { - transform: scale(1.03); - } #aside-content .aside-list > .aside-list-item:active { transform: scale(0.97); @@ -6957,14 +6966,14 @@ a.console_switchbutton { } #aside-content .aside-list > .aside-list-item:hover { - background: var(--heo-main); - color: var(--heo-white); + background: var(--heo-lighttext); + color: var(--heo-card-bg); transition: 0.3s; box-shadow: var(--heo-shadow-main); } #aside-content .aside-list > .aside-list-item:hover a { - color: var(--heo-white) !important; + color: var(--heo-card-bg) !important; } /* 文章顶部波浪效果 */ @@ -8406,12 +8415,12 @@ a.categoryButton:hover { .category-bar-item:hover a { background: var(--heo-theme); - color: var(--heo-white); + color: var(--heo-card-bg) } .category-bar-item.select a { background: var(--heo-theme); - color: var(--heo-white); + color: var(--heo-card-bg); border-radius: 8px; } @@ -9892,24 +9901,31 @@ span.recent-post-top-text { /* 作者打招呼 */ div#author-info__sayhi { - text-align: left; + text-align: center; + width: fit-content; color: var(--heo-white); background: var(--heo-white-op); font-size: 12px; margin-right: auto; padding: 2px 8px; border-radius: 12px; - width: fit-content; cursor: pointer; -webkit-user-select: none; transition: 0.3s; + margin: auto; + min-width: 100px } div#author-info__sayhi:hover { - background: var(--heo-card-bg); - color: var(--heo-fontcolor); + background: var(--heo-white-op); + color: var(--heo-white); + transform: scale(1.1) } +[data-theme=dark] .page div#author-info__sayhi { + background: var(--heo-black-op); + color: var(--heo-black) +} /* 作者卡片背景 */ #aside-content > .card-widget:first-child { @@ -10190,9 +10206,9 @@ div#author-info__sayhi:hover { } #aside-content .card-tag-cloud a:hover { - background: var(--heo-theme); - color: var(--heo-white) !important; - box-shadow: var(--heo-shadow-theme); + background: var(--heo-lighttext); + color: var(--heo-card-bg)!important; + box-shadow: var(--heo-shadow-theme) } #aside-content .card-tag-cloud a.tags-cloud-more { @@ -10204,15 +10220,13 @@ div#author-info__sayhi:hover { font-size: var(--global-font-size) !important; } - -@media screen and (min-width: 1300px) { - #aside-content .card-tag-cloud a:hover { - transform: scale(1.03); - } - - #aside-content .card-tag-cloud a:active { - transform: scale(0.97); - } +#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover { + color: var(--heo-white); + background-color: var(--heo-theme); + box-shadow: var(--heo-shadow-theme); + border-radius: 8px; + padding: .15rem .5rem; + border: var(--style-border-hover) } /* 时间轴卡片 */ @@ -16853,17 +16867,17 @@ span.hexo-douban-pagenum { } #console .aside-list-item:hover .content .comment { - color: var(--heo-white); + color: var(--heo-card-bg) } #console .aside-list-item .content time { font-size: 12px; - color: var(--heo-secondtext); + color: var(--heo-card-bg); margin-top: auto; } #console .aside-list-item:hover .content time { - color: var(--heo-white); + color: var(--heo-card-bg) } #console .aside-list { @@ -16899,7 +16913,7 @@ span.hexo-douban-pagenum { #console .button-group .console-btn-item a { width: 100%; height: 100%; - background: var(--card-bg); + background: var(--heo-card-bg); border: var(--style-border); border-radius: 60px; display: flex; @@ -16914,10 +16928,12 @@ span.hexo-douban-pagenum { transition: 0.3s; } -#console .button-group .console-btn-item a:hover { - background: var(--heo-main) !important; +#console .button-group .console-btn-item:not(.on) a:hover { + background: var(--heo-main)!important; + color: var(--heo-card-bg)!important } + #console .button-group .console-btn-item:hover a { color: var(--heo-white); } @@ -16940,8 +16956,8 @@ span.hexo-douban-pagenum { } .console-card.tags .card-tag-cloud a:hover { - background: var(--heo-main); - color: var(--heo-white) !important; + background: var(--heo-lighttext); + color: var(--heo-card-bg)!important } .console-card.tags .card-tag-cloud a sup { @@ -17022,7 +17038,7 @@ span.hexo-douban-pagenum { #console .console-card.history .card-archive-list .card-archive-list-link:hover { background: var(--heo-main); - color: var(--heo-white); + color: var(--heo-card-bg) } #console #card-newest-comments { diff --git a/templates/modules/widgets/aside/profile.html b/templates/modules/widgets/aside/profile.html index 414bff00..64de1f81 100644 --- a/templates/modules/widgets/aside/profile.html +++ b/templates/modules/widgets/aside/profile.html @@ -194,7 +194,12 @@ position: absolute; opacity: 1; transition: .3s; - border: 5px solid var(--heo-white) + border: 5px solid var(--heo-white); + overflow: hidden + } + + .page #aside-content .card-info img.avatar-img { + border-color: var(--heo-card-bg) } .author-info__top-group { @@ -275,6 +280,11 @@ box-shadow: none } + [data-theme=dark] .page #aside-content .card-info .card-info-social-icons i { + background: var(--heo-black-op); + color: var(--heo-card-bg) + } + #aside-content .card-info .banner-button { height: 40px; width: 118px; @@ -350,6 +360,10 @@ margin-bottom: 5px } + .page #aside-content .card-info .author-info__name,.page .author-info__desc { + color: var(--heo-card-bg) + } + .author-info__desc { font-size: 12px; color: var(--heo-white); @@ -361,7 +375,22 @@ line-height: 1.38; margin: .3rem 0; text-align: justify; - color: rgba(255, 255, 255, .8) + color: var(--heo-white); + opacity: 1 + } + + .page .author-info__description { + color: var(--heo-card-bg) + } + + .author-info__description b { + color: var(--heo-white); + opacity: 1 + } + + .page .author-info__description b { + color: var(--heo-card-bg); + opacity: 1 } .avatar-sticker { @@ -381,6 +410,10 @@ border-radius: 50% } + .page .avatar-sticker { + background: var(--heo-card-bg) + } + .avatar-sticker img { width: 26px; height: 26px