From 65e5545c9a2396340699632b8ba755160e938acd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Thu, 20 Jul 2023 15:40:21 +0200
Subject: [PATCH] Test branding

---
 webapp/assets/styles/imports/_branding.scss | 127 +++++++++++++++++++-
 1 file changed, 126 insertions(+), 1 deletion(-)

diff --git a/webapp/assets/styles/imports/_branding.scss b/webapp/assets/styles/imports/_branding.scss
index 75058595d..1bb4291af 100644
--- a/webapp/assets/styles/imports/_branding.scss
+++ b/webapp/assets/styles/imports/_branding.scss
@@ -2,4 +2,129 @@
     *
     * Here, all SCSS variables and classes can be adapted to your custom design. 
     *
-*/
\ No newline at end of file
+*/
+
+$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-secondary;
+
+$color-locale-menu: $color-secondary;
+
+$color-donation-bar: $color-secondary;
+
+$color-toast-blue: rgb(0, 142, 230);
+$color-toast-green: $color-primary;
+
+$chat-message-bg-me: $color-primary-light;
+// $chat-message-color: $text-color-base;
+// $chat-message-bg-others: $color-neutral-80;
+// $chat-sidemenu-bg: $color-secondary-active;
+// $chat-new-message-color: $color-secondary-active;
+// $chat-message-timestamp: $text-color-soft;
+$chat-message-checkmark-seen: $color-secondary;
+$chat-message-checkmark: $text-color-inverse;
+
+
+.main-navigation a {
+  color: #fff;
+  text-transform: uppercase;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.main-navigation a:hover {
+  color: hsla(0, 0%, 100%, .8);
+}
+
+.main-navigation .router-link-exact-active {
+  color: #A6FF00 !important;
+}
+
+.main-navigation .locale-menu {
+  color: #fff;
+}
+
+.main-navigation .base-button {
+  color: #fff;
+}
+
+#nav-search-box .hc-hashtag a {
+  color: #17b53f;
+}
+
+#footer {
+  background-color: $color-secondary;
+}
+
+#footer a {
+  color: $color-primary;
+}
+
+.avatar-menu .profile-avatar {
+  color: $color-primary;
+}
+
+.profile-avatar .initials {
+  color: $color-primary;
+}
+
+.branding-menu .ds-text {
+  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;
+}
+
+.ds-footer {
+  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: $color-primary;
+}
+
+/* chips on group profile */
+.group-profile .ds-chip-primary {
+  background-color: $color-primary;
+}
+
+/* number count color */
+div.ds-number>p.ds-number-count {
+  color: $color-primary;
+}
+
+/* active tab border bottom color */
+div.tab-navigation li.Tabs__tab {
+  border-bottom-color: $color-primary;
+}
+
+/* submit button color group form */
+form.group-form button.ds-button-primary {
+  background-color: $color-primary;
+}
+
+/* color of active filter tags in post teaser */
+span.category-tag.filterActive {
+  background-color: $color-primary;
+}
\ No newline at end of file