#inner-sidebar {
    background-color: #1A1C1C;
    color: #000;
    border-color: #2c2c2c;
}

#inner-sidebar #separator {
    border-color: #2c2c2c;
}

#category-list #category-item #category-title {
    color: #fff;
}

#nested-sidebar-button:hover,
#no-nesting-sidebar-button #container:hover {
    background-color: #1E2021;
}

#nested-sidebar-button svg {
    color: #3295FE;
}

#nested-sidebar-button #wrapper #icon,
#no-nesting-sidebar-button #wrapper #icon {
    background-color: #1F2123;
    color: #3295FE;
}

#nested-sidebar-button #wrapper #text,
#no-nesting-sidebar-button #wrapper #text {
    color: #CCC7C1;
}

#accordion-content #nested-list #li-wrapper #nested-li #line {
    background-color: #1F2123;
}

#accordion-content #nested-list #li-wrapper #nested-li #item {
    color: #CCC7C1;
}

#accordion-content #nested-list #li-wrapper #nested-li #item:hover {
    background-color: #1E2021;
}

#navbar {
    background-color: #1A1C1C !important;
    border-color: #2c2c2c;
}

#navbar #mobile #open-button {
   color: #fff;
}

#mobile-top-sidebar #close-button {
    color: #fff;
 }

#profile-dropdown #name {
    color: #E8E6E2
}

#main {
    background-color: #1B1D1E;
}

#text-viewer {
    background-color: #181A1B;
    border-color: #363B3D;
}

.mantine-Editor-root .ProseMirror {
    background-color: #181A1B !important;
    color: #E8E6E2 !important;
}

#content-divider #line {
    border-color: #363B3D;
}

#content-divider #text {
    color: #D5D2CD
}

#submit-form {
    background-color: #1A1C1C;
    border-color: #2c2c2c;
}

#label {
    color: #D5D2CD;
}

#submit-form #form *> p {
    color: #9D9488;
}

#form-input {
    border-color: #363B3D;
    background-color: #181A1B;
    --tw-ring-offset-color: #181A1B;
    --tw-ring-color: #363B3D;
}

#form-input:focus-within {
    border-color: #363B3D;
}

#form-input::placeholder {
    color: #9D9488;
}

#form-input input {
    border-color: #363B3D;
    background-color: #181A1B;
    color: #E8E6E2;
}

#form-input input::placeholder {
    color: #9D9488;
}

#form-input:focus-within {
    border-color: #363B3D;
}

#form-textarea textarea {
    border-color: #363B3D;
    background-color: #181A1B;
    color: #E8E6E2;
    --tw-ring-offset-color: #181A1B;
    --tw-ring-color: #363B3D;
}

#form-textarea textarea::placeholder {
    color: #9D9488;
}

#form-textarea textarea:focus-within {
    border-color: #363B3D;
}

#radio-field {
    border-color: #363B3D;
}

#radio-field[data-selected="true"] {
    background-color: #1E2021;
    border-color: #3295FE;
}

#radio-field #radio-field-circle {
    border-color: #3295FE;
    color: #3295FE;
    --tw-ring-offset-color: #1E2021;
}

#radio-field #radio-field-circle:focus-visible {
    --tw-ring-color: #3295FE;
}

button[role="checkbox"] {
    border-color: #3295FE;
    --tw-ring-offset-color: #020617;
}

button[role="checkbox"]:focus-visible {
    --tw-ring-color: #1e293b;
}

button[role="checkbox"][data-state="checked"] {
    background-color: #3295FE;
    color: #0f172a;
}

button[role="combobox"] {
    border-color: #363B3D;
    background-color: #181A1B;
    color: #E8E6E2;
    --tw-ring-offset-color: #181A1B;
    --tw-ring-color: #363B3D;
}

button[role="combobox"]::placeholder{
    color: #9D9488;
}

#badge[data-variant="subtle"][data-color="orange"] {
    background-color: #4C2B00;
    color: #F37947;
}

#badge[data-variant="subtle"][data-color="green"] {
    background-color: #094A30;
    color: #7AFBD6;
}

#badge[data-variant="subtle"][data-color="red"] {
    background-color: #43000A;
    color: #F04A7D;
}

