up

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>

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;

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;