frontend: initial dark mode for filemananger

2024-06-12 19:57:21 +02:00
parent 9f26608681
commit 7affc6e987
3 changed files with 11 additions and 3 deletions
--- 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;
--- 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;
--- 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);
+  }
+}