diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json index 85f46b2..fba919b 100644 --- a/src/themes/fashion/style.json +++ b/src/themes/fashion/style.json @@ -58,7 +58,9 @@ }, "billboard": { "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)", - "arrowRadius": "100px" + "arrowRadius": "100px", + "titleColor": "#fff", + "metaColor": "rgba(255, 255, 255, 0.8)" }, "guide": { "floorBg": "linear-gradient(90deg, #302159 0%, #7756b4 96.35%)", diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json index 8b1ea7f..9bedb35 100644 --- a/src/themes/highend/style.json +++ b/src/themes/highend/style.json @@ -59,7 +59,9 @@ }, "billboard": { "background": "linear-gradient(180deg, #342F2D 0%, #534946 100%)", - "arrowRadius": "100px" + "arrowRadius": "100px", + "titleColor": "#ffffff", + "metaColor": "rgba(255, 255, 255, 0.8)" }, "guide": { "floorBg": "linear-gradient(90deg, #BA9B7A 0%, #DBC2A1 100%)", diff --git a/src/themes/main/style.json b/src/themes/main/style.json index 3f9c986..75ea4d3 100644 --- a/src/themes/main/style.json +++ b/src/themes/main/style.json @@ -58,7 +58,9 @@ }, "billboard": { "background": "#dee6f6", - "arrowRadius": "100px" + "arrowRadius": "100px", + "titleColor": "#000000", + "metaColor": "rgba(0, 0, 0, 0.6)" }, "guide": { "floorBg": "linear-gradient(113.71deg, #435acd 0%, #749cf3 100%)", diff --git a/src/views/Billboard/Billboard.vue b/src/views/Billboard/Billboard.vue index fbfd91f..3f0f2f2 100644 --- a/src/views/Billboard/Billboard.vue +++ b/src/views/Billboard/Billboard.vue @@ -270,7 +270,7 @@ watch(scrollLefts, _scrollLefts => { font-weight: 900; font-size: 48px; line-height: 56px; - color: #000000; + color: var(--billboard-titleColor); } .r3 { width: 184px; @@ -315,12 +315,12 @@ watch(scrollLefts, _scrollLefts => { font-weight: 900; font-size: 28px; line-height: 33px; - color: rgba(0, 0, 0, 0.8); + color: var(--billboard-titleColor); .meta { font-weight: 500; font-size: 20px; line-height: 23px; - color: rgba(0, 0, 0, 0.6); + color: var(--billboard-metaColor); } } .shop {