:root {
    /* color */
    --primary-color: #1077f3;
    --primary-color-60: #8cbef8;

    --background-color: #fafafa;
    --background-color-alt: #fff;
    --background-color-hover: #eee;
    --background-linear: linear-gradient(45deg, rgba(13, 110, 253, 0.25), #ff66000f, #00cc662b, #0066ff30, #6600ff2e);

    --text-color: #333;
    --text-color-muted: #666;

    --line-color: #f3f3f3;
}

.dark:root {
    /* color */
    --primary-color: #000;
    --primary-color-60: #033671;

    --background-color: #000;
    --background-color-alt: #333;
    --background-color-hover: #404040;
    --background-linear: linear-gradient(45deg, rgba(109, 164, 245, 0.25), rgba(255, 102, 0, 0.19), rgba(78, 115, 223, 0.41), #0066ff30, #6600ff2e);

    --text-color: #eee;
    --text-color-muted: #666;

    --line-color: #595959;


    /* bootstrap hack*/
    --bs-body-bg: #000;
    --bs-border-color: #595959;
    --bs-body-color: #eee;
    --bs-secondary-color: #999;
}

.dark img {
    filter: brightness(0.8);
}