svg.escobar.life

A simple SVG markup editor for the web

Commit: 8bd841acefa36f2a21f76add5d8012f8ae0e0a2e
Parent: f26386938c565ec8a14f324787a46552e5dfb1be
Author: Pablo <pablo-escobar@riseup.net>
Date: Fri, 2 Dec 2022 22:58:20 +0000

Changed the dark mode color theme

Diffstat

2 files changed, 11 insertions, 2 deletions

Status	File Name	N° Changes	Insertions	Deletions
Modified	css/styles.css	11	9	2
Modified	src/View.elm	2	2	0

diff --git a/css/styles.css b/css/styles.css
@@ -25,7 +25,7 @@
   --accent: #90ff68;
 
   --selection: #A599E940;
-  --dark: #05020d;
+  --dark: #0b0913;
 
   --tag: #FF4E56;
   --attribute: var(--accent);
@@ -59,6 +59,8 @@ body, button, .elmsh, textarea {
 
   height: calc(100% - 2em);
   padding: 1em;
+
+  background: var(--background);
 }
 
 @media (orientation: landscape) {
@@ -101,7 +103,12 @@ body, button, .elmsh, textarea {
   background: var(--foreground);
 }
 
-#container #display.dark {
+#container.dark button {
+  background: var(--foreground) !important;
+  color: var(--background) !important;
+}
+
+#container.dark #display {
   background: var(--dark);
 }

diff --git a/src/View.elm b/src/View.elm
@@ -54,6 +54,8 @@ container model =
       [ id "container", application, label "SVG Editor" ]
       ++ 
       (if valid model.status then [] else [class "error"])
+      ++
+      (if model.darkModeOn then [ class "dark" ] else [])
     )
     [ display model
     , lazy editor model