diff --git a/src/styles/layout/events/events.scss b/src/styles/layout/events/events.scss
index 933e927..79aedfa 100644
--- a/src/styles/layout/events/events.scss
+++ b/src/styles/layout/events/events.scss
@@ -17,7 +17,7 @@ solid-event section {
         }
         .red-button,
         .event-type {
-            background-color: var(--second-color);
+            background-color: var(--secondary-color);
         }
         .black-button {
             background-color: var(--highlight-font-color);
@@ -31,7 +31,7 @@ solid-event section {
         #circle-listevents {
             [name="name"],
             event-display-link-event .mdi::before {
-                color: var(--main-color);
+                color: var(--primary-color);
             }
         }
         .event-place-name,
@@ -46,7 +46,7 @@ solid-event section {
                 font-family: "RefrigeratorDelxW01Bold";
                 font-size: 3.2rem;
                 line-height: 3.8rem;
-                color: var(--main-color);
+                color: var(--primary-color);
             }
         }
         #default-listevents,
@@ -56,7 +56,7 @@ solid-event section {
                 width: max-content;
                 height: max-content;
                 padding: 5px 20px;
-                color: var(--main-color);
+                color: var(--primary-color);
             }
             solid-form {
                 solid-form-dropdown-label {
@@ -68,7 +68,7 @@ solid-event section {
                         font-family: "RefrigeratorDelxW01Bold";
                         font-size: 2.4rem;
                         line-height: 29px;
-                        color: var(--main-color);
+                        color: var(--primary-color);
                         top: -40px;
                         content: "Research an event";
                     }
@@ -79,7 +79,7 @@ solid-event section {
                 font-size: 1.8rem;
                 line-height: 2.6rem;
                 letter-spacing: 0.32px;
-                color: var(--main-color);
+                color: var(--primary-color);
                 padding: 5px;
                 max-width: 250px;
                 margin: 5px auto;
@@ -108,10 +108,10 @@ solid-event section {
                 font-family: "RefrigeratorDelxW01Bold";
                 font-size: 3.2rem;
                 line-height: 3.8rem;
-                color: var(--main-color);
+                color: var(--primary-color);
                 display: block;
             }
-            color: var(--main-color);
+            color: var(--primary-color);
             .event-type {
                 width: max-content;
                 padding: 5px 20px;
diff --git a/src/styles/layout/polls/polls.scss b/src/styles/layout/polls/polls.scss
index c69d8ff..2c8c3ce 100644
--- a/src/styles/layout/polls/polls.scss
+++ b/src/styles/layout/polls/polls.scss
@@ -16,7 +16,7 @@ solid-poll > div {
                 font-family: "RefrigeratorDelxW01Bold";
                 font-size: 2.4rem;
                 line-height: 3.8rem;
-                color: var(--main-color);
+                color: var(--primary-color);
             }
             .add-poll {
                 solid-link {
@@ -97,7 +97,7 @@ solid-poll > div {
                         }
                         [name="title"] {
                             font-family: "RefrigeratorDelxW01Bold";
-                            color: var(--main-color);
+                            color: var(--primary-color);
                             font-size: 1.8rem;
                             font-weight: 600;
                             text-transform: uppercase;
@@ -117,7 +117,7 @@ solid-poll > div {
                             &::before {
                                 content: '\e037';
                                 font-family: 'simple-line-icons';
-                                color: var(--second-color);
+                                color: var(--secondary-color);
                                 height: 22px;
                                 width: 24px;
                                 font-size: 16px;
@@ -135,7 +135,7 @@ solid-poll > div {
                                 display: inline-block;
                                 font: normal normal normal 24px/1 "Material Design Icons";
                                 content: "\F6AF";
-                                color: var(--second-color);
+                                color: var(--secondary-color);
                                 height: 22px;
                                 width: 24px;
                                 font-size: 20px;
@@ -214,7 +214,7 @@ solid-poll > div {
                 content: '\e037';
                 font-family: "simple-line-icons";
                 font-weight: 400;
-                color: var(--second-color);
+                color: var(--secondary-color);
                 margin-right: 10px;
                 font-size: 16px;
             }
@@ -223,7 +223,7 @@ solid-poll > div {
             font-family: "Material Design Icons";
             font-weight: 400;
             content: "\F6AF";
-            color: var(--second-color);
+            color: var(--secondary-color);
             font-size: 20px;
         }
         [name="shortDescription"],
@@ -453,11 +453,11 @@ solid-poll > div {
                             }
                         }
                         button {
-                            border: 1px solid var(--main-color);
+                            border: 1px solid var(--primary-color);
                             background-color: transparent;
                             border-radius: 15px;
                             font-size: 24px;
-                            color: var(--main-color);
+                            color: var(--primary-color);
                             padding: 0;
                             height: 30px;
                             width: 30px;
@@ -475,7 +475,7 @@ solid-poll > div {
                     font-weight: bold;
                     font-size: 13px;
                     margin: 10px 0;
-                    color: var(--main-color);
+                    color: var(--primary-color);
                     &::before {
                         content: "\F419";
                         font-family: Material Design Icons;
@@ -490,7 +490,7 @@ solid-poll > div {
                 margin-top: 10px;
                 .ss-multi-selected .ss-values .ss-value {
                     border-radius: 14px;
-                    background-color: var(--second-color);
+                    background-color: var(--secondary-color);
                     padding: 5px 10px;
                     font-size: 11px;
                 }
diff --git a/src/styles/layout/resources/resources.scss b/src/styles/layout/resources/resources.scss
index c4ac56e..4f5c4c7 100644
--- a/src/styles/layout/resources/resources.scss
+++ b/src/styles/layout/resources/resources.scss
@@ -17,10 +17,10 @@
                 font-family: "RefrigeratorDelxW01Bold";
                 font-size: 3.2rem;
                 line-height: 3.8rem;
-                color: var(--main-color);
+                color: var(--primary-color);
             }
             .red-button {
-                background-color: var(--second-color);
+                background-color: var(--secondary-color);
             }
             .black-button {
                 background-color: var(--highlight-font-color);
@@ -45,7 +45,7 @@
                     &::before {
                         content: "Research a resource";
                         font-family: "RefrigeratorDelxW01Bold";
-                        color: var(--main-color);
+                        color: var(--primary-color);
                         font-size: 2.4rem;
                         line-height: 3.8rem;
                         top: -10px;
@@ -61,12 +61,12 @@
                     width: max-content;
                     height: max-content;
                     padding: 10px 30px;
-                    color: var(--main-color);
+                    color: var(--primary-color);
                 }
                 solid-display solid-display {
                     [name="name"] {
                         font-family: "RefrigeratorDelxW01Bold";
-                        color: var(--main-color);
+                        color: var(--primary-color);
                     }
                     [name="link"] a, [name="document"] a  {
                         width: 75%;
@@ -86,7 +86,7 @@
                     font-family: "RefrigeratorDelxW01Bold";
                     font-size: 3.2rem;
                     line-height: 3.8rem;
-                    color: var(--main-color);
+                    color: var(--primary-color);
                 }
                 [name="infotext"] {
                     justify-content: flex-start;