:root {
    --fonts-regular: monospace !important;
    --fonts-proportional: monospace/* custom proportional fonts */ !important;
    --fonts-monospace: monospace/* custom monospace fonts */ !important;
    --is-dark-theme: true;
    --color-link: rgba(230, 186, 142, 0.747);
    --color-primary: bisque;
    --color-primary-contrast: rgb(22, 9, 38);
    --color-primary-dark-1: var(--color-primary);
    --color-primary-dark-2: #7bbae8;
    --color-primary-dark-3: #8abee5;
    --color-primary-dark-4: #99c2e2;
    --color-primary-dark-5: #a7c5df;
    --color-primary-dark-6: #b6c9dc;
    --color-primary-dark-7: #c5cdd9;
    --color-primary-light-1: var(--color-primary);
    --color-primary-light-2: #63a1d0;
    --color-primary-light-3: #5a8db5;
    --color-primary-light-4: #51789a;
    --color-primary-light-5: #48637f;
    --color-primary-light-6: #3f4f64;
    --color-primary-light-7: #363a49;
    --color-primary-alpha-10: rgba(108, 182, 235, 0.1);
    --color-primary-alpha-20: rgba(108, 182, 235, 0.2);
    --color-primary-alpha-30: rgba(108, 182, 235, 0.3);
    --color-primary-alpha-40: rgba(108, 182, 235, 0.4);
    --color-primary-alpha-50: rgba(108, 182, 235, 0.5);
    --color-primary-alpha-60: rgba(108, 182, 235, 0.6);
    --color-primary-alpha-70: rgba(108, 182, 235, 0.7);
    --color-primary-alpha-80: rgba(108, 182, 235, 0.8);
    --color-primary-alpha-90: rgba(108, 182, 235, 0.9);
    --color-secondary: #404455;
    --color-secondary-dark-1: #404455;
    --color-secondary-dark-2: #4b4f60;
    --color-secondary-dark-3: #565b6b;
    --color-secondary-dark-4: #616676;
    --color-secondary-dark-5: #6c7281;
    --color-secondary-dark-6: #777d8c;
    --color-secondary-dark-7: #838997;
    --color-secondary-dark-8: #8e94a2;
    --color-secondary-dark-9: #999fad;
    --color-secondary-dark-10: #a4abb8;
    --color-secondary-dark-11: #afb6c3;
    --color-secondary-dark-12: #bac2ce;
    --color-secondary-dark-13: #c5cdd9;
    --color-secondary-light-1: #404455;
    --color-secondary-light-2: #3a3e4e;
    --color-secondary-light-3: #363a49;
    --color-secondary-light-4: #333644;
    --color-secondary-alpha-10: rgba(64, 68, 85, 0.1);
    --color-secondary-alpha-20: rgba(64, 68, 85, 0.2);
    --color-secondary-alpha-30: rgba(64, 68, 85, 0.3);
    --color-secondary-alpha-40: rgba(64, 68, 85, 0.4);
    --color-secondary-alpha-50: rgba(64, 68, 85, 0.5);
    --color-secondary-alpha-60: rgba(64, 68, 85, 0.6);
    --color-secondary-alpha-70: rgba(64, 68, 85, 0.7);
    --color-secondary-alpha-80: rgba(64, 68, 85, 0.8);
    --color-secondary-alpha-90: rgba(64, 68, 85, 0.9);
    --color-red: #ec7279;
    --color-orange: #deb974;
    --color-yellow: #deb974;
    --color-olive: #a0c980;
    --color-green: #a0c980;
    --color-teal: #5dbbc1;
    --color-blue: var(--color-primary);
    --color-violet: #d38aea;
    --color-purple: #d38aea; /* */
    --color-pink: #d38aea;
    --color-brown: #deb974;
    --color-grey: #758094;
    --color-red-light: #ec7279;
    --color-orange-light: #deb974;
    --color-yellow-light: #deb974;
    --color-olive-light: #a0c980;
    --color-green-light: #a0c980;
    --color-teal-light: #5dbbc1;
    --color-blue-light: var(--color-primary);
    --color-violet-light: #d38aea;
    --color-purple-light: #d38aea;
    --color-pink-light: #d38aea;
    --color-brown-light: #deb974;
    --color-grey-light: #758094;
    --color-black: #363a49;
    --color-gold: #deb974;
    --color-white: var(--color-primary-contrast);
    --color-diff-removed-word-bg: #824a4f;
    --color-diff-added-word-bg: #586d4b;
    --color-diff-removed-row-bg: #55393d;
    --color-diff-moved-row-bg: #354157;
    --color-diff-added-row-bg: #394634;
    --color-diff-removed-row-border: #a1565b;
    --color-diff-moved-row-border: #517ca1;
    --color-diff-added-row-border: #6d885a;
    --color-diff-inactive: #363a49;
    --color-error-border: #a1565b;
    --color-error-bg: #55393d;
    --color-error-text: #ec7279;
    --color-success-border: #6d885a;
    --color-success-bg: #394634;
    --color-success-text: #a0c980;
    --color-warning-border: #967e52;
    --color-warning-bg: #4e432f;
    --color-warning-text: #deb974;
    --color-info-border: #517ca1;
    --color-info-bg: #354157;
    --color-info-text: var(--color-primary);
    --color-body: var(--color-primary-contrast);
    --color-box-header: #3a3e4e;
    --color-box-body: #333644;
    --color-box-body-highlight: #363a49;
    --color-text-dark: #d38aea;
    --color-text: rgba(230, 186, 142, 0.747);
    --color-text-hover: rgba(197, 205, 217, 0.8);
    --color-text-light: #a0c980;
    --color-text-light-1: #758094;
    --color-text-light-2: var(--color-primary);
    --color-text-light-3: #758094;
    --color-footer: #333644;
    --color-timeline: #404455;
    --color-input-text: #c5cdd9;
    --color-input-background: var(--color-primary-contrast);
    --color-input-toggle-background: #333644;
    --color-input-border: #404455;
    --color-input-border-hover: #5b6275;
    --color-navbar: #333644;
    --color-navbar-transparent: #333644;
    --color-nav-bg: #333644;
    --color-nav-hover-bg: #3a3e4e;
    --color-light: #333644;
    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
    --color-light-border: #404455;
    --color-hover: rgba(64, 68, 85, 0.5);
    --color-active: rgba(64, 68, 85, 0.5);
    --color-menu: #333644;
    --color-card: #333644;
    --color-markup-table-row: #3a3e4e;
    --color-markup-code-block: var(--color-primary-contrast);
    --color-button: #3a3e4e;
    --color-code-bg: var(--color-primary-contrast);
    --color-code-sidebar-bg: #333644;
    --color-shadow: #00000060;
    --color-secondary-bg: #333644;
    --color-text-focus: #fff;
    --color-expand-button: #363a49;
    --color-placeholder-text: #758094;
    --color-editor-line-highlight: #333644;
    --color-project-board-bg: var(--color-primary-contrast);
    --color-project-board-light-label: var(--color-primary);
    --color-caret: var(--color-text);
    --color-reaction-bg: #ffffff12;
    --color-reaction-active-bg: var(--color-primary-alpha-40);
    --color-header-bar: #333644;
    --color-label-bg: #404455;
    --color-label-text: #a0c980;
    --color-label-active-bg: #404455;
    --color-accent: var(--color-primary-light-1);
    --color-small-accent: var(--color-primary-light-5);
    --color-active-line: #333644;
    --color-tooltip-bg: var(--color-secondary);
    --color-input-toggle-background: var(--color-placeholder-text) !important;
    accent-color: var(--color-accent);
    color-scheme: dark
}

