user.css

* {
	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;
}