#badge[data-variant="subtle"][data-color="gray"] {
    background-color: #1E2022;
    color: #BDB7AF;
}

#badge[data-variant="subtle"][data-color="purple"] {
    background-color: #1F2122;
    color: #9743E0;
}

#badge[data-variant="subtle"][data-color="blue"] {
    background-color: #222527;
    color: #5095E8;
}

#badge[data-variant="subtle"][data-color="indigo"] {
    background-color: #202325;
    color: #4165A8;
}

#badge[data-variant="subtle"][data-color="yellow"] {
    background-color: #413B02;
    color: #F7B95C;
}

#badge[data-variant="subtle"][data-color="pink"] {
    background-color: #3C0825;
    color: #E84C8D;
}

#select-primitive {
    background-color: #181A1B;
    border-color: #363B3D;
    color: #E8E6E2;
}

#select-primitive *> #select-item:focus {
    background-color: #1E2021;
    color: #E8E6E2;
}

#select-primitive *> #select-item:hover {
    background-color: #1E2021;
}



#submission-list {
    background-color: #181A1B;
    border-color: #363B3D;
}

#submission-list #title {
    color: #E8E6E2;
}
#submission-list #title span {
    color: #3295FE;
}

#submission-list #empty-submissions #title {
    color: #E8E6E2;
}

#submission-list #empty-submissions #subtitle {
    color: #9D9488;
}

#submission-list *> #submission-table > thead {
    background-color: #1E2022;
    border-color: #3C4143;
}

#submission-list *> #submission-table > thead > tr > th {
    color: #BDB7AF;
}

#submission-list *> #submission-table > tbody > tr {
    color: #E8E6E2;
    background-color: #181A1B;
    border-color: #363B3D;
}

#submission-list *> #submission-table > tbody > tr:hover {
    background-color: #1E2021;
}

#submission-list *> #submission-table > tbody > tr > th {
    color: #A8B8C8;
}

#submission-list *> #submission-table > tbody > tr > td {
    color: #B1AAA0;
}

#pagination > ul > #page #not-current,
#pagination > ul > #page #dots,
#pagination > ul > #next-page p,
#pagination > ul > #previous-page p {
    background-color: #181A1B;
    color: #B0AA9F;
    border-color: #3C4143;
}

#pagination > ul > #next-page p:hover,
#pagination > ul > #previous-page p:hover {
    background-color: #1E2022;
}

#pagination > ul > #page #current {
    background-color: #1F2123;
    color: #3295FE;
    border-color: #3295FE;
}




#button[data-variant="outline"] {
    border-color: #363B3D;
    background-color: #181A1B;
    color: #E4E2DE;
}

#button[data-variant="outline"]:hover {
    background-color: #1E2021;
    color: #E4E2DE;
}


#button[data-variant="default"] {
    background-color: #0C1222;
    color: #D5E3EE;
}

#button[data-variant="default"]:hover {
    background-color: #0A1322;
}

#button[data-variant="destructive"] {
    background-color: #7f1d1d;
    color: #fff;
}

#button[data-variant="destructive"]:hover {
    background-color: rgba(127, 29, 29, 0.9);
}


#button[data-variant="secondary"] {
    background-color: #1E2021;
    color: #f8fafc;
}

#button[data-variant="secondary"]:hover {
    background-color: #1E2021;
}

#button[data-variant="ghost"]:hover {
    background-color: #1e293b;
    color: #f8fafc;
}

#button[data-variant="link"] {
    color: #f8fafc;
}

#button[data-variant="comment"] {
    background-color: #1E1F21;
    color: #3295FE;
}

#button[data-variant="comment"]:hover {
    background-color: #1F2123;
}

#popover-content {
    border-color: #363B3D;
    background-color: #181A1B;
    color: #E8E6E2;
}

#command-primitive {
    background-color: #181A1B;
    color: #E8E6E2;
}

#command-primitive *> div[cmdk-item] {
    color: #E8E6E2 !important;
}

#command-primitive *> div[cmdk-item][aria-selected="true"] {
    background-color: #1E2021 !important;
    color: #E8E6E2 !important;
}

#command-primitive *> div[cmdk-item] :first-child {
    border-color: #363B3D;
}


