| * { |
| font-family: Arial !important; |
| } |
|
|
| div#html_info_txt2img, |
| div#html_info_img2img |
| { |
| display: none; |
| } |
|
|
| .dark .gr-button-primary { |
| --tw-gradient-stops: #2772c3, #2772c3; |
| border: none; |
| } |
|
|
| .dark .gr-button-primary:hover { |
| --tw-gradient-stops: #226bb9, #226bb9; |
| } |
|
|
| .dark .gr-button-secondary { |
| --tw-gradient-stops: #2e3e52, #2e3e52; |
| border-color: #3d516a; |
| } |
|
|
| .gr-button-primary, |
| .gr-button-secondary, |
| #context-menu { |
| border-radius: .3rem; |
| } |
|
|
| #context-menu { |
| border: 1px solid rgba(255, 255, 255, 0.1); |
| box-shadow: 0px 1px 1px black !important; |
| } |
|
|
| .context-menu-items a { |
| padding: 8px; |
| } |
|
|
| .context-menu-items a:hover { |
| background: #226bb954; |
| transition: .1s; |
| } |
|
|
| .gr-box>div>div>input.gr-text-input, |
| .dark .gr-input { |
| border-radius: 5px; |
| } |
|
|
| .dark .dark\:bg-gray-950 { |
| background-color: #10151d !important |
| } |
|
|
| .dark .dark\:bg-gray-900 { |
| background-color: #121a24; |
| } |
|
|
| .dark .gr-panel { |
| background-color: transparent; |
| } |
|
|
| .dark .gr-input, |
| .border-gray-200 { |
| border-color: #2a3746 !important; |
| } |
|
|
| .progressDiv .progress { |
| font-family: Verdana !important; |
| font-size: 12px; |
| font-weight: normal; |
| background: #0d4f7e; |
| color: #9ecfe9; |
| border-radius: 5px; |
| } |
|
|
| .dark .progressDiv { |
| background: #1d2938; |
| } |
|
|
| .performance { |
| color: #7794b2; |
| } |
|
|
| .dark .bg-white { |
| background-color: #0f141b !important; |
| } |
|
|
| #txt2img_interrupt, |
| #img2img_interrupt, |
| #txt2img_skip { |
| background: #718396; |
| } |
|
|
| #lightboxModal { |
| background-color: #090b0df7; |
| } |
|
|
| .gradio-container { |
| line-height: 1.2; |
| } |
|
|
| .\!ring-orange-500 { |
| --tw-ring-color: #428ee0 !important; |
| } |
|
|
| .gallery-item.svelte-1g9btlg.svelte-1g9btlg, |
| .gallery-item.svelte-1g9btlg.svelte-1g9btlg:hover { |
| --tw-ring-shadow: 0 0 0 0 !important; |
| } |
|
|
| #txt2img_preview { |
| margin-right: 0 !important; |
| } |
|
|
| #txt2img_settings { |
| max-width: 30% !important; |
| } |
|
|
| #txt2img_progressbar { |
| width: 118.4% !important; |
| } |
|
|
| div#txt2img_prompt>label>textarea, |
| div#img2img_prompt>label>textarea { |
| font: 20px Arimo, Arial !important; |
| color: #a7b4c4 !important; |
| } |
|
|
| div#txt2img_neg_prompt>label>textarea, |
| div#img2img_neg_prompt>label>textarea { |
| font-size: 14px !important; |
| color: #4d5967 !important; |
| } |
|
|
| .dark .dark\:text-gray-500 { |
| display: none; |
| } |
|
|
| button#save_txt2img, |
| button#save_zip_txt2img, |
| button#save_img2img, |
| button#save_zip_img2img |
| { |
| display: none; |
| } |
|
|
| #footer { |
| display: none; |
| } |
|
|
| #settings>div.flex-wrap { |
| width: 13em; |
| } |
|
|
| .dark .gr-form, |
| .dark .gr-box, |
| #txt2img_script_container>.gr-form, |
| #img2img_script_container>.gr-form { |
| border-radius: 0.5rem !important; |
| } |
|
|
| #refresh_checkpoint_C { |
| margin-right: 0.5rem; |
| } |
|
|
| .dark .gr-block.gr-box span.text-gray-500, .dark label.block span { |
| background-color: #202832; |
| box-shadow: none; |
| border-radius: 4px; |
| display: inline; |
| } |
|
|
| .dark .gr-compact, |
| .dark .gr-form, |
| .dark .livePreview, |
| .dark .gr-box { |
| background-color: #1a2430; |
| } |
|
|
| .eta-bar { |
| background-color: #0D4F7E !important; |
| } |
|
|
| .dark .gr-compact { |
| margin-left: 0; |
| } |
|
|
