![]()
いくつか気に入った調整を共有させてください(デフォルトとして採用するなら、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); に変更してください。
^ 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 の皆さん、ありがとうございます。



