From 7d4356592a374e39cae86d21d8b6feaf0a16f4fa Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Fri, 26 Mar 2021 11:06:52 +0200
Subject: [PATCH] Iterated on card color scheme

---
 .../creature/character/CharacterSheetToolbar.vue   |  2 +-
 app/imports/ui/log/CharacterLog.vue                |  2 +-
 .../ui/properties/shared/PropertySelector.vue      |  2 +-
 .../properties/shared/SelectablePropertyDialog.vue |  5 ++++-
 app/imports/ui/styles/cardColors.css               | 14 ++++++++++++--
 5 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/app/imports/ui/creature/character/CharacterSheetToolbar.vue b/app/imports/ui/creature/character/CharacterSheetToolbar.vue
index bdcee748..f439d8af 100644
--- a/app/imports/ui/creature/character/CharacterSheetToolbar.vue
+++ b/app/imports/ui/creature/character/CharacterSheetToolbar.vue
@@ -246,6 +246,6 @@ export default {
 }
 .character-sheet-fab {
   bottom: -24px;
-  margin-right: -8px;
+  right: 8px;
 }
 </style>
diff --git a/app/imports/ui/log/CharacterLog.vue b/app/imports/ui/log/CharacterLog.vue
index d6995b78..f9d9b622 100644
--- a/app/imports/ui/log/CharacterLog.vue
+++ b/app/imports/ui/log/CharacterLog.vue
@@ -6,7 +6,7 @@
     <v-slide-y-reverse-transition
       group
       hide-on-leave
-      class="card-background flex layout column reverse align-end pa-3"
+      class="card-raised-background flex layout column reverse align-end pa-3"
       style="overflow: auto;"
     >
       <log-entry
diff --git a/app/imports/ui/properties/shared/PropertySelector.vue b/app/imports/ui/properties/shared/PropertySelector.vue
index f8be12f9..a4ed79ea 100644
--- a/app/imports/ui/properties/shared/PropertySelector.vue
+++ b/app/imports/ui/properties/shared/PropertySelector.vue
@@ -1,5 +1,5 @@
 <template lang="html">
-  <div>
+  <div class="card-raised-background">
     <v-container
       fluid
       grid-list-lg
diff --git a/app/imports/ui/properties/shared/SelectablePropertyDialog.vue b/app/imports/ui/properties/shared/SelectablePropertyDialog.vue
index aacda0c1..b71a28d9 100644
--- a/app/imports/ui/properties/shared/SelectablePropertyDialog.vue
+++ b/app/imports/ui/properties/shared/SelectablePropertyDialog.vue
@@ -8,7 +8,10 @@
       <v-toolbar-title slot="toolbar">
         Add Library Content
       </v-toolbar-title>
-      <property-selector @select="type => $emit('input', type)" />
+      <property-selector
+        slot="unwrapped-content"
+        @select="type => $emit('input', type)"
+      />
     </dialog-base>
     <div
       v-show="value"
diff --git a/app/imports/ui/styles/cardColors.css b/app/imports/ui/styles/cardColors.css
index 079f4427..a7450a8a 100644
--- a/app/imports/ui/styles/cardColors.css
+++ b/app/imports/ui/styles/cardColors.css
@@ -1,10 +1,20 @@
-.theme--dark.v-sheet {
+.theme--dark.v-sheet,
+.theme--dark.v-expansion-panels .v-expansion-panel {
   background-color: #303030;
 }
 
 .theme--dark .card-background {
   background: #000;
 }
-.card-background {
+
+.theme--light .card-background {
+  background: #f6f6f6;
+}
+
+.theme--dark .card-raised-background {
+  background: #1d1d1d;
+}
+
+.theme--light .card-raised-background {
   background: #fafafa;
 }