frontend: more dark mode fixes

frontend/src/components/Terminal.vue

@@ -194,7 +194,7 @@ export default {
       this.busyRestart = false;
     },
     async connect(retry = false) {
-      document.getElementsByClassName('cloudron-layout-body')[0].innerHTML = '';
+      document.getElementsByClassName('pankow-main-layout-body')[0].innerHTML = '';
 
       let execId;
       try {
@@ -206,7 +206,7 @@ export default {
       }
 
       this.terminal = new Terminal();
-      this.terminal.open(document.getElementsByClassName('cloudron-layout-body')[0]);
+      this.terminal.open(document.getElementsByClassName('pankow-main-layout-body')[0]);
 
       if (retry) this.terminal.writeln('Reconnecting...');
       else this.terminal.writeln('Connecting...');

frontend/src/style.css

@@ -6,6 +6,7 @@ html, body {
   padding: 0;
   margin: 0;
   background-color: #e5e5e5;
+  color: var(--pankow-text-color);
 }
 
 h1 {
@@ -33,6 +34,5 @@ a:hover, a:focus {
 @media (prefers-color-scheme: dark) {
   body {
     background-color: black;
-    color: var(--pankow-color-light-dark);
   }
 }

frontend/src/views/Home.vue

@@ -47,6 +47,7 @@
       <div class="main-view">
         <div class="main-view-col">
           <DirectoryView
+            class="directory-view"
             :show-owner="true"
             :show-size="true"
             :show-modified="true"
@@ -73,7 +74,7 @@
           />
         </div>
         <div class="main-view-col" style="max-width: 300px;">
-          <div class="title-bar">
+          <div class="side-bar-title">
             <a v-show="appLink" :href="appLink" target="_blank">{{ title }}</a>
             <span v-show="!appLink">{{ title }}</span>
           </div>
@@ -590,23 +591,13 @@ export default {
   overflow: hidden;
   height: 100%;
   display: flex;
-  padding: 0 10px
+  padding: 0 10px;
 }
 
-.title-bar {
+.side-bar-title {
   text-align: center;
   font-size: 20px;
   margin-bottom: 20px;
-  color: #607d8b;
-}
-
-.title-bar > a {
-  color: #607d8b;
-}
-
-.title-bar > a:hover {
-  color: black;
-  text-decoration: none;
 }
 
 .main-view-col {