From 7278adb09d6474bd0104cbb474fd155aa8537dcf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 28 Feb 2023 20:51:21 +0100
Subject: [PATCH] Set primary and secondary color correctly for Yunite incl.
 donation bar and toast

---
 webapp/assets/styles/imports/_branding.scss | 85 ++++++++++++---------
 1 file changed, 47 insertions(+), 38 deletions(-)

diff --git a/webapp/assets/styles/imports/_branding.scss b/webapp/assets/styles/imports/_branding.scss
index 6522dc207..c3e58bc5d 100644
--- a/webapp/assets/styles/imports/_branding.scss
+++ b/webapp/assets/styles/imports/_branding.scss
@@ -5,106 +5,115 @@
 */
  
 @font-face {
-    font-family: Overpass;
-    src: url('~@/assets/fonts/Overpass-VariableFont_wght.ttf');
+  font-family: Overpass;
+  src: url('~@/assets/fonts/Overpass-VariableFont_wght.ttf');
 }
 
-$color-primary: #6e8b87;
-$color-primary-yunite: #a6ff00;
-/*
-$color-primary-light: #fff;
-$color-primary-active: hsla(0,0%,100%,.8);
-*/
+$color-primary: rgb(110, 139, 135);
+$color-primary-light: rgb(161, 179, 177);
+$color-primary-dark: rgb(81, 99, 97);
+$color-primary-active: rgb(123, 160, 149);
+$color-primary-inverse: rgb(241, 248, 243);
+
+$color-secondary: rgb(166, 255, 0);
+$color-secondary-active: rgb(188, 255, 130);
+$color-secondary-inverse: rgb(241, 255, 225);
 
 $font-family-heading: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
 $font-family-text: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
 
 $color-header-background: $color-primary;
-$color-footer-background: $color-primary-yunite;
+$color-footer-background: $color-secondary;
+
+$color-locale-menu: $color-secondary;
+
+$color-donation-bar: $color-secondary;
+
+$color-toast-blue: rgb(0, 142, 230);
+$color-toast-green: $color-primary;
 
-$color-locale-menu: $color-primary-yunite;
 
 .main-navigation a {
-    color: #fff;
-    text-transform: uppercase;
-    font-size: 16px;
-    font-weight: 500;
+  color: #fff;
+  text-transform: uppercase;
+  font-size: 16px;
+  font-weight: 500;
 }
 .main-navigation a:hover {
-    color: hsla(0,0%,100%,.8);
+  color: hsla(0,0%,100%,.8);
 }
 .main-navigation .router-link-exact-active { 
-    color:  #A6FF00!important;
+  color:  #A6FF00!important;
 }
 
 .main-navigation .locale-menu {
-    color: #fff;
+  color: #fff;
 }
 
 .main-navigation .base-button {
-    color: #fff;
+  color: #fff;
 }
 
 #nav-search-box .hc-hashtag a{
-    color: #17b53f;
+  color: #17b53f;
 }
 
 #footer {
- background-color: $color-primary-yunite;
+  background-color: $color-secondary;
 }
 
 #footer a {
-    color: $color-primary;
+  color: $color-primary;
 }
 
 .avatar-menu .profile-avatar {
-    color: $color-primary;
+  color: $color-primary;
 }
 
 .profile-avatar .initials {
-    color: $color-primary;
+  color: $color-primary;
 }
 
 .branding-menu .ds-text {
-    font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
-    font-weight: 500;
-    text-transform: uppercase;
-    font-size: 16px;
+  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
+  font-weight: 500;
+  text-transform: uppercase;
+  font-size: 16px;
 }
 
 /* avoid uppercase for user slug */
 span.slug {
-    text-transform: none;
+  text-transform: none;
 }
     
 .ds-footer {
-    font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
-    text-transform: uppercase;
-    font-size: 16px;
-    font-weight: 300;
-  }
+  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
+  text-transform: uppercase;
+  font-size: 16px;
+  font-weight: 300;
+}
 
 /* chips on group teaser */
 a.group-teaser footer .ds-chip-primary {
-   background-color: #6e8b87;
+  background-color: #6e8b87;
 }
 
 /* number count color */
 div.ds-number > p.ds-number-count {
-    color: #6e8b87;
+  color: #6e8b87;
 }
 
 /* active tab border bottom color */
 div.tab-navigation li.Tabs__tab {
-    border-bottom-color: #6e8b87;
+  border-bottom-color: #6e8b87;
 }
 
 /* submit button color group form */
 form.group-form button.ds-button-primary {
-    background-color: #6e8b87;
+  background-color: #6e8b87;
 }
 
 /* color of active filter tags in post teaser */
 span.category-tag.filterActive {
-    background-color: #6e8b87;
+  background-color: #6e8b87;
 }