🍱 CSS dark mode

2 files changed, 4 insertions, 19 deletions

diff --git a/ishtar_common/static/media/images/ishtar-bg-dark.png b/ishtar_common/static/media/images/ishtar-bg-dark.png
new file mode 100644
index 000000000..30cf331da
--- /dev/null
+++ b/ishtar_common/static/media/images/ishtar-bg-dark.png
diff --git a/ishtar_common/static/media/styles.css b/ishtar_common/static/media/styles.css
index 20318b9bb..515293653 100644
--- a/ishtar_common/static/media/styles.css
+++ b/ishtar_common/static/media/styles.css
@@ -202,23 +202,8 @@ table.dataTable thead th, table.dataTable thead td {
     height: 50px;
 }
 
-/* à adapter */
-#message,
-#message div{
-    display: none;
-}
-
-#message {
-    z-index: 42200;
-    position: fixed;
-    top: 5px;
-    right: 5px;
-    background: #fff;
-    padding: 0.5em 1em;
-    border: 1px solid;
-    border-radius: 3px;
-}
-
-#message span{
-    padding: 0 1em;
+@media (prefers-color-scheme: dark) {
+    html{
+        background-image: url('images/ishtar-bg-dark.png');
+    }
 }