.chroma .bp {
 color:#999
}
.chroma .c,
.chroma .c1,
.chroma .ch {
 color:#6a737d
}
.chroma .cm {
 color:#998
}
.chroma .cp {
 color:#109295
}
.chroma .cpf {
 color:#4c4dbc
}
.chroma .cs {
 color:#999
}
.chroma .dl {
 color:#106303
}
.chroma .gd {
 color:#000;
 background-color:#fdd
}
.chroma .ge {
 color:#000
}
.chroma .gh {
 color:#999
}
.chroma .gi {
 color:#000;
 background-color:#dfd
}
.chroma .go {
 color:#888
}
.chroma .gp {
 color:#555
}
.chroma .gr,
.chroma .gt {
 color:#a00
}
.chroma .gu {
 color:#aaa
}
.chroma .il {
 color:#099
}
.chroma .k,
.chroma .kc,
.chroma .kd,
.chroma .kn,
.chroma .kp,
.chroma .kr {
 color:#d73a49
}
.chroma .kt {
 color:#458
}
.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .mo {
 color:#099
}
.chroma .na {
 color:#d73a49
}
.chroma .nb {
 color:#005cc5
}
.chroma .nc {
 color:#458
}
.chroma .nd {
 color:#3c5d5d
}
.chroma .ne {
 color:#900
}
.chroma .nf {
 color:#005cc5
}
.chroma .ni {
 color:#6f42c1
}
.chroma .nl {
 color:#900
}
.chroma .nn {
 color:#555
}
.chroma .no {
 color:teal
}
.chroma .nt {
 color:#22863a
}
.chroma .nv {
 color:teal
}
.chroma .nx {
 color:#24292e
}
.chroma .o,
.chroma .ow {
 color:#d73a49
}
.chroma .s,
.chroma .s1,
.chroma .s2 {
 color:#106303
}
.chroma .sa {
 color:#cc7a00
}
.chroma .sb {
 color:#106303
}
.chroma .sc {
 color:#cc7a00
}
.chroma .sd {
 color:#106303
}
.chroma .se {
 color:#940
}
.chroma .sh {
 color:#106303
}
.chroma .si {
 color:#cc7a00
}
.chroma .sr {
 color:#4c4dbc
}
.chroma .ss {
 color:#940
}
.chroma .sx {
 color:#106303
}
.chroma .vc,
.chroma .vg,
.chroma .vi {
 color:teal
}
.chroma .w {
 color:#bbb
}

