Change card and background color scheme

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

@@ -36,6 +36,7 @@
       >
         <v-tabs-items
           :value="$store.getters.tabById($route.params.id)"
+          class="card-background"
           @change="e => $store.commit(
             'setTabForCharacterSheet',
             {id: $route.params.id, tab: e}

app/imports/ui/log/CharacterLog.vue

@@ -6,7 +6,7 @@
     <v-slide-y-reverse-transition
       group
       hide-on-leave
-      class="log-entries flex layout column reverse align-end pa-3"
+      class="card-background flex layout column reverse align-end pa-3"
       style="overflow: auto;"
     >
       <log-entry
@@ -122,10 +122,4 @@ export default {
   .log-tab p:last-child {
     margin-bottom: 0;
   }
-  .theme--dark .log-entries {
-    background: #303030;
-  }
-  .log-entries {
-    background: #fafafa;
-  }
 </style>

app/imports/ui/pages/Account.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="layout justify-center">
+  <div class="layout justify-center card-background">
     <v-card
       class="ma-4 pa-2"
       style="flex-basis: 900px"

app/imports/ui/styles/cardColors.css

@@ -0,0 +1,10 @@
+.theme--dark.v-sheet {
+  background-color: #303030;
+}
+
+.theme--dark .card-background {
+  background: #000;
+}
+.card-background {
+  background: #fafafa;
+}

app/imports/ui/styles/stylesIndex.js

@@ -4,4 +4,5 @@ import './centeredInputs.css';
 import './largeFormatInputs.css';
 import './fitAvatars.css';
 import './lineClamp.css';
-import './toolbarFlex.css'
+import './toolbarFlex.css';
+import './cardColors.css';