Iterated on card color scheme

app/imports/ui/creature/character/CharacterSheetToolbar.vue

@@ -246,6 +246,6 @@ export default {
 }
 .character-sheet-fab {
   bottom: -24px;
-  margin-right: -8px;
+  right: 8px;
 }
 </style>

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

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

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"

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;
 }