我想分享一些我喜欢的调整（如果您认为其中任何一项适合作为默认设置，我很乐意提交 PR）
无背景选项：
在 common.scss 下：
body {
background-color: $primary-very-low;
@if $no-background == "false" {
@if $background-image != "default" {
background-image: url($background-image);
} @else {
background-image: url($default-background);
}
// Toptal Subtle Patterns 的默认背景图案
// ♡ https://www.toptal.com/designers/subtlepatterns/japanese-sayagata/
background-attachment: fixed;
@if $tile-background == "true" {
background-size: auto;
} @else {
background-size: cover;
background-repeat: no-repeat;
}
}
}
主题设置：
示例：
（页脚是单独的图像）
允许 $header-background 颜色生效
在 desktop.scss 下：
找到 .d-header 并将 $secondary 更改为 background: rgba($header-background, 0.92);
另一个示例
https://gph.is/2B8yPif
^我原本想添加我认为需要 background-repeat: no-repeat;，但似乎不需要
圆点（样式）
https://theme-creator.discourse.org/theme/tmoko/graceful-dots
背景图像来自：https://www.toptal.com/designers/subtlepatterns/worn-dots/
"Dots": {
"primary": "222222",
"secondary": "ffffff",
"tertiary": "888eaf",
"quaternary": "d393a7",
"header_background": "ffffff",
"header_primary": "333333",
"highlight": "d4efd8",
"danger": "f8745c",
"success": "41e254",
"love": "fa6c8d"
}
如果有人喜欢我的配色方案：)
"Capes": {
"primary": "222222",
"secondary": "ffffff",
"tertiary": "ffc500",
"quaternary": "79d3f4",
"header_background": "f75200",
"header_primary": "ffffff",
"highlight": "ffc500",
"danger": "f75200",
"success": "76b242",
"love": "fa6c8d"
},
"Sky": {
"primary": "222222",
"secondary": "ffffff",
"tertiary": "4077aa",
"quaternary": "79d3f4",
"header_background": "213a5a",
"header_primary": "ffffff",
"highlight": "ffc500",
"danger": "f75200",
"success": "76b242",
"love": "fa6c8d"
}
灵感来自 tgc 的下一个游戏 Sky，但他们都使用 Facebook 等平台来建立社区：
明亮的页眉可能会造成干扰，请谨慎使用：
小问题
当您点击用户卡片时，如果存在用户卡片背景，文本可能难以看清：
感谢 awesomerobot 和 jsthon。