From 4df75481f67454b623c29c0ab4935566b5dc0da6 Mon Sep 17 00:00:00 2001
From: Vladimir Mandic <mandic00@live.com>
Date: Wed, 1 Nov 2023 12:01:17 -0400
Subject: [PATCH] css updates

---
 javascript/black-teal.css | 4 ++--
 javascript/light-teal.css | 4 ++--
 javascript/sdnext.css     | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/javascript/black-teal.css b/javascript/black-teal.css
index f543696e8..5bbc81f8c 100644
--- a/javascript/black-teal.css
+++ b/javascript/black-teal.css
@@ -280,7 +280,7 @@ textarea[rows="1"] { height: 33px !important; width: 99% !important; padding: 8p
   --form-gap-width: 1px;
   --layout-gap: var(--spacing-xxl);
   --panel-border-width: 0;
-  --section-header-text-size: var(--text-md);
+  --section-header-text-size: 13px;
   --section-header-text-weight: 400;
   --checkbox-border-radius: var(--radius-sm);
   --checkbox-label-gap: 2px;
@@ -299,7 +299,7 @@ textarea[rows="1"] { height: 33px !important; width: 99% !important; padding: 8p
   --loader-color: var(--color-accent);
   --prose-text-size: var(--text-md);
   --prose-text-weight: 400;
-  --prose-header-text-weight: 600;
+  --prose-header-text-weight: 400;
   --slider-color: ;
   --table-radius: var(--radius-lg);
   --button-large-padding: 2px 10px;
diff --git a/javascript/light-teal.css b/javascript/light-teal.css
index cc308decd..dcccc5894 100644
--- a/javascript/light-teal.css
+++ b/javascript/light-teal.css
@@ -266,7 +266,7 @@ svg.feather.feather-image, .feather .feather-image { display: none }
   --panel-background-fill: var(--background-fill-secondary);
   --panel-border-color: var(--border-color-primary);
   --panel-border-width: 0;
-  --prose-header-text-weight: 600;
+  --prose-header-text-weight: 400;
   --prose-text-size: var(--text-md);
   --prose-text-weight: 400;
   --radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
@@ -286,7 +286,7 @@ svg.feather.feather-image, .feather .feather-image { display: none }
   --secondary-800: #1e40af;
   --secondary-900: #1e3a8a;
   --secondary-950: #1d3660;
-  --section-header-text-size: var(--text-md);
+  --section-header-text-size: 13px;
   --section-header-text-weight: 400;
   --shadow-drop-lg: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --shadow-drop: 0;
diff --git a/javascript/sdnext.css b/javascript/sdnext.css
index 8bb9bf876..c0201dd78 100644
--- a/javascript/sdnext.css
+++ b/javascript/sdnext.css
@@ -30,13 +30,13 @@ textarea { overflow-y: auto !important; }
 .gradio-column { min-width: min(160px, 100%) !important; }
 .gradio-container { max-width: unset !important; padding: var(--block-label-padding) !important; }
 .gradio-container .prose a, .gradio-container .prose a:visited{ color: unset; text-decoration: none; }
-
 .gradio-dropdown { margin-right: var(--spacing-sm) !important; }
 .gradio-dropdown ul.options { z-index: 1000; min-width: fit-content; max-height: 33vh !important; white-space: nowrap; }
 .gradio-dropdown ul.options li.item { padding: var(--spacing-xs); }
 .gradio-dropdown ul.options li.item:not(:has(.hide)) { background-color: var(--primary-500); }
 .gradio-dropdown span { margin-bottom: 0 !important; }
 .gradio-dropdown .reference { margin-bottom: var(--spacing-sm) !important; }
+.gradio-html { color: var(--body-text-color); }
 .gradio-html .min { min-height: 0; }
 .gradio-html div.wrap { height: 100%; }
 .gradio-number { min-width: unset !important; max-width: 5em !important; }