diff --git a/src/styles/layout/events/events.scss b/src/styles/layout/events/events.scss
index 46a69b9dc2414a754452dcffb453235543e33e7f..933e9272bac28fb5daa15df94bed09a0c9451412 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 8fccbf9d84f524595ff90588f56bb773570087d9..c69d8ff2c1929ad27653cf7f8cf72f60f96b69e5 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 a05d6eff5b0f68230b61b807f2f0013f2221021a..c4ac56e5c3354036320b3176d27881f9f557a2f1 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;