.chroma .nx {
    color: #c5cdd9
}

.chroma .c,
.chroma .c1,
.chroma .ch,
.chroma .cm,
.chroma .sd {
    color: #758094
}

.chroma .k,
.chroma .kc,
.chroma .kd,
.chroma .kn,
.chroma .kp,
.chroma .kr {
    color: #ec7279
}

.chroma .o,
.chroma .ow {
    color: var(--color-purple)
}

.chroma .s,
.chroma .s1,
.chroma .s2,
.chroma .sa,
.chroma .sb,
.chroma .sc,
.chroma .sh,
.chroma .si,
.chroma .sr,
.chroma .ss,
.chroma .sx,
.chroma .nt,
.chroma .cpf {
    color: #a0c980
}

.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .mo,
.chroma .nl {
    color: #a0c980
}

.chroma .kt,
.chroma .nc,
.chroma .nn,
.chroma .nv {
    color: #deb974
}

.chroma .nf,
.chroma .nb,
.chroma .na {
    color: var(--color-primary)
}

.chroma .bp,
.chroma .cp,
.chroma .ne,
.chroma .nd,
.chroma .se {
    color: #5dbbc1
}

.ui.primary.button,
.ui.primary.buttons .button {
    background: var(--color-primary);
    background-color: var(--color-primary) !important;
    color: var(--color-primary-contrast) !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
    background: rgba(108, 182, 235, 0.8);
    background-color: rgba(108, 182, 235, 0.8) !important;
    color: var(--color-primary-contrast);
}

