:root {
    --theme-color: #002107;
    --theme-color-dim: #80FF9B;
    --theme-color-dimmer: #99FFAF;
    --theme-color-dimmest: #B3FFC3;

    --theme-color-dark: #00B327;
    --theme-color-light: #1AFF4B;

    --link-color: #00B327;
    --link-hover-color: #00E632;

    --input-lite-border: #00B327;
}

.accent {
    background-color: #80FF9B;
    background-color: var(--theme-dim);
}
.user-bar {
    border-bottom-color: #80FF9B;
    border-bottom-color: var(--theme-dim);
}
header .content-title .subtitle {
    border-top-color: #80FF9B;
    border-top-color: var(--theme-dim);
}

a, .thread:before, button, .button, input[type=button] { 
    color: #00B327;
    color: var(--link-color);
}

.submit, input[type=submit] {
    color: white;
}

a.submit:hover, .submit:hover, input[type=submit]:hover {
    color: white;
}

a:hover, button:hover, .button:hover, input[type=button]:hover { 
    color: #00E632;
    color: var(--link-hover-color);
}
.unread .avatar-icon {
    border: 2px solid #00B327;
    border: 2px solid var(--link-color);
}

.post-list-bg-odd:nth-of-type(odd) {
    background-color: #F0F5F1;
}

.bg-theme {
    background-color: #002107;
    background-color: var(--theme-color);
}

.bg-theme-dim {
    background-color: #80FF9B;
    background-color: var(--theme-color-dim);
}

.bg-theme-dimmer {
    background-color: #99FFAF;
    background-color: var(--theme-color-dimmer);
}

.bg-theme-dimmest {
    background-color: #B3FFC3;
    background-color: var(--theme-color-dimmest);
}

.bg-theme-dark {
    background-color: #00B327;
    background-color: var(--theme-color-dark);
}

.bg-theme-light {
    background-color: #1AFF4B;
    background-color: var(--theme-color-light);
}

.b--theme {
    border-color: #002107;
    border-color: var(--theme-color);
}

.b--theme-dim {
    border-color: #80FF9B;
    border-color: var(--theme-color-dim);
}

.b--theme-dimmer {
    border-color: #99FFAF;
    border-color: var(--theme-color-dimmer);
}

.b--theme-dimmest {
    border-color: #B3FFC3;
    border-color: var(--theme-color-dimmest);
}

.b--theme-dark {
    border-color: #00B327;
    border-color: var(--theme-color-dark);
}

.b--theme-light {
    border-color: #1AFF4B;
    border-color: var(--theme-color-light);
}

:root {
    --background-even-background: #F0F5F1;
}

/* Assets */

.half.light {
    background-image:url("https://handmade.network/public/themes/light/accent_top_a.svg?v=1663529371");
}

.half.dark {
    background-image:url("https://handmade.network/public/themes/dark/accent_top_a.svg?v=1663529371");
}