dark background

AmyXS · Nov 8, 2020 · 5328e87 · 5328e87
1 parent bcc2d98
commit 5328e87
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
-  <div id="app">
+  <div id="app" class="p-5" >
     <div id="logo" class="mb-5">
-      <img alt="Antiboredom logo" src="./assets/logo.svg">
+      <img alt="Antiboredom logo" src="./assets/logo-dark.svg">
     </div>
 
     <div id="welcome" v-if="!items.length">
@@ -94,7 +94,7 @@ export default {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+  color: #241B02;
+  background-color: #241B02;
 }
 </style>
diff --git a/src/assets/logo-dark.svg b/src/assets/logo-dark.svg
diff --git a/src/components/Hello.vue b/src/components/Hello.vue
@@ -42,6 +42,8 @@ export default {
     top: 400px; /* Header Height */
     bottom: 0px;
     width: 100%;
+    color: white;
+    background-color: #241B02;
 }
 
 </style>