diff --git a/src/App.vue b/src/App.vue
index ae00c6a..67faf0b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,10 +4,13 @@ import SchedulePage from './components/SchedulePage.vue';
 </script>
 
 <template>
-  <div>
+  <div class="app">
     <SchedulePage></SchedulePage>
   </div>
 </template>
 
 <style scoped>
+.app {
+  color: #111;
+}
 </style>
diff --git a/src/assets/base.css b/src/assets/base.css
index 8816868..9b09752 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -61,7 +61,7 @@
 body {
   min-height: 100vh;
   color: var(--color-text);
-  background: var(--color-background);
+  background: #eee;
   transition:
     color 0.5s,
     background-color 0.5s;
diff --git a/src/components/SchedulePage.vue b/src/components/SchedulePage.vue
index b2e55c4..9f46287 100644
--- a/src/components/SchedulePage.vue
+++ b/src/components/SchedulePage.vue
@@ -47,7 +47,7 @@ onMounted(async () => {
 
 <style scoped>
 .day-block {
-  border: solid 1px rebeccapurple;
+  border: solid 2px #000058;
   margin: 10px 0;
   padding: 15px;
   border-radius: 10px;