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

settings.yaml

@@ -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

src/css/celebration.less

@@ -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;
+  }
+}

src/css/style.less

@@ -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;

templates/common/head.html

@@ -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"