From 7affc6e987e1164bca6ba7fa1d254065ac510342 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 12 Jun 2024 19:57:21 +0200
Subject: [PATCH] frontend: initial dark mode for filemananger

---
 frontend/src/components/LogsViewer.vue | 4 ++--
 frontend/src/components/Terminal.vue   | 2 +-
 frontend/src/style.css                 | 8 ++++++++
 3 files changed, 11 insertions(+), 3 deletions(-)

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);
+  }
+}