diff --git a/frontend/src/components/LogsViewer.vue b/frontend/src/components/LogsViewer.vue
index 473e428f9..092aaa3a4 100644
--- a/frontend/src/components/LogsViewer.vue
+++ b/frontend/src/components/LogsViewer.vue
@@ -161,7 +161,7 @@ body {
   font-size: 20px;
 }
 
-.cloudron-layout-body {
+.pankow-main-layout-body {
   cursor: text;
 }
 
@@ -171,7 +171,7 @@ body {
   }
 }
 
-.cloudron-top {
+.pankow-top-bar {
   background-color: black;
   color: white;
   margin-bottom: 0 !important;
diff --git a/frontend/src/components/Terminal.vue b/frontend/src/components/Terminal.vue
index 1f5db7e6d..38065cb3c 100644
--- a/frontend/src/components/Terminal.vue
+++ b/frontend/src/components/Terminal.vue
@@ -322,7 +322,7 @@ body {
   font-size: 20px;
 }
 
-.cloudron-top {
+.pankow-top-bar {
   background-color: black;
   color: white;
   margin-bottom: 0 !important;
diff --git a/frontend/src/style.css b/frontend/src/style.css
index a4b8f37e7..f4e670b88 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -28,3 +28,11 @@ a:hover, a:focus {
 #app {
   height: 100%;
 }
+
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: black;
+    color: var(--pankow-color-light-dark);
+  }
+}