@import url(theme-forgejo-dark.css);

:root {
    /* General */
    --color-body: #0a0a0a; /* Darker background for modals */
    --color-active: rgba(255, 255, 255, 0.15); /* Slightly dimmed active elements */
    --color-footer: rgba(5, 5, 5, 0.7);

    /* Colours */
    --color-primary: #FF8C1A; /* Darker hyperlinks */

    --color-primary-dark-1: #656565;
    --color-primary-dark-2: #C45100;
    --color-primary-dark-3: #787878;
    --color-primary-dark-4: #C45100;
    --color-primary-dark-5: #a8a8a8;
    --color-primary-dark-6: #bbbbbb;
    --color-primary-dark-7: #dadada;

    --color-primary-light-1: #303030;
    --color-primary-light-2: #2a2a2a;
    --color-primary-light-3: #232323;
    --color-primary-light-4: #161616;
    --color-primary-light-5: #0b0b0b;
    --color-primary-light-6: #050505;
    --color-primary-light-7: #000000;

    --color-primary-alpha-10: #5a5a5a19;
    --color-primary-alpha-20: #5a5a5a33;
    --color-primary-alpha-30: #5a5a5a4b;
    --color-primary-alpha-40: #5a5a5a66;
    --color-primary-alpha-50: #5a5a5a80;
    --color-primary-alpha-60: #5a5a5a99;
    --color-primary-alpha-70: #5a5a5ab3;
    --color-primary-alpha-80: #5a5a5acc;
    --color-primary-alpha-90: #5a5a5ae1;

    --color-secondary: #1a1a1a; /* Darker borders */
    --color-secondary-alpha-60: rgba(56, 56, 56, 0.6);

    /* Buttons */
    --color-button: rgba(5, 5, 5, 0.7);
    --color-hover: rgba(80, 80, 80, 0.5);

    /* Label buttons */
    --color-light: rgba(255, 255, 255, 0.03);

    /* Boxes */
    --color-box-header: rgba(255, 255, 255, 0.03);
    --color-box-body: rgba(255, 255, 255, 0.05);

    /* Input boxes */
    --color-input-background: rgba(0, 0, 0, 0.5);
    --color-input-border: rgba(20, 20, 20, 0.3);

    /* Navbar */
    --color-nav-bg: rgba(5, 5, 5, 0.7);
    --color-nav-hover-bg: #101010;
    --color-secondary-nav-bg: rgba(255, 255, 255, 0.01);

    /* Menus and paginators */
    --color-menu: #050505;

    /* Labels */
    --color-label-bg: #0f0f0f;
    --color-label-hover-bg: var(--color-hover);
    --color-label-text: var(--color-text);

    /* Text colours */
    --color-text: rgb(190, 190, 190); /* Slightly dimmed text */
    --color-text-light-2: rgb(120, 120, 120);
    --color-text-light-1: rgb(160, 160, 160);

    /* Tooltips */
    --color-tooltip-bg: var(--color-label-bg);
    --color-tooltip-text: var(--color-label-text);

    /* Code */
    --color-code-bg: rgba(5, 5, 5, 0.7);

    /* Timeline */
    --color-timeline: #0d0d0d;

    /* Fonts */
    --fonts-regular: Roboto;
    --fonts-proportional: Roboto;
}

/* Background image */
/*
body {
    background: url(background.png);
}
*/


/* Line numbers in code listings */
.lines-num {
    background: rgba(255, 255, 255, 0.01);
}

/* Lock + avatar button on GPG labels */
.ui .sha.label > .button {
    background: rgba(0, 0, 0, 0.4) !important;
}

/* Lighten up names in lists */
div.flex-list .name {
    color: var(--color-primary-dark-5) !important;
}

/* TIMELINE FIX - Darker opaque colors */
.timeline-item.comment .content .comment-header {
    background: #050505 !important;
}
.timeline-item.comment .content .comment-body {
    background: #0a0a0a !important;
}
.timeline-item.comment .content {
    background: #000;
}

@font-face {
    font-family: Roboto;
    src: url('CodeNewRomanNerdFont-Bold.otf');
}