79 lines
1.5 KiB
CSS
79 lines
1.5 KiB
CSS
/**
|
|
* 博客：分类（中文展示名）与标签（英文）之间留出间距；分类路径本身前后略松一些
|
|
*/
|
|
.vp-blog-post-item .post-meta .category-list {
|
|
padding: 0.3em 0.65em;
|
|
margin-right: 0.75rem;
|
|
margin-left: 0.15rem;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.vp-blog-post-item .post-meta .category-list .icon {
|
|
margin-right: 0.45rem;
|
|
}
|
|
|
|
.vp-blog-post-item .post-meta .category-list a + span {
|
|
margin-inline: 0.2em;
|
|
}
|
|
|
|
/* 文章页面包屑：各级目录名前后略留白 */
|
|
.vp-breadcrumb ol {
|
|
gap: 6px 10px;
|
|
}
|
|
|
|
.vp-breadcrumb ol li .breadcrumb:not(.current) {
|
|
padding: 0.15em 0.5em;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
:root {
|
|
/** 主题颜色 */
|
|
|
|
/*
|
|
--vp-c-brand-1: #5086a1;
|
|
--vp-c-brand-2: #6aa1b7;
|
|
--vp-c-brand-3: #8cccd5;
|
|
--vp-c-brand-soft: rgba(131, 208, 218, 0.314);
|
|
*/
|
|
|
|
/** 背景颜色 */
|
|
|
|
/*
|
|
--vp-c-bg: #fff;
|
|
--vp-c-bg-alt: #f6f6f7;
|
|
--vp-c-bg-elv: #fff;
|
|
--vp-c-bg-soft: #f6f6f7;
|
|
*/
|
|
|
|
/** 文本颜色 */
|
|
|
|
/*
|
|
--vp-c-text-1: rgba(60, 60, 67);
|
|
--vp-c-text-2: rgba(60, 60, 67, 0.78);
|
|
--vp-c-text-3: rgba(60, 60, 67, 0.56);
|
|
*/
|
|
}
|
|
|
|
/** 深色模式 */
|
|
[data-theme="dark"] {
|
|
/*
|
|
--vp-c-brand-1: #8cccd5;
|
|
--vp-c-brand-2: #6aa1b7;
|
|
--vp-c-brand-3: #5086a1;
|
|
--vp-c-brand-soft: rgba(131, 208, 218, 0.314);
|
|
*/
|
|
|
|
/*
|
|
--vp-c-bg: #1b1b1f;
|
|
--vp-c-bg-alt: #161618;
|
|
--vp-c-bg-elv: #202127;
|
|
--vp-c-bg-soft: #202127;
|
|
*/
|
|
|
|
/*
|
|
--vp-c-text-1: rgba(255, 255, 245, 0.86);
|
|
--vp-c-text-2: rgba(235, 235, 245, 0.6);
|
|
--vp-c-text-3: rgba(235, 235, 245, 0.38);
|
|
*/
|
|
}
|