diff --git a/src/App.vue b/src/App.vue index a88280c..385a6a1 100644 --- a/src/App.vue +++ b/src/App.vue @@ -15,7 +15,7 @@ html, #app { width: 1080px; height: 1920px; - background-color: #dee6f6; + background-color: var(--global-appBackground); overflow: hidden; } diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json index 0d19d0f..85f46b2 100644 --- a/src/themes/fashion/style.json +++ b/src/themes/fashion/style.json @@ -1,6 +1,7 @@ { "global": { - "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)" + "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)", + "appBackground": "#dee6f6" }, "weather": { "iconColor": "#fff", diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json index 97831ae..8b1ea7f 100644 --- a/src/themes/highend/style.json +++ b/src/themes/highend/style.json @@ -1,6 +1,7 @@ { "global": { - "background": "center / cover no-repeat" + "background": "center / cover no-repeat", + "appBackground": "#F2EEE8" }, "weather": { "iconColor": "#000", diff --git a/src/themes/main/style.json b/src/themes/main/style.json index a917c38..3f9c986 100644 --- a/src/themes/main/style.json +++ b/src/themes/main/style.json @@ -1,6 +1,7 @@ { "global": { - "background": "#dee6f6" + "background": "#dee6f6", + "appBackground": "#dee6f6" }, "weather": { "iconColor": "#000", diff --git a/src/views/Billboard/Billboard.vue b/src/views/Billboard/Billboard.vue index c26acfa..fbfd91f 100644 --- a/src/views/Billboard/Billboard.vue +++ b/src/views/Billboard/Billboard.vue @@ -21,7 +21,12 @@ width: `calc(484px * ${Math.ceil(columns.length / 2) * 2} + 68px)` }" > -