fix

src/assets/base.css

@@ -38,6 +38,8 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
+    color-scheme: only dark;
+
     --color-background: var(--vt-c-black);
     --color-background-soft: var(--vt-c-black-soft);
     --color-background-mute: var(--vt-c-black-mute);

src/components/SchedulePage.vue

@@ -85,7 +85,7 @@ onMounted(async () => {
 }
 
 .hr {
-  margin: 5px;
+  margin: 10px;
 }
 
 .relative-day-name {

src/components/client.ts

@@ -14,7 +14,8 @@ export const apiGetDays = async (): Promise<Schedule> => {
 }
 
 export function getApiUrl(path: string) {
-  const url = 'http://' + window.location.host.split(':')[0] + ':8210' + path
+  const url = 'https://' + window.location.host.split(':')[0] + path
+  // const url = 'http://localhost:8210' + path
   return url
 }