Fix colours in variables scss

Adalab · Dec 27, 2024 · d941205 · d941205
1 parent ac73cf6
commit d941205
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 14 deletions.
diff --git a/src/scss/core/_variables.scss b/src/scss/core/_variables.scss
@@ -0,0 +1,2 @@
+$color_principal: #AA336A;
+$color_secondary: pink;
diff --git a/src/scss/layout/_allCharactersSection.scss b/src/scss/layout/_allCharactersSection.scss
@@ -1,5 +1,5 @@
 .allCharactersSection {
-    border: 2px solid #AA336A;
+    border: 2px solid $color_principal;
     border-radius: 10px;
     margin-left: 50px;
     padding-bottom: 50px;
@@ -63,8 +63,8 @@
 // Clase favourite para el <li>
 
 .favourite {
-    border: 2px solid #AA336A;
-    background-color: rgb(230, 138, 151);
+    border: 2px solid $color_principal;
+    background-color: $color_secondary;
 }
 
 

diff --git a/src/scss/layout/_charactersFavouriteSection.scss b/src/scss/layout/_charactersFavouriteSection.scss
@@ -1,6 +1,6 @@
 .charactersFavouriteSection {
     background-color: white;
-    border: 2px solid pink;
+    border: 2px solid $color_secondary;
     border-radius: 10px;
 
     padding: 2.5rem;
@@ -51,12 +51,12 @@
     }
 
     &__delete-btn {
-        background-color: #AA336A;
+        background-color: $color_principal;
         height: 2.5rem;
         width: 17rem;
         color: white;
         font-size: 20px;
-        border: 2px solid #AA336A;
+        border: 2px solid $color_principal;
         border-radius: 8px;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         display: flex;
@@ -66,8 +66,8 @@
     }
 
     &_delete-btn:hover {
-        background-color: pink;
-        color: #AA336A;
+        background-color: $color_secondary;
+        color: $color_principal;
     }
 
     &__image {

diff --git a/src/scss/layout/_footer.scss b/src/scss/layout/_footer.scss
@@ -1,5 +1,5 @@
 .footer {
-    background-color: #AA336A;
+    background-color: $color_principal;
     color: white;
     font-family: 'Roboto', sans-serif;
     font-weight: bold;

diff --git a/src/scss/layout/_mainStructure.scss b/src/scss/layout/_mainStructure.scss
@@ -1,5 +1,5 @@
 .main {
-    background: linear-gradient(to right, pink, white);
+    background: linear-gradient(to right, $color_secondary, white);
     height: 100%;
     width: 100%;
     font-family: 'Roboto', sans-serif;

diff --git a/src/scss/layout/_searchSection.scss b/src/scss/layout/_searchSection.scss
@@ -26,18 +26,18 @@
     }
 
     &__btn {
-        background-color: #AA336A;
+        background-color: $color_principal;
         height: 2rem;
         color: white;
         font-size: 20px;
-        border: 2px solid #AA336A;
+        border: 2px solid $color_principal;
         border-radius: 8px;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     }
 
     &__btn:hover {
-        background-color: pink;
-        color: #AA336A;
+        background-color: $color_secondary;
+        color: $color_principal;
     }
 
     &__characterNotFound {
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		$color_principal: #AA336A;
		$color_secondary: pink;