feat(cursor): 添加多种自定义光标样式支持

- 将原有的 custom_cursor 重命名为 default_cursor，并实现默认光标功能
- 新增 hover_cursor 配置，为链接和按钮元素提供悬停光标效果
- 新增 pointer_cursor 配置，为链接元素提供专用指针光标
- 新增 text_cursor 配置，为输入框和文本域提供文本编辑光标
- 在 settings.yml 中添加对应的配置项和描述信息
- 实现多层级光标样式的 SCSS 逻辑处理

locales/en.yml

@@ -1,6 +1,6 @@
 en:
   theme_metadata:
-    description: "(DEPRECATED: Use the Horizon theme that is now preinstalled on your Discourse site). A simple, beautiful theme that improves the out of the box experience for Discourse sites."
+    description: "自制二次元的半透明主题"
   topic_pinned: "Pinned"
   topic_hot: "Hot"
   user_replied: "replied"

scss/main.scss

@@ -2,8 +2,6 @@
 
 :root {
   --main-grid-gap: 0.5em;
-  --dream-glow-a: rgb(var(--tertiary-rgb) / 0.24);
-  --dream-glow-b: rgb(var(--tertiary-rgb) / 0.18);
 }
 
 html:not(:has(.has-full-page-chat)) {
@@ -16,72 +14,12 @@ html:not(:has(.has-full-page-chat)) {
 
 body {
   -webkit-font-smoothing: antialiased;
-  position: relative;
 
   @include viewport.until(sm) {
     background-color: var(--d-content-background);
   }
 }
 
-body:not(.has-full-page-chat, .wizard)::before,
-body:not(.has-full-page-chat, .wizard)::after {
-  content: "";
-  position: fixed;
-  width: min(42vw, 32rem);
-  aspect-ratio: 1 / 1;
-  border-radius: 999px;
-  filter: blur(56px);
-  pointer-events: none;
-  z-index: 0;
-}
-
-body:not(.has-full-page-chat, .wizard)::before {
-  top: 5rem;
-  left: -8rem;
-  background: radial-gradient(circle at 30% 30%, var(--dream-glow-a), transparent 62%);
-  animation: dreamy-float-a 18s ease-in-out infinite alternate;
-}
-
-body:not(.has-full-page-chat, .wizard)::after {
-  right: -6rem;
-  bottom: 2rem;
-  background: radial-gradient(circle at 65% 35%, var(--dream-glow-b), transparent 58%);
-  animation: dreamy-float-b 22s ease-in-out infinite alternate;
-}
-
-.d-header-wrap,
-#main-outlet-wrapper,
-.sidebar-wrapper,
-.sidebar-hamburger-dropdown {
-  position: relative;
-  z-index: 1;
-}
-
-@keyframes dreamy-float-a {
-  from {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    transform: translate3d(3rem, -1.5rem, 0) scale(1.08);
-  }
-}
-
-@keyframes dreamy-float-b {
-  from {
-    transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    transform: translate3d(-2.5rem, 2rem, 0) scale(1.1);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  body:not(.has-full-page-chat, .wizard)::before,
-  body:not(.has-full-page-chat, .wizard)::after {
-    animation: none;
-  }
-}
-
 #main-outlet-wrapper {
   gap: var(--main-grid-gap);
 }

scss/self.scss

@@ -11,7 +11,6 @@
 
 .container.list-container{
   position: relative;
-  isolation: isolate;
 }
 
 .container.list-container::before{
@@ -23,26 +22,14 @@
   bottom: 0;
   width: 100%;
   height: 100%;
-  background:
+  background-color: #fff9;
-    linear-gradient(
-      180deg,
-      rgb(var(--secondary-rgb) / 0.46) 0%,
-      rgb(var(--secondary-rgb) / 0.34) 100%
-    );
   border-radius: var(--d-border-radius);
-  backdrop-filter: blur(8px);
+  backdrop-filter: blur(10px);
-  box-shadow: rgb(0 0 0 / 28%) 0 10px 26px -16px;
+  box-shadow: #00000077 0 0 19px 0;
-  pointer-events: none;
-  z-index: 0;
-}
-
-.container.list-container > * {
-  position: relative;
-  z-index: 1;
 }
 
 .topic-list-header{
-  background-color: transparent;
+  background-color: unset;
 }
 .list-controls, .search-container{
   border-radius: var(--d-border-radius);
@@ -53,14 +40,88 @@
   box-shadow: #00000094 0 0 11px 0;
 }
 
-#list-area{
+#list-area, .topic-list-header, .admin-detail{
-  background-color: transparent;
+  background-color: unset !important;
 }
 
-.regular.ember-view{
+.user-content, .details{
-  background-color: rgb(var(--secondary-rgb) / 0.58);
   border-radius: var(--d-border-radius);
-  backdrop-filter: blur(10px);
+}
-  box-shadow: rgb(0 0 0 / 24%) 0 10px 24px -14px;
+
+.regular.ember-view, .user-main, .reviewable,
+.admin-content, .contents.clearfix.body-page,
+.search-container, .show-badge, .users-directory, #main-outlet>.edit-category,
+#main-outlet>.container.groups-index,
+.container.group{
+  background-color: #ffffffa8 !important;
+  border-radius: var(--d-border-radius);
+  backdrop-filter: blur(32px);
+  box-shadow: #00000077 0 0 19px 0;
   padding: 24px;
 }
+
+.topic-post.clearfix.regular, .post-list-item.user-stream-item,
+.search-header, .admin-plugin-config-page__content,
+.user-main .about.collapsed-info .details,
+.ember-view.group-box, .admin-container>.container.groups-index{
+  background: var(--d-chat-input-bg-color);
+  border-radius: var(--d-border-radius);
+  box-shadow: #00000024 0 0 7px 2px;
+  margin: 10px 0;
+  position: relative;
+  padding: 16px 12px;
+  overflow: hidden;
+  transition: background-color 0.2s ease-in-out;
+}
+
+.user-content{
+  background-color: unset;
+}
+
+.powered-by-discourse{
+  display: none;
+}
+
+// 默认光标
+@if $default_cursor != "" {
+  * {
+    cursor: url($default_cursor) 1 1, auto;
+  }
+}
+
+// 悬停光标
+@if $hover_cursor != "" {
+  a,
+  button,
+  [role="button"],
+  input[type="button"],
+  input[type="submit"],
+  .btn,
+  .clickable {
+    cursor: url($hover_cursor) 1 1, auto;
+  }
+}
+
+// 链接光标
+@if $pointer_cursor != "" {
+  a[href],
+  button,
+  [role="button"],
+  label,
+  input[type="button"],
+  input[type="submit"],
+  .pointer {
+    cursor: url($pointer_cursor) 1 1, pointer;
+  }
+}
+
+// 文本光标
+@if $text_cursor != "" {
+  input[type="text"],
+  input[type="email"],
+  input[type="password"],
+  input[type="search"],
+  textarea {
+    cursor: url($text_cursor) 1 1, text;
+  }
+}

scss/topic-cards.scss

@@ -4,17 +4,6 @@
   --d-border-radius-small: calc(var(--d-border-radius) * 0.5);
 }
 
-@keyframes dreamy-card-shimmer {
-  from {
-    transform: translateX(-18%);
-    opacity: 0.35;
-  }
-  to {
-    transform: translateX(18%);
-    opacity: 0.65;
-  }
-}
-
 .topic-list .topic-list-item-separator {
   display: none;
 }
@@ -79,15 +68,8 @@
 
 .topic-list-body .topic-list-item {
   position: relative;
-  background:
+  background: linear-gradient(45deg, var(--active-color), rgb(255 255 255 / 25%));
-    linear-gradient(
+  box-shadow: 4px 4px 6px 0px rgba(10, 18, 35, .38), 0 6px 16px -10px var(--topic-card-shadow);
-      135deg,
-      rgb(var(--secondary-rgb) / 0.96) 0%,
-      rgb(var(--tertiary-rgb) / 0.08) 100%
-    );
-  box-shadow:
-    0 10px 30px -18px rgb(10 18 35 / 38%),
-    0 6px 16px -10px var(--topic-card-shadow);
   text-overflow: ellipsis;
   padding: var(--space-3);
   border: none;
@@ -99,11 +81,8 @@
   grid-gap: var(--space-3);
   border-radius: var(--d-border-radius);
   cursor: pointer;
-  overflow: hidden;
   transition:
-    box-shadow 0.25s ease,
+          all 0.2s ease;
-    transform 0.25s ease,
-    background-color 0.25s ease;
 
   &::before {
     content: "";
@@ -111,40 +90,10 @@
     inset: 0;
     border-radius: inherit;
     padding: 1px;
-    background:
-      radial-gradient(
-        120% 100% at 0% 0%,
-        rgb(var(--tertiary-rgb) / 0.38),
-        transparent 56%
-      ),
-      radial-gradient(
-        120% 90% at 100% 100%,
-        rgb(var(--tertiary-rgb) / 0.22),
-        transparent 58%
-      );
-    -webkit-mask:
-      linear-gradient(#000 0 0) content-box,
-      linear-gradient(#000 0 0);
-    -webkit-mask-composite: xor;
     mask-composite: exclude;
     pointer-events: none;
   }
 
-  &::after {
-    content: "";
-    position: absolute;
-    inset: -35% -20%;
-    background: linear-gradient(
-      112deg,
-      transparent 30%,
-      rgb(var(--tertiary-rgb) / 0.16) 48%,
-      transparent 66%
-    );
-    pointer-events: none;
-    mix-blend-mode: screen;
-    animation: dreamy-card-shimmer 9s ease-in-out infinite alternate;
-  }
-
   &.has-replies {
     grid-template-areas:
       "creator title title title status"
@@ -203,25 +152,16 @@
   }
 
   &:hover {
-    .discourse-no-touch & {
+      background: var(--active-color);
-      background:
+      box-shadow: 4px 5px 3px 1px rgba(0, 0, 0, .2), 0 8px 20px -10px var(--topic-card-shadow);
-        linear-gradient(
+      border-left: 5px solid #0006;
-          135deg,
-          rgb(var(--secondary-rgb) / 0.99) 0%,
-          rgb(var(--tertiary-rgb) / 0.14) 100%
-        );
-      box-shadow:
-        0 16px 34px -18px rgb(10 18 35 / 45%),
-        0 8px 20px -10px var(--topic-card-shadow);
-      transform: translateY(-2px);
-    }
   }
 
   &.selected {
     box-shadow:
             0 14px 32px -14px rgb(10 18 35 / 48%),
-      0 0 0 2px rgb(var(--tertiary-rgb) / 0.28),
+            0 0 0 2px oklch(from var(--accent-color) l calc(c * 0.45) h / 0.28),
-      0 0 0 8px rgb(var(--tertiary-rgb) / 0.14);
+            0 0 0 8px oklch(from var(--accent-color) l calc(c * 0.2) h / 0.14);
   }
 
   &.excerpt-expanded {

settings.yml

@@ -15,3 +15,23 @@ home_bg_image:
   default: ""
   description: "首页背景图"
 
+default_cursor:
+  type: upload
+  default: ""
+  description: "默认光标 SVG 文件"
+
+hover_cursor:
+  type: upload
+  default: ""
+  description: "悬停光标 SVG 文件"
+
+pointer_cursor:
+  type: upload
+  default: ""
+  description: "链接光标 SVG 文件"
+
+text_cursor:
+  type: upload
+  default: ""
+  description: "文本光标 SVG 文件"
+