カスタムテーマ

カスタムテーマ

仕様はこちらを参照

詳細な説明

stampEdgeEnable

一枚目がfalse、二枚目がtrue

設定例

画像の利用

デフォルトのダークテーマを元にspecific.mainViewBackgroundに以下のように設定した例

top/cover no-repeat url(https://images.unsplash.com/photo-1463115714908-a8b29813fc50?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1887&q=80)

画像を敷き詰める

デフォルトのライトテーマを元にspecific.mainViewBackgroundに以下のように設定した例

center repeat url(https://trap.jp/favicon.png)

画像を右下に配置する

デフォルトのライトテーマを元にspecific.mainViewBackgroundに以下のように設定した例

right 5% bottom 25%/20% no-repeat url(https://avatars.githubusercontent.com/u/61083418?v=4) #ffffff

グラデーションの利用

デフォルトのダークテーマを元にspecific.mainViewBackgroundに以下のように設定した例

linear-gradient(to bottom, red, orange, yellow, green, blue, purple)

画像の透明度を変更する

デフォルトのライトテーマを元にspecific.mainViewBackgroundに以下のように設定した例 (ついでにbasic.accent.primaryが#4899F9になってる)

center/cover -webkit-cross-fade(url(https://images.unsplash.com/photo-1645403828936-16726a94b9ad?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1032&q=80), linear-gradient(white, white), 70%)