:root {
    --dark: #020202;
    --light: #fffff0;

    /* Gitea font overrides */
    --color-primary: var(--dark, #020202);
    --color-secondary: var(--dark, #020202);
    --color-primary-contrast: var(--light, #fffff0);
    --color-light-border: var(--dark, #020202);
    --color-primary-hover: var(--dark, #020202);
    --color-input-border: var(--dark, #020202);
    --color-tooltip-bg: var(--dark, #020202);
    --color-tooltip-text: var(--light, #fffff0);
    --color-body: var(--light, #fffff0);
    --color-menu: var(--light, #fffff0);
    --color-code-bg: #e8e8d7;
    --color-file-bg: #e8e8d7;
    --color-label-bg: #e8e8d7;

    --color-red-badge: darkred;
    --color-red-badge-bg: #fc3a3a;
    --color-red-badge-hover-bg: #b91c1c44;
    --color-green-badge: #16a34a;
    --color-green-badge-bg: #16a34a22;
    --color-green-badge-hover-bg: #16a34a44;
    --color-yellow-badge: #ca8a04;
    --color-yellow-badge-bg: #ca8a0422;
    --color-yellow-badge-hover-bg: #ca8a0444;
    --color-orange-badge: #ea580c;
    --color-orange-badge-bg: #ea580c22;
    --color-orange-badge-hover-bg: #ea580c44;

    --zinc-50: #fafafa;
    --zinc-100: #f4f4f5;
    --zinc-150: #ececee;
    --zinc-200: #e4e4e7;
    --zinc-250: #dcdce0;
    --zinc-300: #d4d4d8;
    --zinc-350: #babac1;
    --zinc-400: #a1a1aa;
    --zinc-450: #898992;
    --zinc-500: #71717a;
    --zinc-550: #61616a;
    --zinc-600: #52525b;
    --zinc-650: #484850;
    --zinc-700: #3f3f46;
    --zinc-750: #333338;
    --zinc-800: #27272a;
    --zinc-850: #1f1f23;
    --zinc-900: #18181b;
    --color-primary-dark-1: #c2410c;
    --color-primary-dark-2: #9a3412;
    --color-primary-dark-3: #9a3412;
    --color-primary-dark-4: #7c2d12;
    --color-primary-dark-5: #7c2d12;
    --color-primary-dark-6: #7c2d12;
    --color-primary-dark-7: #7c2d12;
    --color-primary-light-1: #ea580c;
    --color-primary-light-2: #f97316;
    --color-primary-light-3: #fb923c;
    --color-primary-light-4: #fdba74;
    --color-primary-light-5: #fed7aa;
    --color-primary-light-6: #ffedd5;
    --color-primary-light-7: #fff7ed;
    --color-secondary: var(--zinc-200);
    --color-secondary-dark-1: var(--zinc-200);
    --color-secondary-dark-2: var(--zinc-300);
    --color-secondary-dark-3: var(--zinc-300);
    --color-secondary-dark-4: var(--zinc-400);
    --color-secondary-dark-5: var(--zinc-400);
    --color-secondary-dark-6: var(--zinc-500);
    --color-secondary-dark-7: var(--zinc-500);
    --color-secondary-dark-8: var(--zinc-600);
    --color-secondary-dark-9: var(--zinc-600);
    --color-secondary-dark-10: var(--zinc-700);
    --color-secondary-dark-11: var(--zinc-700);
    --color-secondary-dark-12: var(--zinc-800);
    --color-secondary-dark-13: var(--zinc-800);
    --color-secondary-light-1: var(--zinc-200);
    --color-secondary-light-2: var(--zinc-100);
    --color-secondary-light-3: var(--zinc-100);
    --color-secondary-light-4: var(--zinc-50);
    --color-secondary-alpha-10: #d4d4d819;
    --color-secondary-alpha-20: #d4d4d833;
    --color-secondary-alpha-30: #d4d4d84b;
    --color-secondary-alpha-40: #d4d4d866;
    --color-secondary-alpha-50: #d4d4d880;
    --color-secondary-alpha-60: #d4d4d899;
    --color-secondary-alpha-70: #d4d4d8b3;
    --color-secondary-alpha-80: #d4d4d8cc;
    --color-secondary-alpha-90: #d4d4d8e1;
    --color-secondary-hover: var(--color-secondary-dark-2);
    --color-secondary-active: var(--color-secondary-dark-4);
    
    --color-box-header: var(--light);

    --fonts-proportional: "Palatino Linotype", "Book Antiqua", Palatino, serif !important;
    /* TODO: Get Input Sans license
    --fonts-monospace: "Input Sans", Consolas, monospace !important;*/
}

* {
    scrollbar-color: inherit;
}

a,
.ui.breadcrumb a,
.home a {
    color: var(--dark, #020202);
    opacity: 0.7;
    text-decoration-skip-ink: auto;
    text-decoration: underline;
}

a:hover,
.ui.breadcrumb a:hover,
.home a:hover {
    opacity: 1;
}

.home .hero .svg {
    color: var(--dark, #020202);
}

.home .hero .title {
    font-size: 4em;
    margin-bottom: 1em;
}

.home .hero h2 {
    font-size: 2rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/*
 *  Typography
 */

body {
    font-size: 16px;
    color: var(--color-primary, #020202);
    background-color: var(--light, #fffff0);
}

.ui.button {
    border: 2px solid var(--color-primary);
    background-color: var(--color-primary-contrast);
    padding: 0.4em 1em;
    cursor: pointer;
}

.ui.button::hover {
    box-shadow: 2px 2px gray;
}

#user-heatmap {
    --color-primary: #fb923c;
}