html[data-theme="fun"] {
    --card: #FFF6E5;
    --panel: #FFFDF7;
    --label: #3B2A22;
    --link: #1449A8;
    --tag-bg: pink;
    --sidebar: #FFF8EF;
    --alert: #C81E56;
    --badge: #C81E56;
    --topmenu: salmon;
    --logo: white;
    --navitem: #828282;
    --navitem-bg: white;
    --navitem-active: #5B21B6;
    --navitem-bg-active: var(--left-panel);
    --icon-menu-bg: #FFE9D6;
    --icon-menu-bg-active: var(--content-panel);
    --left-panel: #FFE9D6;
    --body: #FFF3E0;
    --content-panel: #FFE0B2;
    --content-panel-selected: #FFD23F;
    --popup: #FFFFFF;
    --page: #FFE0B2;
    --important-button: #0E8C7B;
    --important-text: white;
    --category-header: #FFCC80;
    --landing-page: #FFD9A0;
}

html[data-theme="scary"] {
    --card: pink;
    --panel: darkgrey;
    --label: white;
    --link: white;
    --sidebar: grey;
    --alert: red;
    --badge: red;
    --topmenu: orange;
    --logo: white;
    --navitem-bg: white;
    --navitem: #828282;
    --tag-bg: orange;
    --navitem-active: white;
    --navitem-bg-active: var(--left-panel);
    --icon-menu-bg: tan;
    --icon-menu-bg-active: var(--content-panel);
    --left-panel: darkgrey;
    --body: #FFF3E0;
    --content-panel: cyan;
    --content-panel-selected: darkorange;
    --popup: orange;
    --page: #FFE0B2;
    --important-button: pink;
    --category-header: #FFCC80;
    --landing-page: #FFD9A0;
}

html[data-theme="terra"] {
    --card: #ffffff;
    --panel: #f1e9dc;
    --label: #332a22;
    --link: #4c6b43;
    --sidebar: #efe7da;
    --alert: #c43d3d;
    --badge: #c43d3d;
    --topmenu: #c1633a;
    --logo: white;
    --navitem-bg: white;
    --navitem: #828282;
    --tag-bg: tan;
    --navitem-active: #332a22;
    --navitem-bg-active: var(--left-panel);
    --icon-menu-bg: #f1e9dc;
    --icon-menu-bg-active: var(--content-panel);
    --left-panel: #f1e9dc;
    --body: #fbf7f2;
    --content-panel: #fbf7f2;
    --content-panel-selected: #d98e3f;
    --popup: #ffffff;
    --page: #f6f0e8;
    --important-button: #3e7a4c;
    --important-text: white;
    --icon-font: white;
    --category-header: #e7d9c3;
    --landing-page: #f3ece0;
}

html[data-theme="aster"] {
    --card: #ffffff;
    --panel: #ede8de;
    --label: #2b2e2c;
    --link: #7a2f52;
    --sidebar: #f2efe8;
    --alert: #9c3b3b;
    --badge: #9c3b3b;
    --topmenu: #5b1f3a;
    --logo: white;
    --navitem-bg: white;
    --navitem: #7a7d78;
    --tag-bg: #e7c9bc;
    --navitem-active: #7a2f52;
    --navitem-bg-active: var(--left-panel);
    --icon-menu-bg: #ede8de;
    --icon-menu-bg-active: var(--content-panel);
    --left-panel: #ede8de;
    --body: #f7f5f0;
    --content-panel: #f7f5f0;
    --content-panel-selected: #c98a73;
    --popup: #ffffff;
    --page: #f1eee6;
    --important-button: #7a2f52;
    --important-text: white;
    --icon-font: white;
    --category-header: #e3dcc9;
    --landing-page: #efebe2;
}