diff --git a/src/styles/layout/events/events.scss b/src/styles/layout/events/events.scss
index 46a69b9..933e927 100644
--- a/src/styles/layout/events/events.scss
+++ b/src/styles/layout/events/events.scss
@@ -17,10 +17,10 @@ solid-event section {
         }
         .red-button,
         .event-type {
-            background-color: #C4262E;
+            background-color: var(--second-color);
         }
         .black-button {
-            background-color: #3A3A3A;
+            background-color: var(--highlight-font-color);
             margin-left: 10%;
         }
         .event-type,
@@ -31,13 +31,13 @@ solid-event section {
         #circle-listevents {
             [name="name"],
             event-display-link-event .mdi::before {
-                color: #063B5C;
+                color: var(--main-color);
             }
         }
         .event-place-name,
         .nextevent-startdate,
         event-display-link-event {
-            color: #3A3A3A;
+            color: var(--highlight-font-color);
         }
         .solid-event {
             font-family: "Facit";
@@ -46,7 +46,7 @@ solid-event section {
                 font-family: "RefrigeratorDelxW01Bold";
                 font-size: 3.2rem;
                 line-height: 3.8rem;
-                color: #063B5C;
+                color: var(--main-color);
             }
         }
         #default-listevents,
@@ -56,7 +56,7 @@ solid-event section {
                 width: max-content;
                 height: max-content;
                 padding: 5px 20px;
-                color: #063B5C;
+                color: var(--main-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: #063B5C;
+                        color: var(--main-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: #063B5C;
+                color: var(--main-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: #063B5C;
+                color: var(--main-color);
                 display: block;
             }
-            color: #063B5C;
+            color: var(--main-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 8fccbf9..c69d8ff 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: #063B5C;
+                color: var(--main-color);
             }
             .add-poll {
                 solid-link {
@@ -97,7 +97,7 @@ solid-poll > div {
                         }
                         [name="title"] {
                             font-family: "RefrigeratorDelxW01Bold";
-                            color: #063B5C;
+                            color: var(--main-color);
                             font-size: 1.8rem;
                             font-weight: 600;
                             text-transform: uppercase;
@@ -107,7 +107,7 @@ solid-poll > div {
                         }
                         [name="hostingOrganisation"],
                         [name="endDate"] {
-                            color: #3A3A3A;
+                            color: var(--highlight-font-color);
                             font-family: Facit;
                             font-size: 14px;
                             letter-spacing: 0;
@@ -117,7 +117,7 @@ solid-poll > div {
                             &::before {
                                 content: '\e037';
                                 font-family: 'simple-line-icons';
-                                color: #C4262E;
+                                color: var(--second-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: #C4262E;
+                                color: var(--second-color);
                                 height: 22px;
                                 width: 24px;
                                 font-size: 20px;
@@ -196,7 +196,7 @@ solid-poll > div {
         }
         [name="hostingOrganisation"],
         [name="dateLine"] {
-            color: #3A3A3A;
+            color: var(--highlight-font-color);
             font-family: Facit;
             font-size: 16px;
             font-weight: bold;
@@ -214,7 +214,7 @@ solid-poll > div {
                 content: '\e037';
                 font-family: "simple-line-icons";
                 font-weight: 400;
-                color: #C4262E;
+                color: var(--second-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: #C4262E;
+            color: var(--second-color);
             font-size: 20px;
         }
         [name="shortDescription"],
@@ -251,7 +251,7 @@ solid-poll > div {
             font-weight: 400;
             font-size: 20px;
             margin-right: 10px;
-            color: #3A3A3A;
+            color: var(--highlight-font-color);
         }
         .vote-section > h3::before {
             content:"\F004";
@@ -292,7 +292,7 @@ solid-poll > div {
         }
         .send-share,
         .back-to-list {
-            background-color: #3A3A3A;
+            background-color: var(--highlight-font-color);
             padding: 5px 25px;
             font-size: 1.4rem;
             &::before {
@@ -490,7 +490,7 @@ solid-poll > div {
                 margin-top: 10px;
                 .ss-multi-selected .ss-values .ss-value {
                     border-radius: 14px;
-                    background-color: #C4262E;
+                    background-color: var(--second-color);
                     padding: 5px 10px;
                     font-size: 11px;
                 }
@@ -507,7 +507,7 @@ solid-poll > div {
         }
         .poll-footer {
             .back-to-list {
-                background-color: #3A3A3A;
+                background-color: var(--highlight-font-color);
                 padding: 5px 25px;
                 font-size: 1.4rem;
                 margin-left: 10%;
diff --git a/src/styles/layout/resources/resources.scss b/src/styles/layout/resources/resources.scss
index a05d6ef..c4ac56e 100644
--- a/src/styles/layout/resources/resources.scss
+++ b/src/styles/layout/resources/resources.scss
@@ -17,13 +17,13 @@
                 font-family: "RefrigeratorDelxW01Bold";
                 font-size: 3.2rem;
                 line-height: 3.8rem;
-                color: #063B5C;
+                color: var(--main-color);
             }
             .red-button {
-                background-color: #C4262E;
+                background-color: var(--second-color);
             }
             .black-button {
-                background-color: #3A3A3A;
+                background-color: var(--highlight-font-color);
                 margin-left: 10%;
             }
             .lnk-newresource {
@@ -45,7 +45,7 @@
                     &::before {
                         content: "Research a resource";
                         font-family: "RefrigeratorDelxW01Bold";
-                        color: #063B5C;
+                        color: var(--main-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: #063B5C;
+                    color: var(--main-color);
                 }
                 solid-display solid-display {
                     [name="name"] {
                         font-family: "RefrigeratorDelxW01Bold";
-                        color: #063B5C;
+                        color: var(--main-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: #063B5C;
+                    color: var(--main-color);
                 }
                 [name="infotext"] {
                     justify-content: flex-start;