:root {
    --bg_h: #f9f5d7;
    --bg:   #fbf1c7;
    --bg_s: #f2e5bc;
    --bg1:  #ebdbb2;
    --bg2:  #d5c4a1;
    --bg3:  #bdae93;
    --bg4:  #a89984;

    --fg:  #3c3836;
    --fg1: #3c3836;
    --fg2: #504945;
    --fg3: #665c54;
    --fg4: #7c6f64;

    --red:    #cc241d;
    --green:  #98971a;
    --yellow: #d79921;
    --blue:   #458588;
    --purple: #b16286;
    --aqua:   #689d6a;
    --gray:   #7c6f64;
    --orange: #d65d0e;

    --red-dim:    #9d0006;
    --green-dim:  #79740e;
    --yellow-dim: #b57614;
    --blue-dim:   #076678;
    --purple-dim: #8f3f71;
    --aqua-dim:   #427b58;
    --gray-dim:   #928374;
    --orange-dim: #af3a03;
}

body, #cgit, .path, div#cgit table.blob td.hashes,
div#cgit table.blob td.lines, div#cgit div.cgit-panel table,
div#cgit table.diffstat {
    background: var(--bg) !important;
    color: var(--fg) !important;
    border: none
}

a {
    color: var(--fg) !important;
    text-decoration: underline !important;
}

select, input {
    border: none;
    background: var(--bg2);
    color: var(--fg);
}

/**************/
/*** TABLES ***/
/**************/
div#cgit table.tabs td a.active {
    background: var(--bg) !important;
    color: var(--yellow) !important;
}

div#cgit table.tabs, div#cgit div.content,
div#cgit table#header td.sub {
    border: none;
}

div#cgit table.list tr.nohover,
div#cgit table.list tr:nth-child(2n) {
    background: var(--bg) !important;
}

div#cgit table.list tr:nth-child(2n+1) {
    background: var(--bg_s) !important;
}

div#cgit table.list tr:hover:not(.nohover) {
    background: var(--bg1) !important;
}

/************/
/*** CODE ***/
/************/
div#cgit table.blob td.linenumbers,
div#cgit table.blob {
    border-color: var(--gray);
}

div#cgit table.blob td.linenumbers a {
    color: var(--gray) !important;
    text-decoration: none !important;
}

.markdown-body code, .markdown-body tt,
.markdown-body .highlight pre, .markdown-body pre {
    background: var(--bg1) !important;
}

/************/
/*** AGES ***/
/************/
.age-hours {
    color: var(--aqua) !important;
}

.age-days {
    color: var(--aqua-dim) !important;
}

.age-weeks {
    color: var(--fg) !important;
}

.age-months {
    color: var(--fg2) !important;
}

.age-years {
    color: var(--fg4) !important;
}

/******************/
/*** DECORATORS ***/
/******************/
div#cgit a.branch-deco {
    background: var(--aqua);
    border: none;
    color: var(--bg) !important;
}

div#cgit a.deco {
    background: var(--yellow);
    border: none;
    color: var(--bg) !important;
}

div#cgit a.tag-deco {
    background: var(--gray);
    border: none;
    color: var(--bg) !important;
}

/************/
/*** DIFF ***/
/************/
div#cgit table.diff td div.hunk {
    color: var(--blue);
}

div#cgit table.diff td div.del {
    color: var(--red);
}

div#cgit table.diff td div.add {
    color: var(--green);
}

div#cgit table.diff td div.ctx {
    color: var(--gray);
}

div#cgit table.diff td div.head {
    color: var(--fg);
}

div#cgit table.diffstat td.graph td.add {
    background: var(--green);
}

div#cgit table.diffstat td.graph td.rem {
    background: var(--red);
}
