🍱 CSS dark mode

3 files changed, 5 insertions, 20 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');
+    }
 }
diff --git a/ishtar_common/templates/ishtar/blocks/sheet_map.html b/ishtar_common/templates/ishtar/blocks/sheet_map.html
index 8af6cd294..115d84bab 100644
--- a/ishtar_common/templates/ishtar/blocks/sheet_map.html
+++ b/ishtar_common/templates/ishtar/blocks/sheet_map.html
@@ -8,7 +8,7 @@
 </div>
 <div class="col-12 col-lg-6 flex-wrap">
     <h4>{% trans "Geographic data" %}</h4>
-    <ul>{% for geodata in geodata_list %}
+    <ul class="no-bullets">{% for geodata in geodata_list %}
         <li>
             {% with coordinates=geodata.display_coordinates_3d %}
             {% if coordinates.0 != None and coordinates.1 != None%}