#command-primitive *> div[cmdk-item] svg:not([class*='invisible']) {
    color: #E8E6E2 !important;
}

#command-primitive *> div[cmdk-separator] {
    background-color: #363B3D;
}

#submission {
    background-color: #181A1B;
    border-color: #363B3D;
}

#submission *> #more,
#submission *> #admin-notes {
    color: #B8B5AF;
    border-color: #3C4143;
    background-color: #181A1B;
}

#submission *> #more:hover,
#submission *> #admin-notes:hover {
    background-color: #1E2022;
}

#submission #title {
    color: #E8E6E2;
}

#submission #subsection #time #text,
#submission #subsection *> #user {
    color: #B6B3AD;
}

#submission #subsection #time #icon {
    background-color: #1F2123;
    color: #3295FE;
}

#comment-box {
    background-color: #181A1B;
    border-color: #363B3D;
}

#comment-box *> #comment {
    background-color: #1B1D1E;
}

#comment-box *> #comment[data-selected="true"] {
    background-color: #25282A;
}

#comment-box *> #comment *> #name {
    color: #E8E6E2;
}

#comment-box *> #comment *> #time {
    color: #9D9488;
}

#comment-box *> #comment *> #text {
    color: #ACBCCC;
}


#tags-popover {
    background-color: #181A1B;
    border-color: #363B3D;
    overflow: hidden;
}

#tags-popover #title {
    color: #E8E6E2;
    border-color: #363B3D;
}

#tags-popover *> #tag-item:hover {
    background-color: #1E2021;
}

#tags-popover #empty :first-child {
    color: #E8E6E2;
}

#tags-popover #empty :last-child{
    color: #9D9488;
}

#dialog-content {
    background-color: #181A1B;
    border-color: #363B3D;
}

#dialog-content #close-button {
    color: #E8E6E2;
}

#dialog-title {
    color: #E8E6E2;
}

#dialog-description {
    color: #BDB7AF;
}

#activity-list li #item {
    border-color: #363B3D;
}

#activity-list li #item #avatar{
   background-color: #1F2123;
}

#activity-list li #item #info{
    background-color: #181A1B;
    border-color: #363B3D;
}

#activity-list li #item #info time{
    color: #AFA99E;
}


#activity-list li #item #info #type{
    color: #AFA99E;
}

#activity-list li #item #info #type #user{
    color: #fff;
}

#dropdown-content {
    background-color: #181A1B;
    border-color: #363B3D;
}

#dropdown-item {
    color: #E8E6E2;
}

#dropdown-item:hover {
    background-color: #1E2021;
}

#dropdown-separator {
    background-color: #363B3D;
}

#profile-info {
    background-color: #181A1B;
    border-color: #363B3D;
}

#profile-submissions {
    background-color: #181A1B;
    border-color: #363B3D;
}

#profile-submissions div #title {
    color: #E8E6E2;
}

#profile-submissions *> #submission-item {
    background-color: #181A1B;
}

#profile-submissions *> #submission-item:hover {
    background-color: #1E2022;
}

#profile-submissions *> #submission-item *> #icon {
    background-color: #1F2123;
    color: #3295FE;
}

#profile-submissions *> #submission-item *> #submission-title {
    color: #E8E6E2;
}

#profile-submissions *> #submission-item *> #submission-time {
    color: #9D9488;
}

#profile-info *> #avatar {
    border-color: #363B3D;
}

#profile-info *> #name h1 {
    color: #E8E6E2;
}
#profile-info *> #name h2 {
    color: #BDB7AF;
}

#profile-info *> #discord-info {
    background-color: #1B1D1E;
}

#profile-info *> #discord-info *> #discord-title {
    color: #E8E6E2;
}

#profile-info *> #discord-info *> #subtitle {
    color: #BDB7AF;
}

#profile-info *> #discord-info *> #content {
    color: #E8E6E2;
}


#settings {
    background-color: #181A1B;
    border-color: #363B3D;
}

#settings *> #settings-field *> h2 {
    color: #D5D3CD;
}

#settings *> #settings-field *> p {
    color: #9D9488;
}

#undo {
    color: #3295FE;
}

#fullscreen-loading {
    background-color: #181A1B;
}