feat: 添加喜庆主题,添加阿里巴巴力隶体字体

This commit is contained in:
nineya 2023-11-10 18:09:17 +08:00
parent 70e848251b
commit f086832b39
7 changed files with 138 additions and 4 deletions

View File

@ -137,6 +137,8 @@ spec:
label: 默认
- value: 'clean'
label: 清爽
- value: 'celebration'
label: 庆典
- $formkit: select
name: default_theme
label: 默认主题模式
@ -166,6 +168,8 @@ spec:
label: 默认字体
- value: 'WenCang.woff2'
label: 问藏书房体
- value: 'AlimamaDaoLiTi.woff2'
label: 阿里巴巴刀隶体
- value: 'custom'
label: 自定义
- $formkit: attachment

129
src/css/celebration.less Normal file
View File

@ -0,0 +1,129 @@
html.celebration {
--main: hsla(0, 0%, 100%, 0.9);
--theme: #ff3b3b!important;
--background: rgba(201, 57, 58, 0.95);
--title: #fff;
--light-a: #fff;
--light-b: #f13a3a;
--light-c: #dcdcdc;
--light-d: #f13a3a;
--dark-a: #eee;
--dark-b: #eee;
--dark-c: #fff;
--dark-d: #e4e4e4;
--dark-e: #e4e4e4;
--color-a: #f13a3a;
--bg-a: hsla(0,0%,100%,.102);
--bg-b: #ec9494;
--bg-c: #ea5454;
--bg-d: rgba(189, 13, 14, 0.8);
--bg-e: #f13a3a;
--bg-g: #ec9494;
--bg-j: hsla(0, 0%, 100%, 0.102);
--bg-k: hsla(0, 0%, 100%, 0.102);
--bg-l: rgb(239 107 107 / 80%);
--bg-h: hsl(0deg 68% 53% / 80%);
--box-shadow: 1px 1px 3px 1px #cb0b0b;
--comm-color-a: #eee;
--comm-color-c: #eee;
--comm-color-b: #eee;
--comm-color-d: #bbb;
--comm-color-f: #eee;
--comm-color-i: #ddd;
--comm-bg-a: rgb(181 51 51 / 80%);
--comm-bg-b: rgb(204 78 78 / 90%);
--comm-bg-h: rgb(204 78 78 / 90%);
background-color: #ec9494;
body {
background: rgb(145 11 11 / 90%);
}
.banner .banner-waves {
fill: #b81213;
}
.navbar .navbar-search .input, .navbar .navbar-search-mobile .input {
&:focus {
background: var(--bg-a);
}
&::placeholder {
color: #ec9494;
}
}
.navbar-slideout {
background: rgb(145, 11, 11);
}
.navbar-slideout-menu {
background: var(--background);
}
.banner:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTExLTAzVDAwOjMxOjMwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0xMS0wM1QwMDo0OTozMSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0xMS0wM1QwMDo0OTozMSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplMjE4OTA3NS1hNzI0LWJmNGItOTFjYS01YTJiMTU3N2U1ZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZTIxODkwNzUtYTcyNC1iZjRiLTkxY2EtNWEyYjE1NzdlNWU3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZTIxODkwNzUtYTcyNC1iZjRiLTkxY2EtNWEyYjE1NzdlNWU3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMjE4OTA3NS1hNzI0LWJmNGItOTFjYS01YTJiMTU3N2U1ZTciIHN0RXZ0OndoZW49IjIwMjMtMTEtMDNUMDA6MzE6MzArMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4LH1UYAAAAHklEQVQIHWP4LyhoCMR+UNqQAZkDEzBEwn7IAmCVAPCsFZXLivthAAAAAElFTkSuQmCC);
}
.card {
border-radius: 0;
&:hover {
background: #b81213;
}
}
.hljs {
color: hsla(0, 25%, 94%, 0.9);
background: hsl(0deg 68% 53% / 80%);
}
.main-content {
.note {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAFUlEQVQImWMY7ODr16//CbmRgYEBAJG+A9/jkW/TAAAAAElFTkSuQmCC);
}
figure {
pre>ul, figcaption {
color: #eebfbf;
background: rgb(255 132 132 / 40%);
}
pre code {
color: hsla(0, 25%, 94%, 0.9);
}
}
.pwd {
background: var(--bg-g);
color: var(--bg-g);
}
}
.tips {
background-color: rgb(253 237 237 / 90%)!important;
}
.widget.profile .address {
color: #e4e4e4;
}
.links:not(.widget) .link-desc {
color: #e4e4e4;
}
.aplayer .aplayer-info .aplayer-music .aplayer-author,
.aplayer .aplayer-lrc p,
.aplayer .aplayer-info .aplayer-controller .aplayer-time,
.aplayer .aplayer-list ol li .aplayer-list-author,
.aplayer .aplayer-list ol li .aplayer-list-index {
color: #ddd;
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
fill: #ddd;
}
}

View File

@ -901,7 +901,7 @@ table td, table th {
}
li {
background: var(--light-a);
background: var(--bg-d);
}
}
}
@ -2143,7 +2143,7 @@ button.swiper-pagination-bullet {
z-index: 5;
border-top: 3px solid var(--theme);
transform-origin: top;
background: var(--light-a);
background: var(--bg-d);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 0 0 var(--radius-inner) var(--radius-inner);
padding: 10px 0;

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -25,6 +25,7 @@ th:with="description=${isPost ? post != null ? post.status.excerpt : singlePage
<link rel="preload stylesheet" as="style" th:href="@{/assets/css/theme.min.css(mew=${theme.spec.version})}">
<link rel="preload stylesheet" as="style" th:href="@{/assets/lib/remixicon@3.5.0/remixicon.min.css}">
<link rel="preload stylesheet" as="style" th:href="@{/assets/css/style.min.css(mew=${theme.spec.version})}">
<link th:if="${theme.config.basic_style.theme_style == 'celebration'}" rel="preload stylesheet" as="style" th:href="@{/assets/css/celebration.min.css(mew=${theme.spec.version})}">
<th:block th:if="${isPost}">
<link data-pjax rel="preload stylesheet" as="style"