html[data-theme="fun"] {
    --topmenu: salmon;
    /*    --body: #FFF3E0;*/
    --card: #FFF6E5;
    --default-bg: #FFE9D6;
    --important-button: #0E8C7B;
    --content-panel: #FFE0B2;
    --sidebar: #FFF8EF;
    --label: #3B2A22;
    /*    --panel: #FFFDF7;*/
    --link: #1449A8;
    --tag-bg: pink;
    --alert: #C81E56;
    --badge: #C81E56;
    --logo: white;
    --navitem: #828282;
    --complete-mode-bg: #efebe2;
    --navitem-bg: white;
    --navitem-active: #5B21B6;
    --navitem-bg-active: var(--default-bg);
    --icon-menu-bg: #FFE9D6;
    --icon-menu-bg-active: var(--content-panel);
    --content-panel: #FFE0B2;
    --content-panel-selected: #FFD23F;
    --popup: #FFFFFF;
    /*    --page: #FFE0B2;*/
    --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(--default-bg);
    --icon-menu-bg: tan;
    --icon-menu-bg-active: var(--content-panel);
    --default-bg: darkgrey;
    /*    --body: #FFF3E0;*/
    --content-panel: #828181;
    --content-panel-selected: darkorange;
    --popup: orange;
    /*    --page: #FFE0B2;*/
    --important-button: pink;
/*    --category-header: #FFCC80;*/
    --complete-mode-bg: #efebe2;
    --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;
    --complete-mode-bg: #efebe2;
    --navitem-bg-active: var(--default-bg);
    --icon-menu-bg: #f1e9dc;
    --icon-menu-bg-active: var(--content-panel);
    --default-bg: #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(--default-bg);
    --icon-menu-bg: #ede8de;
    --icon-menu-bg-active: var(--content-panel);
    --default-bg: #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;
    --complete-mode-bg: #efebe2;
}

html[data-theme="funedited"] {
    --topmenu: green;
    --default-bg: #FFE9D6;
    --navitem-bg-active: #FFE9D6;
    --landing-page: #FFD9A0;
    --content-panel: #FFE0B2;
    --content-panel-selected: #FFD23F;
    --card: #FFF6E5;
    --sidebar: #FFF8EF;
    --popup: #FFFFFF;
    --navitem-bg: white;
    --logo: white;
/*    --category-header: #FFCC80;*/
    --alert: #C81E56;
    --important-text: white;
    --label: #3B2A22;
    --link: #1449A8;
/*    --icon-font: black;*/
    --complete-mode-bg: #efebe2;
    --important-button: #0E8C7B;
    --tag-bg: pink;
    --navitem: #828282;
    --navitem-active: #5B21B6;
    --icon-menu-bg: #FFE9D6;
    --icon-menu-bg-active: #FFE0B2;
    --badge: #C81E56;
}