From 95b0185de10ca4cc1142bb84606adb7b5abdd6e7 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 3 Nov 2022 13:02:02 +0100
Subject: [PATCH] lightning and dark mode prepared

---
 frontend/src/assets/scss/gradido-template.scss       | 12 ++++++++----
 frontend/src/components/Menu/SidebarNew.vue          |  2 +-
 frontend/src/components/TransactionCollapse.vue      |  2 +-
 .../components/Transactions/TransactionCreation.vue  |  2 +-
 .../src/components/Transactions/TransactionDecay.vue |  2 +-
 .../components/Transactions/TransactionReceive.vue   |  2 +-
 .../src/components/Transactions/TransactionSend.vue  |  2 +-
 frontend/src/layouts/DashboardLayout.vue             |  6 +++---
 8 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 5931e287c..aeafcd207 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -9,12 +9,12 @@ body {
   cursor: pointer;
 }
 
-.bg-default {
-  background-color: rgba(245 245 245 / 75%) !important;
-}
+// .bg-default {
+//   background-color: rgba(245 245 245 / 75%) !important;
+// }
 
 .shadow-default {
-  box-shadow: rgb(0 0 0 / 14%) 0 24px 80px;
+  box-shadow: rgb(0 0 0 / 14%) 0 4px 10px;
 }
 
 .c-grey {
@@ -234,3 +234,7 @@ a:hover,
 .gradido-font-15rem {
   font-size: 1.5rem;
 }
+
+.list-group-item {
+  background-color: rgba(255, 255, 255, 0); 
+}
\ No newline at end of file
diff --git a/frontend/src/components/Menu/SidebarNew.vue b/frontend/src/components/Menu/SidebarNew.vue
index 4039c0889..c2a0bdf7d 100644
--- a/frontend/src/components/Menu/SidebarNew.vue
+++ b/frontend/src/components/Menu/SidebarNew.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="component-sidebar">
-    <div class="pl-lg-1 gradido-border-radius bg-white shadow-default pt-2 mt-4">
+    <div class="pl-lg-1 gradido-border-radius shadow-default pt-2 mt-4">
       <p></p>
       <div class="mb-6">
         <b-nav vertical class="w-200">
diff --git a/frontend/src/components/TransactionCollapse.vue b/frontend/src/components/TransactionCollapse.vue
index bf9b547df..c78d7e974 100644
--- a/frontend/src/components/TransactionCollapse.vue
+++ b/frontend/src/components/TransactionCollapse.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="gdt-transaction-collapse p-2 pt-4 pb-4 mb-4 gradido-no-border bg-secondary">
+  <div class="gdt-transaction-collapse p-2 pt-4 pb-4 mb-4 gradido-no-border">
     <b-row class="gdt-list-collapse-header-text text-center pb-3">
       <b-col class="collapse-headline">
         <b>{{ getLinesByType.headline }}</b>
diff --git a/frontend/src/components/Transactions/TransactionCreation.vue b/frontend/src/components/Transactions/TransactionCreation.vue
index 694d907ed..a5d0ece61 100644
--- a/frontend/src/components/Transactions/TransactionCreation.vue
+++ b/frontend/src/components/Transactions/TransactionCreation.vue
@@ -26,7 +26,7 @@
         </b-row>
       </div>
 
-      <b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible">
+      <b-collapse class="pb-4 pt-5" v-model="visible">
         <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
       </b-collapse>
     </div>
diff --git a/frontend/src/components/Transactions/TransactionDecay.vue b/frontend/src/components/Transactions/TransactionDecay.vue
index 7505ac7c1..372705a4c 100644
--- a/frontend/src/components/Transactions/TransactionDecay.vue
+++ b/frontend/src/components/Transactions/TransactionDecay.vue
@@ -20,7 +20,7 @@
         </b-row>
       </div>
 
-      <b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible">
+      <b-collapse class="pb-4 pt-5" v-model="visible">
         <decay-information-decay
           :balance="balance"
           :decay="decay.decay"
diff --git a/frontend/src/components/Transactions/TransactionReceive.vue b/frontend/src/components/Transactions/TransactionReceive.vue
index 8899b3807..14e661cf3 100644
--- a/frontend/src/components/Transactions/TransactionReceive.vue
+++ b/frontend/src/components/Transactions/TransactionReceive.vue
@@ -32,7 +32,7 @@
         </b-row>
       </div>
 
-      <b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible">
+      <b-collapse class="pb-4 pt-5" v-model="visible">
         <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
       </b-collapse>
     </div>
diff --git a/frontend/src/components/Transactions/TransactionSend.vue b/frontend/src/components/Transactions/TransactionSend.vue
index f9125b89c..971819988 100644
--- a/frontend/src/components/Transactions/TransactionSend.vue
+++ b/frontend/src/components/Transactions/TransactionSend.vue
@@ -32,7 +32,7 @@
         </b-row>
       </div>
 
-      <b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible">
+      <b-collapse class="pb-4 pt-5" v-model="visible">
         <decay-information :typeId="typeId" :decay="decay" :amount="amount" />
       </b-collapse>
     </div>
diff --git a/frontend/src/layouts/DashboardLayout.vue b/frontend/src/layouts/DashboardLayout.vue
index 571d54e8e..ad00b8cc4 100755
--- a/frontend/src/layouts/DashboardLayout.vue
+++ b/frontend/src/layouts/DashboardLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="main-page bg-default h-100">
+  <div class="main-page h-100">
     <div v-if="skeleton">
       <b-row class="text-center">
         <b-col>
@@ -41,7 +41,7 @@
         </b-col>
       </b-row>
     </div>
-    <div v-else class="position-absolute w-100 h-100 bg-default">
+    <div v-else class="position-absolute w-100 h-100">
       <!--<navbar
         class="main-navbar"
         :balance="balance"
@@ -108,7 +108,7 @@
             <!--rechtebox -->
           </b-col>
           <b-col cols="12" lg="7" md="11" offset="0" offset-lg="2" offset-md="1" order-1>
-            <div class="main-content">
+            <div class="main-content mt-3">
               <fade-transition :duration="200" origin="center top" mode="out-in">
                 <router-view
                   ref="router-view"