*.new-theme {
    --sea-color: #39468e;
    --royal-color: #586db4;
    --periwinkle-color: #afc1e4;
    --chartreuse-color: #d4de25;
    --cloud-color: #f2f8f8;
    --charcoal-color: #161d26;
    --scarlet-color: #d81f29;

    /* Currently used for normal and overdue tag background and text color */
    --coral-color: #f2c5c4;
    --bark-color: #963127;
    --breeze-color: #d6e3e5;

    /* Use https://angel-rs.github.io/css-color-filter-generator/ to generate color filter values for SVGs */
    --charcoal-color-svg-filter: brightness(0) saturate(100%) invert(9%) sepia(37%) saturate(532%) hue-rotate(173deg) brightness(91%) contrast(94%);
    --cloud-color-svg-filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(856%) hue-rotate(118deg) brightness(101%) contrast(94%);

    --fg-color: var(--charcoal-color);
    --bg-color: var(--cloud-color);
    --action-color: var(--royal-color);
    --secondary-action-color: var(--chartreuse-color);
    --error-color: var(--scarlet-color);
    --secondary-error-color: var(--bark-color);
    --success-color: var(--sea-color);
    --accent-color: var(--chartreuse-color);
    --hover-color: var(--periwinkle-color);
    --selection-color: var(--periwinkle-color);
    --secondary-hover-color: var(--breeze-color);
    --error-hover-color: var(--coral-color);

    --fg-color-svg: var(--charcoal-color-svg-filter);
    --bg-color-svg: var(--cloud-color-svg-filter);
}