样式修改

This commit is contained in:
1152958806@qq.com 2023-10-16 16:39:22 +08:00
parent bfcd7202a4
commit 35cd21dfac
3 changed files with 108 additions and 55 deletions

View File

@ -157,6 +157,10 @@ i.haofont.hao-icon-arrow-right.banner-righticon{
align-items: flex-start 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 { .card-widget.card-friend-link .card-friend-name {
color: var(--card-friend-name-color) color: var(--card-friend-name-color)
} }

View File

@ -2035,11 +2035,10 @@ blockquote footer cite::before {
} }
#aside-content .card-tag-cloud a:hover { #aside-content .card-tag-cloud a:hover {
background-color: rgb(255, 255, 255); background-color: #fff;
cursor: pointer; cursor: pointer;
border-radius: 5px; border-radius: 5px;
transform: scale(1.1); color: #307af6!important
color: rgb(48, 122, 246) !important;
} }
#aside-content .aside-list > span { #aside-content .aside-list > span {
@ -2650,11 +2649,6 @@ blockquote footer cite::before {
background: rgba(255, 255, 255, 0.8); 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 { #page-header.not-top-img #travellings_button::after {
background: var(--heo-main)!important; background: var(--heo-main)!important;
} }
@ -2888,6 +2882,10 @@ blockquote footer cite::before {
} }
} }
.page #nav a {
color: var(--heo-fontcolor)
}
#nav.show { #nav.show {
opacity: 1; opacity: 1;
filter: none; filter: none;
@ -4784,8 +4782,8 @@ html {
} */ } */
#nav .menus_items .menus_item .menus_item_child > .recursion_menus_item:hover > a { #nav .menus_items .menus_item .menus_item_child > .recursion_menus_item:hover > a {
background: var(--heo-main) !important; background: var(--heo-lighttext);
color: var(--heo-white) !important; color: var(--heo-card-bg);
box-shadow: var(--heo-shadow-main); box-shadow: var(--heo-shadow-main);
margin: 0 auto; margin: 0 auto;
transform: scale(1) !important; transform: scale(1) !important;
@ -5433,7 +5431,7 @@ html {
} }
.back-menu-list-groups .back-menu-list .back-menu-item:hover .back-menu-item-text { .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 { .back-home-button .back-menu-list-group {
@ -6098,38 +6096,43 @@ i.fab {
} }
#nav a:hover { #nav a:hover {
color: var(--heo-white) !important; color: var(--heo-white);
background: var(--heo-white-op); background: var(--heo-white-op);
transition: 0.3s; transition: 0.3s;
} }
.page #nav a:hover { .page #nav a:hover {
color: var(--heo-white) !important; color: var(--heo-card-bg);
background: var(--heo-main); background: var(--heo-lighttext);
transition: 0.3s; transition: 0.3s;
box-shadow: var(--heo-shadow-main); box-shadow: var(--heo-shadow-main)
} }
.nav-fixed #nav a:hover { .nav-fixed #nav a:hover {
background: var(--heo-main); background: var(--heo-lighttext);
transition: 0.3s; color: var(--heo-card-bg);
transition: .3s
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.menus_item:hover > a.site-page { .menus_item:hover > a.site-page {
color: var(--heo-white) !important; color:var(--heo-card-bg);
background: var(--heo-white-op); background: var(--heo-white-op);
transition: 0.3s; transition: 0.3s;
box-shadow: var(--heo-shadow-main); box-shadow: var(--heo-shadow-main);
} }
.page .menus_item:hover > a.site-page { .page .menus_item:hover > a.site-page {
color: var(--heo-white) !important; color: var(--heo-card-bg);
background: var(--heo-main); background: var(--heo-main);
transition: 0.3s; transition: 0.3s;
box-shadow: var(--heo-shadow-main); 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 { .nav-fixed .menus_item:hover > a.site-page {
background-color: var(--heo-main); background-color: var(--heo-main);
} }
@ -6337,6 +6340,10 @@ img.footer_mini_logo:hover {
border-radius: 40px; 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 { #nav .menus_items .menus_item .menus_item_child > .recursion_menus_item > a {
letter-spacing: 0rem; letter-spacing: 0rem;
display: flex; display: flex;
@ -6344,10 +6351,11 @@ img.footer_mini_logo:hover {
border-radius: 100px; border-radius: 100px;
padding: 0.2rem 0.5rem; padding: 0.2rem 0.5rem;
width: 100%; width: 100%;
color: var(--heo-fontcolor) !important; color: var(--heo-fontcolor);
text-shadow: none !important; text-shadow: none !important;
} }
#page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items { #page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items {
transform: translateX(-150px); transform: translateX(-150px);
} }
@ -6539,6 +6547,10 @@ a.console_switchbutton {
border-radius: 40px; border-radius: 40px;
} }
.page #nav #site-name:hover {
color: var(--heo-card-bg)
}
/* 搜索 */ /* 搜索 */
#search-button > a > span { #search-button > a > span {
display: none; display: none;
@ -6933,9 +6945,6 @@ a.console_switchbutton {
} }
@media screen and (min-width: 1300px) { @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 { #aside-content .aside-list > .aside-list-item:active {
transform: scale(0.97); transform: scale(0.97);
@ -6957,14 +6966,14 @@ a.console_switchbutton {
} }
#aside-content .aside-list > .aside-list-item:hover { #aside-content .aside-list > .aside-list-item:hover {
background: var(--heo-main); background: var(--heo-lighttext);
color: var(--heo-white); color: var(--heo-card-bg);
transition: 0.3s; transition: 0.3s;
box-shadow: var(--heo-shadow-main); box-shadow: var(--heo-shadow-main);
} }
#aside-content .aside-list > .aside-list-item:hover a { #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 { .category-bar-item:hover a {
background: var(--heo-theme); background: var(--heo-theme);
color: var(--heo-white); color: var(--heo-card-bg)
} }
.category-bar-item.select a { .category-bar-item.select a {
background: var(--heo-theme); background: var(--heo-theme);
color: var(--heo-white); color: var(--heo-card-bg);
border-radius: 8px; border-radius: 8px;
} }
@ -9892,24 +9901,31 @@ span.recent-post-top-text {
/* 作者打招呼 */ /* 作者打招呼 */
div#author-info__sayhi { div#author-info__sayhi {
text-align: left; text-align: center;
width: fit-content;
color: var(--heo-white); color: var(--heo-white);
background: var(--heo-white-op); background: var(--heo-white-op);
font-size: 12px; font-size: 12px;
margin-right: auto; margin-right: auto;
padding: 2px 8px; padding: 2px 8px;
border-radius: 12px; border-radius: 12px;
width: fit-content;
cursor: pointer; cursor: pointer;
-webkit-user-select: none; -webkit-user-select: none;
transition: 0.3s; transition: 0.3s;
margin: auto;
min-width: 100px
} }
div#author-info__sayhi:hover { div#author-info__sayhi:hover {
background: var(--heo-card-bg); background: var(--heo-white-op);
color: var(--heo-fontcolor); 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 { #aside-content > .card-widget:first-child {
@ -10190,9 +10206,9 @@ div#author-info__sayhi:hover {
} }
#aside-content .card-tag-cloud a:hover { #aside-content .card-tag-cloud a:hover {
background: var(--heo-theme); background: var(--heo-lighttext);
color: var(--heo-white) !important; color: var(--heo-card-bg)!important;
box-shadow: var(--heo-shadow-theme); box-shadow: var(--heo-shadow-theme)
} }
#aside-content .card-tag-cloud a.tags-cloud-more { #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; font-size: var(--global-font-size) !important;
} }
#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 {
@media screen and (min-width: 1300px) { color: var(--heo-white);
#aside-content .card-tag-cloud a:hover { background-color: var(--heo-theme);
transform: scale(1.03); box-shadow: var(--heo-shadow-theme);
} border-radius: 8px;
padding: .15rem .5rem;
#aside-content .card-tag-cloud a:active { border: var(--style-border-hover)
transform: scale(0.97);
}
} }
/* 时间轴卡片 */ /* 时间轴卡片 */
@ -16853,17 +16867,17 @@ span.hexo-douban-pagenum {
} }
#console .aside-list-item:hover .content .comment { #console .aside-list-item:hover .content .comment {
color: var(--heo-white); color: var(--heo-card-bg)
} }
#console .aside-list-item .content time { #console .aside-list-item .content time {
font-size: 12px; font-size: 12px;
color: var(--heo-secondtext); color: var(--heo-card-bg);
margin-top: auto; margin-top: auto;
} }
#console .aside-list-item:hover .content time { #console .aside-list-item:hover .content time {
color: var(--heo-white); color: var(--heo-card-bg)
} }
#console .aside-list { #console .aside-list {
@ -16899,7 +16913,7 @@ span.hexo-douban-pagenum {
#console .button-group .console-btn-item a { #console .button-group .console-btn-item a {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: var(--card-bg); background: var(--heo-card-bg);
border: var(--style-border); border: var(--style-border);
border-radius: 60px; border-radius: 60px;
display: flex; display: flex;
@ -16914,10 +16928,12 @@ span.hexo-douban-pagenum {
transition: 0.3s; transition: 0.3s;
} }
#console .button-group .console-btn-item a:hover { #console .button-group .console-btn-item:not(.on) a:hover {
background: var(--heo-main) !important; background: var(--heo-main)!important;
color: var(--heo-card-bg)!important
} }
#console .button-group .console-btn-item:hover a { #console .button-group .console-btn-item:hover a {
color: var(--heo-white); color: var(--heo-white);
} }
@ -16940,8 +16956,8 @@ span.hexo-douban-pagenum {
} }
.console-card.tags .card-tag-cloud a:hover { .console-card.tags .card-tag-cloud a:hover {
background: var(--heo-main); background: var(--heo-lighttext);
color: var(--heo-white) !important; color: var(--heo-card-bg)!important
} }
.console-card.tags .card-tag-cloud a sup { .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 { #console .console-card.history .card-archive-list .card-archive-list-link:hover {
background: var(--heo-main); background: var(--heo-main);
color: var(--heo-white); color: var(--heo-card-bg)
} }
#console #card-newest-comments { #console #card-newest-comments {

View File

@ -194,7 +194,12 @@
position: absolute; position: absolute;
opacity: 1; opacity: 1;
transition: .3s; 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 { .author-info__top-group {
@ -275,6 +280,11 @@
box-shadow: none 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 { #aside-content .card-info .banner-button {
height: 40px; height: 40px;
width: 118px; width: 118px;
@ -350,6 +360,10 @@
margin-bottom: 5px margin-bottom: 5px
} }
.page #aside-content .card-info .author-info__name,.page .author-info__desc {
color: var(--heo-card-bg)
}
.author-info__desc { .author-info__desc {
font-size: 12px; font-size: 12px;
color: var(--heo-white); color: var(--heo-white);
@ -361,7 +375,22 @@
line-height: 1.38; line-height: 1.38;
margin: .3rem 0; margin: .3rem 0;
text-align: justify; 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 { .avatar-sticker {
@ -381,6 +410,10 @@
border-radius: 50% border-radius: 50%
} }
.page .avatar-sticker {
background: var(--heo-card-bg)
}
.avatar-sticker img { .avatar-sticker img {
width: 26px; width: 26px;
height: 26px height: 26px