YSHOP2-712: Themes - A few settings to add (#369)

## JIRA Ticket [YSHOP2-712](https://youcanshop.atlassian.net/browse/YSHOP2-712) ## QA Steps - [ ] `pnpm i` - [ ] `pnpm dev` ## Note Leave empty when you have nothing to say [YSHOP2-712]: https://youcanshop.atlassian.net/browse/YSHOP2-712?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
youcan-shop · Jul 25, 2023 · 577a931 · 577a931
1 parent 9cd5cc7
commit 577a931
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 4 deletions.
diff --git a/assets/desktop-slider.css b/assets/desktop-slider.css
@@ -16,7 +16,6 @@
 }
 .yc-slider__desktop .content * {
   background-color: transparent !important;
-  color: white !important;
 }
 .yc-slider__desktop .content > div {
   max-width: 30rem;

diff --git a/assets/mobile-slider.css b/assets/mobile-slider.css
@@ -12,7 +12,6 @@
 }
 .yc-slider__mobile .content * {
   background-color: transparent !important;
-  color: white !important;
 }
 .yc-slider__mobile .content > div {
   max-width: 30rem;

diff --git a/sections/desktop-slider.liquid b/sections/desktop-slider.liquid
@@ -25,6 +25,14 @@
     background-color: {{ section.settings.slider_overlay_background_color.hex }};
   }
 
+  .section-slider-{{ id }} .yc-slider__desktop .caption > * {
+    color: {{ section.settings.caption_text_color.hex }};
+  }
+
+  .section-slider-{{ id }} .yc-slider__mobile .caption > * {
+    color: {{ section.settings.caption_text_color.hex }};
+  }
+
 {% endstyle %}
 
 {{ 'splide.min.css' | asset_url | stylesheet_tag }}
@@ -91,6 +99,12 @@
       "type": "paragraph",
       "content": "ℹ️ These settings will be applied to desktop devices."
     },
+    {
+      "type": "color",
+      "id": "caption_text_color",
+      "label": "Caption text color",
+      "default": "#000"
+    },
     {
       "type": "color",
       "id": "slider_overlay_background_color",

diff --git a/styles/desktop-slider.scss b/styles/desktop-slider.scss
@@ -17,7 +17,6 @@
 
     * {
       background-color: transparent !important;
-      color: white !important;
     }
 
     & > div {

diff --git a/styles/mobile-slider.scss b/styles/mobile-slider.scss
@@ -13,7 +13,6 @@
     align-items: center;
     * {
       background-color: transparent !important;
-      color: white !important;
     }
 
     & > div {
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,7 +17,6 @@ @@
         * {
           background-color: transparent !important;
-          color: white !important;
         }
         & > div {
@@ Expand Down @@