From b1ed40a45356a11e5171a86dd2893454cf3c4191 Mon Sep 17 00:00:00 2001
From: Elena <elena@tinybird.co>
Date: Thu, 14 Oct 2021 17:29:38 +0200
Subject: [PATCH] Change background default color

---
 components/product/ProductSlider/ProductSlider.module.css     | 2 +-
 .../ProductSliderControl/ProductSliderControl.module.css      | 4 ++--
 components/product/ProductView/ProductView.module.css         | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/product/ProductSlider/ProductSlider.module.css b/components/product/ProductSlider/ProductSlider.module.css
index 8d7265eb8..7fa503863 100644
--- a/components/product/ProductSlider/ProductSlider.module.css
+++ b/components/product/ProductSlider/ProductSlider.module.css
@@ -31,7 +31,7 @@
 .album {
   width: 100%;
   height: 100%;
-  @apply bg-violet-dark;
+  @apply bg-black;
   box-sizing: content-box;
   overflow-y: hidden;
   overflow-x: auto;
diff --git a/components/product/ProductSliderControl/ProductSliderControl.module.css b/components/product/ProductSliderControl/ProductSliderControl.module.css
index c744e7598..64b4fdcc8 100644
--- a/components/product/ProductSliderControl/ProductSliderControl.module.css
+++ b/components/product/ProductSliderControl/ProductSliderControl.module.css
@@ -1,5 +1,5 @@
 .control {
-  @apply bg-violet absolute bottom-10 right-10 flex flex-row
+  @apply bg-black absolute bottom-10 right-10 flex flex-row
   border-accent-0 border text-accent-0 z-30 shadow-xl select-none;
   height: 48px;
 }
@@ -12,7 +12,7 @@
 
 .leftControl:hover,
 .rightControl:hover {
-  background-color: var(--violet-dark);
+  background-color: var(--accent-7);
 }
 
 .leftControl:focus,
diff --git a/components/product/ProductView/ProductView.module.css b/components/product/ProductView/ProductView.module.css
index 0b3ebf564..beeb01f4a 100644
--- a/components/product/ProductView/ProductView.module.css
+++ b/components/product/ProductView/ProductView.module.css
@@ -13,7 +13,7 @@
 }
 
 .sliderContainer {
-  @apply flex items-center justify-center overflow-x-hidden bg-violet;
+  @apply flex items-center justify-center overflow-x-hidden bg-black;
 }
 
 .imageContainer {