Files
discourse_theme_ran/scss/self.scss
T
shiran c567a2d1e1
Discourse Theme / ci (push) Failing after 1s
feat(theme): 添加自定义毛玻璃和卡片样式配置选项
- 在 head_tag.html 中添加条件样式块以支持毛玻璃效果
- 移除 scss/self.scss 中的硬编码卡片样式规则
- 在 settings.yml 中添加 extra_glass_morphism_selectors 配置项
- 在 settings.yml 中添加 extra_card_item_selectors 配置项
- 实现通过设置控制的动态 CSS 样式应用
- 支持自定义选择器列表进行毛玻璃和卡片样式的灵活配置
2026-02-26 15:02:05 +08:00

70 lines
1.4 KiB
SCSS

@use "lib/viewport";
#main-outlet {
@if $home_bg_image != "" {
background-image: url($home_bg_image);
background-size: cover;
background-position: center;
background-attachment: fixed;
}
}
.container.list-container{
position: relative;
}
.container.list-container::before{
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fff9;
border-radius: var(--d-border-radius);
backdrop-filter: blur(10px);
box-shadow: #00000077 0 0 19px 0;
}
.topic-list-header{
background-color: unset;
}
.list-controls, .search-container{
border-radius: var(--d-border-radius);
}
.welcome-banner {
padding: 0 !important;
box-shadow: #00000094 0 0 11px 0;
}
#list-area, .topic-list-header, .admin-detail{
background-color: unset !important;
}
.user-content, .details{
border-radius: var(--d-border-radius);
}
.regular.ember-view, .user-main, .reviewable,
.admin-content, .contents.clearfix.body-page,
.search-container, .show-badge, .users-directory, #main-outlet>.edit-category,
.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;
}
.user-content{
background-color: unset;
}
.powered-by-discourse{
display: none;
}