.ui.grey.labels .label,
.ui.ui.ui.grey.label,
.ui.grey.button,
.ui.grey.buttons .button {
    color: var(--color-primary-contrast);
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.ui.grey.labels .label:hover,
.ui.ui.ui.grey.label:hover,
.ui.grey.button:hover,
.ui.grey.buttons .button:hover {
    color: var(--color-primary-contrast);
    background-color: var(--color-primary);
    border-color: var(--color-primary)
}

.ui.green.buttons .button,
.ui.green.button {
    background: #a0c980;
    background-color: #a0c980;
    color: var(--color-primary-contrast);
}

.ui.green.buttons .button:hover,
.ui.green.button:hover {
    background: rgba(160, 201, 128, 0.8);
    background-color: rgba(160, 201, 128, 0.8);
    color: var(--color-primary-contrast);
}

.ui.labeled.button.disabled>.button,
.ui.basic.buttons .button,
.ui.basic.button {
    color: var(--color-purple)
}

.ui.labeled.button.disabled>.button:hover,
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
    color: var(--color-purple)
}

.repo-title {
    color: var(--color-purple)
}

.repo-buttons button[disabled]~.label,
.repo-buttons .ui.labeled.button.disabled>.label {
    color: var(--color-primary)
}

.ui.basic.labels .label,
.ui.basic.label {
    color: var(--color-primary);
}

.repository .ui.segment.sub-menu .list .item a:hover,
.ui.tabular.menu .item:hover {
    color: var(--color-text-hover);
}

.ui.primary.labels .label,
.ui.ui.ui.primary.label {
    color: var(--color-primary-contrast);
}

.ui.green.labels .label,
.ui.ui.ui.green.label {
    color: var(--color-primary-contrast);
}

i.grey.icon.icon.icon.icon {
    color: #758094
}

* {
    scrollbar-color: var(--color-purple) transparent !important
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 6px var(--color-purple) !important;
    border: 2px solid transparent;
    border-radius: 5px !important
}

::-webkit-scrollbar-thumb:window-inactive {
    box-shadow: inset 0 0 0 6px var(--color-purple) !important
}

::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 0 6px var(--color-purple) !important
}

::-webkit-scrollbar-corner {
    background: transparent
}

a {
    color: var(--color-link);
}


.ui.red.labels .label,
.ui.ui.ui.red.label,
.ui.red.button,
.ui.red.buttons .button {
    background: #ec7279;
    background-color: #ec7279;
    color: var(--color-primary-contrast);
}

.ui.red.labels .label:hover,
.ui.ui.ui.red.label:hover,
.ui.red.button:hover,
.ui.red.buttons .button:hover {
    background: rgba(236, 114, 121, 0.8);
    background-color: rgba(236, 114, 121, 0.8);
    color: var(--color-primary-contrast);
}

.ui.labels a.label,
a.ui.label {
    background-color: #333644
}

.ui.labels a.label:hover,
a.ui.label:hover {
    background-color: var(--color-primary-contrast);
}

.ui.orange.labels .label,
.ui.ui.ui.orange.label,
.ui.orange.button,
.ui.orange.buttons .button {
    background: #deb974;
    background-color: #deb974;
    color: var(--color-primary-contrast);
}

.ui.orange.labels .label:hover,
.ui.ui.ui.orange.label:hover,
.ui.orange.button:hover,
.ui.orange.buttons .button:hover {
    background: rgba(222, 185, 116, 0.8);
    background-color: rgba(222, 185, 116, 0.8);
    color: var(--color-primary-contrast);
}