Public/automatic
1
0
Fork 0
mirror of https://github.com/vladmandic/automatic synced 2026-09-20 01:31:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

update styling

Browse Source
This commit is contained in:
Vladimir Mandic
2023-01-20 08:26:59 -05:00
parent ac288d1c1a
commit 3b52c2c5d7
4 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user.css
+10 -4
View File
@@ -1,6 +1,7 @@
/* generic html tags */
html { font-size: 16px; }
body, button, input, select, textarea { font-family: "Segoe UI"; font-variant: small-caps; }
button { font-size: 1.2rem; }
img { background-color: black; }
input[type=range] { height: 14px; appearance: none; margin-top: 12px }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 18px; cursor: pointer; box-shadow: 2px 2px 3px #111111; background: #50555C; border-radius: 2px; border: 0px solid #222222; }
@@ -19,13 +20,14 @@ div.gradio-container.dark > div.w-full.flex.flex-col.min-h-screen > div { backgr
.tabs { background-color: black; }
.dark { background-color: black; }
.dark .gr-panel { border-radius: 0; background-color: black; }
.dark .gr-compact { border-radius: 0; background-color: black; }
.dark .gr-input-label { color: lightyellow; border-width: 0; background: transparent; padding: 2px !important; }
.dark .gr-input { background-color: #333333 !important; }
.dark .gr-form { border-radius: 0; border-width: 0; }
.dark .gr-check-radio { background-color: var(--inactive-color); border-width: 0; border-radius: 2px; box-shadow: 2px 2px 3px #111111; }
.dark .gr-check-radio:checked { background-color: var(--highlight-color); }
.dark .gr-button { border-radius: 0; font-weight: normal; box-shadow: 2px 2px 3px #111111; font-size: 0.9rem; min-width: 42px; min-height: 42px; }
.dark .gr-box { border-radius: 0 !important; background-color: #222222; box-shadow: 2px 2px 3px #111111; border-width: 0; padding-bottom: 12px; }
.dark .gr-box { border-radius: 0 !important; background-color: #111111; box-shadow: 2px 2px 3px #111111; border-width: 0; padding-bottom: 12px; }
.dark .dark\:bg-gray-900 { background-color: black; }
.dark .bg-white { color: lightyellow; border-radius: 0; }
.dark fieldset span.text-gray-500, .dark .gr-block.gr-box span.text-gray-500, .dark label.block span { background-color: #222222; padding: 0 12px 0 12px; }
@@ -38,23 +40,24 @@ div.gradio-container.dark > div.w-full.flex.flex-col.min-h-screen > div { backgr
.overflow-hidden .flex .flex-col .relative col .gap-4 { min-width: var(--left-column); max-width: var(--left-column); } /* this is a problematic one */
.rounded-lg { border-radius: 0; }
.p-2 { padding: 0; }
.dark fieldset span.text-gray-500, .dark .gr-block.gr-box span.text-gray-500, .dark label.block span { border-radius: 0;}
.gr-box > div > div > input.gr-text-input { right: 0.8rem; width: 6em; }
/* automatic style classes */
.progressDiv .progress { background: var(--highlight-color); border-radius: 2px; }
.gallery-item { box-shadow: none !important; }
/* gradio elements overrides */
#txt2img_settings, #img2img_settings { min-width: var(--left-column); max-width: var(--left-column); background-color: #111111; }
#txt2img_settings, #img2img_settings { min-width: var(--left-column); max-width: var(--left-column); background-color: #111111; margin-top: 1rem; }
#txt2img_prompt > label > textarea { font-size: 1.2rem; }
#txt2img_neg_prompt > label > textarea { font-size: 1.2rem; }
#img2img_prompt > label > textarea { font-size: 1.2rem; }
#img2img_neg_prompt > label > textarea { font-size: 1.2rem; }
#txt2img_generate, #img2img_generate, #txt2img_interrupt, #img2img_interrupt, #txt2img_skip, #img2img_skip { margin-top: 10px; min-height: 2rem; height: 63px; }
#txt2img_generate, #img2img_generate, #txt2img_interrupt, #img2img_interrupt, #txt2img_skip, #img2img_skip { margin-left: 10px; min-height: 2rem; height: 63px; max-width: 200px; }
#txt2img_interrupt, #img2img_interrupt, #txt2img_skip, #img2img_skip { background-color: var(--inactive-color); }
#txt2img_gallery, #img2img_gallery, #extras_gallery { background: black; }
#tab_extensions table { background-color: #222222; }
#style_pos_col, #style_neg_col, #roll_col { display: none; }
#interrogate_col { margin-top: 10px; }
#txt2img_progress_row > div { min-width: var(--left-column); max-width: var(--left-column); }
#save-animation { border-radius: 0 !important; margin-bottom: 16px; background-color: #111111; }
#open_folder_txt2img, #open_folder_img2img, #open_folder_extras { display: none; }
@@ -64,3 +67,6 @@ div.gradio-container.dark > div.w-full.flex.flex-col.min-h-screen > div { backgr
#txtimg_hr_finalres { max-width: 200px; }
#refresh_txt2img_styles, #refresh_img2img_styles { display: none; }
#img2img_label_copy_to_img2img { font-weight: normal; }
#txt2img_results, #img2img_results, #extras_results { background-color: black; }
#txt2img_checkboxes, #img2img_checkboxes { background-color: transparent; }
#interrogate, #deepbooru { margin: 0em 0 0 0.25em; }