Updated style.css to fix light and dark themes

adieyal · Oct 31, 2022 · 7cfd16e · 7cfd16e
1 parent 97717c8
commit 7cfd16e
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 19 deletions.
diff --git a/scripts/.dynamic_prompting.py.swo b/scripts/.dynamic_prompting.py.swo
diff --git a/scripts/.dynamic_prompting.py.swp b/scripts/.dynamic_prompting.py.swp
diff --git a/scripts/dynamic_prompting.py b/scripts/dynamic_prompting.py
@@ -19,7 +19,7 @@
 base_dir = Path(scripts.basedir())
 
 WILDCARD_DIR = getattr(opts, "wildcard_dir", base_dir / "wildcards")
-VERSION = "0.13.4"
+VERSION = "0.13.5"
 
 
 wildcard_manager = WildcardManager(WILDCARD_DIR)

diff --git a/style.css b/style.css
@@ -1,10 +1,8 @@
 #dynamic-prompting .collapsible {
-    background-color: #1f2937;
-    color: white;
     cursor: pointer;
     padding: 18px;
     width: 100%;
-    border: 2px #0C111C;
+    border: 1px solid #eee;;
     border-right-style: solid;
     border-top-style: solid;
     border-left-style: solid;
@@ -19,31 +17,37 @@
 
 #dynamic-prompting .active, .collapsible:hover {
     background-color: #555;
-}
-
-#dynamic-prompting .wildcard {
-    color: #ddd;
-}
-
-.dark #dynamic-prompting .codeblock {
-    background-color: #06080D;
-}
-
-#dynamic-prompting .codeblock {
-    background-color: #1b1b1b;
-    color: #72e0d1;
+    border: 1px solid #eee;
+    color: white;
 }
 
 #dynamic-prompting .content {
     padding: 0 18px;
     display: none;
     overflow: hidden;
-    border: 2px #0C111C;
+    border: 1px solid #eee;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: solid;
     border-radius: 0px 0px 8px 8px;
-    background-color: #1f2937;
+}
+
+#dynamic-prompting .codeblock {
+    color: #50a080;
+}
+
+.dark #dynamic-prompting .collapsible {
+    background-color: rgb(31, 41, 55);
+    border: 2px solid rgb(31, 41, 55);
+}
+
+.dark #dynamic-prompting .active, .collapsible:hover {
+    background-color: #06080D;
+    border: 2px solid #06080D;
+}
+
+.dark #dynamic-prompting .content {
+    border: 2px solid #0C111C;
 }
 
 #is-combinatorial:after {