color shema, badge bg-color

frontend/src/assets/scss/custom/gradido-custom/_color.scss

@@ -114,11 +114,11 @@ $theme-colors: map.merge(
     "dark":         $dark,
     "darker":       $darker,
     "f5":           $gradido-f5,
-    "248":           $gradido-248,
-    "140":           $gradido-140,
-    "205":           $gradido-205,
-    "197":           $gradido-197,
-    "4":           $gradido-4
+    "248":          $gradido-248,
+    "140":          $gradido-140,
+    "205":          $gradido-205,
+    "197":          $gradido-197,
+    "4":            $gradido-4
   ),
   $theme-colors
 );

frontend/src/assets/scss/gradido-template.scss

@@ -9,6 +9,11 @@ body {
   cursor: pointer;
 }
 
+.bg-gradient {
+  background: rgb(4,112,6);
+background: linear-gradient(90deg, rgba(4,112,6,1) 73%, rgba(197,141,56,1) 100%);
+  color: white;
+} 
 .hover-icon:hover {
   background-color: rgb(220 216 217);
   border-radius: 29px;

frontend/src/components/Contributions/ContributionForm.vue

@@ -25,7 +25,7 @@
         :locale="$i18n.locale"
         :max="maximalDate"
         :min="minimalDate"
-        class="mb-4"
+        class="mb-4 bg-248"
         reset-value=""
         :label-no-date-selected="$t('contribution.noDateSelected')"
         required

frontend/src/components/Inputs/InputHour.vue

@@ -18,6 +18,7 @@
           step="0.5"
           min="0"
           :max="validMaxTime"
+          class="bg-248"
         ></b-form-input>
       </b-form-group>
     </validation-provider>

frontend/src/components/Inputs/InputTextarea.vue

@@ -10,7 +10,7 @@
         v-model="currentValue"
         v-bind="ariaInput"
         :id="labelFor"
-        :class="$route.path === '/send' ? 'bg-248' : ''"
+        class="bg-248"
         :name="name"
         :placeholder="placeholder"
         :state="validated ? valid : false"

frontend/src/components/Template/ContentHeader/CommunityMember.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="community-member mt-3 mt-lg-0">
-    <div class="text-center">
-      <b-badge class="position-absolute mt--2 ml--5 px-3" variant="success">
+    <div class="text-center bg-gradient">
+      <b-badge class="position-absolute mt--2 ml--5 px-3 bg-gradient">
         {{ $t('member') }}
       </b-badge>
     </div>

frontend/src/components/Template/ContentHeader/GddAmount.vue

@@ -4,7 +4,8 @@
       <b-badge
         v-if="badgeShow"
         class="position-absolute mt--2 ml--4 px-3 zindex1"
-        :variant="showStatus ? 'success' : 'light'"
+        :class="showStatus ? 'bg-gradient' : ''"
+        :variant="showStatus ? '' : 'light'"
       >
         {{ $t('GDD') }}
       </b-badge>

frontend/src/components/Template/ContentHeader/GdtAmount.vue

@@ -4,7 +4,8 @@
       <b-badge
         v-if="badgeShow"
         class="position-absolute mt--2 ml--4 px-3 zindex1"
-        :variant="showStatus ? 'success' : 'light'"
+        :class="showStatus ? 'bg-gradient' : ''"
+        :variant="showStatus ? '' : 'light'"
       >
         {{ $t('GDT') }}
       </b-badge>