From e6bcf158cb0602e2f99c99120885f2eb5c7e31f9 Mon Sep 17 00:00:00 2001
From: Anna Topalidi <t.opalidisanna@gmail.com>
Date: Wed, 6 Sep 2023 14:28:31 +0200
Subject: [PATCH] change color pallete in the css

---
 .../stylesheets/partials/_active_processes_card.scss     | 4 ++--
 app/packs/stylesheets/partials/_footer.scss              | 2 +-
 app/packs/stylesheets/partials/_header.scss              | 4 ++--
 app/packs/stylesheets/partials/_hero.scss                | 2 +-
 app/packs/stylesheets/partials/_html_block.scss          | 2 +-
 app/packs/stylesheets/partials/_stats.scss               | 4 ++--
 app/packs/stylesheets/partials/_variables.scss           | 9 ++++++---
 7 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/app/packs/stylesheets/partials/_active_processes_card.scss b/app/packs/stylesheets/partials/_active_processes_card.scss
index 8da7905d..4a5f3099 100644
--- a/app/packs/stylesheets/partials/_active_processes_card.scss
+++ b/app/packs/stylesheets/partials/_active_processes_card.scss
@@ -16,7 +16,7 @@
   .section-heading {
     position: relative;
     margin-left: 1.5rem;
-    color: $violet;
+    color: $cpb-violet;
   }
 
   .section-heading::after {
@@ -26,7 +26,7 @@
     top: 6px;
     width: 10px;
     height: 10px;
-    border: solid $violet;
+    border: solid $cpb-violet;
     border-width: 0 2px 2px 0;
     transform: rotate(-45deg);
   }
diff --git a/app/packs/stylesheets/partials/_footer.scss b/app/packs/stylesheets/partials/_footer.scss
index 30283c7c..b140f5e7 100644
--- a/app/packs/stylesheets/partials/_footer.scss
+++ b/app/packs/stylesheets/partials/_footer.scss
@@ -1,6 +1,6 @@
 .main-footer,
 .mini-footer {
-  background-color: $violet !important;
+  background-color: $cpb-violet !important;
 }
 
 .footer__logo-title {
diff --git a/app/packs/stylesheets/partials/_header.scss b/app/packs/stylesheets/partials/_header.scss
index 3466eba9..d6645809 100644
--- a/app/packs/stylesheets/partials/_header.scss
+++ b/app/packs/stylesheets/partials/_header.scss
@@ -50,12 +50,12 @@
 }
 
 .header .navbar {
-  background-color: $violet;
+  background-color: $cpb-violet;
 }
 
 .off-canvas,
 .navbar {
-  background-color: $blue;
+  background-color: $cpb-blue;
 }
 
 .usermenu-off-canvas-holder .usermenu-off-canvas {
diff --git a/app/packs/stylesheets/partials/_hero.scss b/app/packs/stylesheets/partials/_hero.scss
index 2dbaee8d..6d09a039 100644
--- a/app/packs/stylesheets/partials/_hero.scss
+++ b/app/packs/stylesheets/partials/_hero.scss
@@ -50,7 +50,7 @@
   margin-top: 1rem;
   padding: 1.2rem 1rem;
   background-color: #ffffff;
-  color: $violet;
+  color: $cpb-violet;
 
   @include breakpoint(medium) {
     margin-top: 1.3rem;
diff --git a/app/packs/stylesheets/partials/_html_block.scss b/app/packs/stylesheets/partials/_html_block.scss
index 39b1c698..3041fd1f 100644
--- a/app/packs/stylesheets/partials/_html_block.scss
+++ b/app/packs/stylesheets/partials/_html_block.scss
@@ -1,5 +1,5 @@
 .democracy-innovation {
-  background-color: $violet;
+  background-color: $cpb-violet;
   padding: 4rem 0;
 }
 
diff --git a/app/packs/stylesheets/partials/_stats.scss b/app/packs/stylesheets/partials/_stats.scss
index 7c157a4a..b48de17f 100644
--- a/app/packs/stylesheets/partials/_stats.scss
+++ b/app/packs/stylesheets/partials/_stats.scss
@@ -9,7 +9,7 @@
 }
 
 .statistics-cell .statistic__number {
-  color: $blue;
+  color: $cpb-blue;
   font-weight: 400;
 }
 
@@ -23,7 +23,7 @@
 }
 
 .card--list__icon {
-  fill: $rose;
+  fill: $cpb-rose;
   height: 50%;
   width: auto;
 }
diff --git a/app/packs/stylesheets/partials/_variables.scss b/app/packs/stylesheets/partials/_variables.scss
index 97141b1a..3805fe7b 100644
--- a/app/packs/stylesheets/partials/_variables.scss
+++ b/app/packs/stylesheets/partials/_variables.scss
@@ -1,6 +1,9 @@
-$violet: #524FA1;
-$rose: #E870A8;
-$blue: #3399DB;
+$cpb-violet: #524F9F;
+$cpb-rose: #E670A6;
+$cpb-blue: #3397D9;
+$cpb-brown: #5E3836;
+$cpb-red: #E33B29;
+$cpb-orange: #EB7329;
 $black-font: #000;
 $grey-color: #EDEDED;