add black-teal theme

CHANGELOG.md

@@ -2,8 +2,11 @@
 
 ## Update for 2023-09-03
 
-- full python 3.11 support  
-  note that changing python version does require reinstall  
+- system:
+  - new default theme: **black-teal**
+  - full **python 3.11** support  
+    note that changing python version does require reinstall  
+    and if you're already on python 3.10, really no need to upgrade  
 - extra networks:
   - support for **tags**  
     show tags on hover, search by tag, list tags, add to prompt, etc.  

README.md

@@ -111,7 +111,7 @@ Below is partial list of all available parameters, run `webui --help` for the fu
       --upgrade                        Upgrade main repository to latest version, default: False
       --safe                           Run in safe mode with no user extensions
 
-<br>![screenshot](html/black-orange.jpg)<br>
+<br>![screenshot](html/black-teal.jpg)<br>
 
 ## Notes
 

TODO.md

@@ -12,20 +12,16 @@ Stuff to be fixed, in no particular order...
 Stuff to be added, in no particular order...
 
 - Diffusers:
-  - Add Hires
   - Add Lora/Lyco mixer
   - Add ControlNet
   - Add SD and SD-XL Pix2Pix
   - Fix DeepFloyd IF model
-  - Redo Prompt parser for diffusers
   - Add unCLIP model
-  - Add ToMe support
   - Add Training support
 - Technical debt:
   - Port **A1111** stuff
   - Port `p.all_hr_prompts`
   - Import core repos to reduce dependencies
-  - Update `gradio`
   - Parse StabilityAI `modelspec` metadata
 - Non-technical:
   - Create additional themes

javascript/black-orange.css

@@ -1,6 +1,7 @@
 /* generic html tags */
-:root {
+:root, .light, .dark {
   --font: "Source Sans Pro", 'ui-sans-serif', 'system-ui', "Roboto", sans-serif;
+  --font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
   --font-size: 16px;
   --left-column: 490px;
   --highlight-color: #ce6400;
@@ -30,7 +31,7 @@
 
 html { font-size: var(--font-size); }
 body, button, input, select, textarea { font-family: var(--font);}
-button { font-size: 1.2rem; }
+button { font-size: 1.2rem; max-width: 400px; }
 img { background-color: var(--background-color); }
 input[type=checkbox] { background-color: transparent !important; }
 input[type=range] { height: var(--line-sm); appearance: none; margin-top: 0; min-width: 160px; background-color: var(--background-color); width: 100%; background: transparent; }
@@ -246,8 +247,6 @@ svg.feather.feather-image, .feather .feather-image { display: none }
   --text-lg: 16px;
   --text-xl: 22px;
   --text-xxl: 26px;
-  --font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif;
-  --font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
   --body-text-size: var(--text-md);
   --body-text-weight: 400;
   --embed-radius: var(--radius-lg);

modules/shared.py

@@ -507,7 +507,7 @@ def default(obj):
 }))
 
 options_templates.update(options_section(('ui', "User Interface"), {
-    "gradio_theme": OptionInfo("black-orange", "UI theme", gr.Dropdown, lambda: {"choices": list_themes()}, refresh=refresh_themes),
+    "gradio_theme": OptionInfo("black-teal", "UI theme", gr.Dropdown, lambda: {"choices": list_themes()}, refresh=refresh_themes),
     "theme_style": OptionInfo("Auto", "Theme mode", gr.Radio, {"choices": ["Auto", "Dark", "Light"]}),
     "tooltips": OptionInfo("UI Tooltips", "UI tooltips", gr.Radio, {"choices": ["None", "Browser default", "UI tooltips"]}),
     "return_grid": OptionInfo(True, "Show grid in results for web"),