TERMINEI PO, qm duvidou

amaraldsn · Dec 9, 2023 · 9166748 · 9166748
1 parent 6ce5eb9
commit 9166748
Show file tree

Hide file tree

Showing 9 changed files with 254 additions and 92 deletions.
diff --git a/assets/css/style-prefix.css b/assets/css/style-prefix.css
@@ -22,6 +22,7 @@
 
   --spanish-gray: hsl(0, 0%, 60%);
   --sonic-silver: hsl(0, 0%, 47%);
+  --white-silver: hsl(0, 0%, 100%);
   --eerie-black: hsl(0, 0%, 13%);
   --salmon-pink: hsl(353, 100%, 78%);
   --sandy-brown: hsl(29, 90%, 65%);
@@ -600,7 +601,14 @@ body::-webkit-scrollbar-thumb:hover { background: hsl(0, 0%, 70%); }
 .mobile-bottom-navigation .action-btn {
   position: relative;
   font-size: 26px;
-  color: var(--eerie-black);
+  color: #000;;
+  padding: 10px;
+}
+
+.dark-theme .mobile-bottom-navigation .action-btn {
+  position: relative;
+  font-size: 26px;
+  color: #fff;
   padding: 10px;
 }
 
@@ -960,7 +968,7 @@ body::-webkit-scrollbar-thumb:hover { background: hsl(0, 0%, 70%); }
 }
 
 .category-item-title {
-  color: var(--eerie-black);
+  color: var(--white-silver);
   font-size: var(--fs-9);
   font-weight: var(--weight-600);
   text-transform: uppercase;
@@ -1206,7 +1214,7 @@ body::-webkit-scrollbar-thumb:hover { background: hsl(0, 0%, 70%); }
 .sidebar .price-box .price {
   font-size: var(--fs-7);
   font-weight: var(--weight-600);
-  color: var(--davys-gray);
+  color: var(--eerie-black);
 }
 
 
@@ -1268,7 +1276,7 @@ body::-webkit-scrollbar-thumb:hover { background: hsl(0, 0%, 70%); }
 .product-minimal .showcase-content { width: -webkit-calc(100% - 85px); width: calc(100% - 85px); }
 
 .product-minimal .showcase-title {
-  color: var(--eerie-black);
+  color: var(--white-silver);
   font-size: var(--fs-7);
   font-weight: var(--weight-600);
   text-transform: capitalize;
@@ -1959,7 +1967,7 @@ body::-webkit-scrollbar-thumb:hover { background: hsl(0, 0%, 70%); }
 \*-----------------------------------*/
 
 footer {
-  background: var(--eerie-black);
+  background: var(--footer);
   padding: 30px 0;
 }
 
@@ -2154,6 +2162,7 @@ footer {
 \*-----------------------------------*/
 
 
+
 /**
  * responsive larger than 480px screen
  */
@@ -2175,7 +2184,6 @@ footer {
   }
 
 
-
   /**
    * #HEADER
    */
@@ -2289,6 +2297,8 @@ footer {
 
 @media (min-width: 570px) {
 
+
+
   /**
    * #HEADER
    */