frontend: more dark mode fixes

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 {