/* Author: VladMandic */

:root {
    --sd-main-accent-color:hsl(176deg 97% 41%);
    --sd-secondary-color:hsl(225deg 6% 15%);
    --sd-main-background-color:none;
    --sd-input-height:40px;
    --sd-input-slider-height:0.4;
    --sd-input-icon-height:32px;
    --sd-input-padding:8px;
    --sd-input-line-height:15px;
    --sd-label-color:hsl(216deg 5% 60%);
    --sd-input-border-size:0px;
    --sd-input-text-color:hsl(216deg 5% 60%);
    --sd-input-placeholder-text-color:hsl(176deg 97% 41%);
    --sd-input-background-color:hsl(225deg 6% 15%);
    --sd-input-highlight-color:hsl(225deg 6% 20%);
    --sd-input-border-color:hsl(228deg 6% 17%);
    --sd-input-hover-text-color:hsl(225deg 6% 15%);
    --sd-panel-background-color:hsl(225deg 5% 8%);
    --sd-panel-border-color: none;
    --sd-panel-padding:4px;
    --sd-border-radius:0px;
    --sd-border-size:0;
    --sd-gap-size-val:5px;
    --sd-gap-size:0;
    --sd-group-background-color:hsl(225deg 6% 15%);
    --sd-group-padding:2px;
    --sd-group-border-radius:0px;
    --sd-group-border-size:1px;
    --sd-group-border-color:hsl(225deg 6% 15%);
    --sd-group-gap:0;
    --sd-outside-gap-size:8px;

    color-scheme: dark;
}

.flexbox.group {
  background-color: unset;
  outline: unset;
}

.flexbox.row {
  background-color: var(--sd-group-background-color);
}

.extra-network-subdirs {
  gap: 0;
}

.panel {
    background-color: var(--sd-group-background-color);
}

.portal.panel {
  background-color: unset;
}

.xtabs-item {
    background-color: var(--sd-panel-background-color);
}

.tab-header {
  gap: var(--sd-gap-size-val);
}

.extra-networks-page {
    background-color: var(--sd-group-background-color);
}

.accordion-container, .accordion-bar {
  background-color: var(--sd-secondary-color);
}

.portal {
  background-color: unset;
}

*.gradio-gallery .preview img {
  background-color: unset;
}

ul.options {
  background-color: var(--sd-input-highlight-color);
}

input:active, input:focus {
  background-color: var(--sd-input-highlight-color);
}

.layout, .border-padding {
  padding: 0;
}
