user.css

* {
    font-family: Arial !important;
	}

div#txt2img_prompt > label > textarea,
div#img2img_prompt > label > textarea {
    font: 20px Arimo, Arial !important;
    color: #a7b4c4 !important;
}

div#txt2img_gallery,
div#img2img_gallery
{
    height: 512px;
}

.livePreview img {
    height: 452px;
}


div#txt2img_neg_prompt > label > textarea,
div#img2img_neg_prompt > label > textarea {
    font-size: 14px !important;
    color: #4d5967 !important;
}

.dark {
    --body-background-fill: #131a25;
}

.gradio-container-3-28-1 .prose * {
    color: #9fa8b6;
}

div#html_info_txt2img,
div#html_info_img2img,
button#txt2img_clear_prompt,
button#img2img_clear_prompt
{
    display: none;
}

.primary.svelte-cmf5ev {
	border: none;
}

.primary.svelte-cmf5ev {
    border: none;
    background: #2772c3;
    border-radius: 5px;
}
.primary.svelte-cmf5ev:hover {
    background: #266ab4;
}

button#txt2img_generate {
	background: #2772c3;
}

.dark .panel.svelte-vt1mxs {
    background: #131a25;
    padding: 0;
}

.dark .preview.svelte-1b19cri.svelte-1b19cri,
.dark .preview.svelte-1b19cri img.svelte-1b19cri {
    background: #1f2937;
}

.livePreview {
	background: transparent;
}

.selected.svelte-1g805jl {
    background: #131a25;
}

#context-menu {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0px 1px 1px black !important;
	background: #18212d !important;
}

.context-menu-items a {
    padding: 8px;
}

.context-menu-items a:hover {
    background: #226bb954;
    transition: 0.1s;
}

.thumbnail-small.selected.svelte-1b19cri.svelte-1b19cri,
.thumbnail-item.svelte-1b19cri.svelte-1b19cri:hover {
    --ring-color: none;
    border-color: transparent;
}

#settings > div.tab-nav {
    width: 14em;
}

.progressDiv .progress {
    font-family: Verdana !important;
    font-size: 12px;
    font-weight: normal;
    background: #0d4f7e;
    color: #9ecfe9;
    border-radius: 5px;
}
#txt2img_progressbar {
    width: 118.4% !important;
}

.progressDiv {
	z-index: 9999;
}

.dark .progressDiv {
    background: #1d2938;
}

.block.border_focus {
    border-color: #5290bd !important;
}

#txt2img_interrupt,
#img2img_interrupt,
#txt2img_skip {
    background: #718396;
}

#lightboxModal {
    background-color: #090b0df7;
}

#txt2img_preview {
    margin-right: 0 !important;
}

.dark #txt2img_settings {
    background: #1f2937 !important;
}

div#txt2img_settings {
    padding: 10px !important;
}

button#save_txt2img,
button#save_zip_txt2img,
button#save_img2img,
button#save_zip_img2img {
    display: none;
}

.gradio-container {
    line-height: 1.15;
}

#settings > div.flex-wrap {
    width: 13em;
}

.extra-network-cards .card .actions .name {
    font-size: 1.3em;
    font-weight: 100;
}

.extra-network-cards .card .metadata-button:hover,
.extra-network-cards .card ul a:hover {
    color: #5bffa8;
}

#footer {
    display: none;
}

.unpadded_box.large.svelte-1u5vjgs {
    min-height: 450px;
}

.dark .options.svelte-1aonegi {
    background: #131a25;
}
.dark .item.svelte-1aonegi:hover {
    background: #17202d;
}
.dark .gradio-dropdown ul.options li.item.selected {
    background: #1b2533;
}

.eta-bar.svelte-j1gjts {
    background: #2c394b;
}

svg.svelte-zyxd38 path.svelte-zyxd38 {
    fill: #6a9cd2;
}

.wrap.svelte-j1gjts {
    background: #1f2937;
}

.block.token-counter span,
.block.token-counter.error span {
    box-shadow: none;
}

.dark .svelte-116rqfv.center.boundedheight.flex {
    background: #131a25;
}

.error.svelte-j1gjts {
    border: solid 1px #de8ab175;
    border-radius: 7px;
    background: #181622de;
    color: #f57cb4;
}

div#txt2img_column_size {
    min-width: min(200px, 100%) !important;
}

button#arc_show_calculator_button,
div#arc_empty_space {
	display: none;
}

#txt2img_row_resolutions button,
#img2img_row_resolutions button,
#txt2img_row_aspect_ratio button,
#img2img_row_aspect_ratio button {
	max-width: 100% !important;
}

a {
    font-weight: normal;
}

.panel.svelte-15lo0d8 {
	background: none;
}

.extra-network-cards {
	height: 100% !important;
		max-height: 800px !important;
}

.selected.svelte-kqij2n {
	background: transparent;
}

.extra-networks > div.tab-nav {
	min-height: auto;
}