:root {
    --global-blue: rgb(35,96,147);
    --global-green: rgb(121,156,75);
    --global-grey-dark: rgb(112,115,114);
    --global-grey-light: rgb(178,180,178);
    --global-yellow: rgb(255,205,0);
    --global-orange: rgba(234,118,0);
    --global-charcoal: rgb(43,43,48);
    --global-transparent-charcoal: rgba(43,43,48,.75);
    --global-secondary-orange: rgb(234,118,0);
    --global-secondary-yellow: rgb(255,205,0);
    --global-secondary-grey: rgb(190,198,196);
}

:root[data-theme='light'] {
    --global-red: rgb(118,35,47);
    /* body */
    --theme-body-background: rgba(35,96,147,.5);
    --theme-body-text: black;
    --theme-toolbar-background: var(--global-blue);
    --theme-toolbar-text: white;
    /* block - listview, toolbar, dashboards */
    --theme-block-background: rgba(0,0,0,0.80); /*rgba(178,180,178, .75);*/
    --theme-block-text: black;
    --theme-block-title-text: white;
    --theme-block-border: rgba(0,0,0,0.80);
    /* dashboard */
    --theme-dashboard-background: rgba(255,255,255,.75);
    /* menus */
    --theme-menu-border: var(--global-charcoal);
    --theme-menu-hover: rgba(43,43,48,.15);
    /* form */
    --theme-formview-background: rgb(255,255,255);
    --theme-formview-text: black;
    --theme-formview-border: rgba(178,180,178,.40);
    --theme-formview-listed-rw-border: var(--global-blue);
    /* listview */
    --theme-listview-background: rgba(178,180,178,.50);
    --theme-listview-text: black;
    /* fields */
    --theme-field-border: var(--global-grey-dark);
    --theme-field-disabled: rgba(178,180,178,.5);
    --theme-field-background: white;
    /* tabview */
    --theme-tabview-text-selected: black;
    /* ripple */
    --theme-ripple-background: rgba(255,255,255,.25);
    --theme-ripple-rollerdivafter: var(--global-charcoal);
}

:root[data-theme='dark'] {
    --global-red: red;
    /* body */
    --theme-body-background: rgba(0,0,0,.70);
    --theme-body-text: white;
    --theme-toolbar-background: var(--global-blue);
    --theme-toolbar-text: white;
    /* block - listview, toolbar, dashboards */
    --theme-block-background: black;
    --theme-block-text: white;
    --theme-block-title-text: white;
    --theme-block-border: black;
    /* dashboard */
    --theme-dashboard-background: var(--global-transparent-charcoal);
    /* menus */
    --theme-menu-border: white;
    --theme-menu-hover: rgba(255,255,255,.15);
    /* form */
    --theme-formview-background: var(--global-transparent-charcoal);
    --theme-formview-text: white;
    --theme-formview-border: var(--global-charcoal);
    --theme-formview-listed-rw-border: var(--global-blue);
    /* listview */
    --theme-listview-background: black;
    --theme-listview-text: white;
    /* fields */
    --theme-field-border: var(--global-grey-dark);
    --theme-field-disabled: rgba(178,180,178,.5);
    --theme-field-background: white;
    /* tabview */
    --theme-tabview-text-selected: var(--global-grey-light);
    /* ripple */
    --theme-ripple-background: rgba(255,255,255,.25);
    --theme-ripple-rollerdivafter: white;
}

:root[data-theme='basicblue'] {
    --global-red: rgb(118,35,47);
    /* body */
    --theme-body-background: rgba(35,96,147,.25);
    --theme-body-text: black;
    --theme-toolbar-background: var(--global-blue);
    --theme-toolbar-text: white;
    /* block - listview, toolbar, dashboards */
    --theme-block-background: white;
    --theme-block-text: white;
    --theme-block-title-text: var(--global-blue);
    --theme-block-border: white;
    /* dashboard */
    --theme-dashboard-background: rgba(35,96,147);
    /* menus */
    --theme-menu-border: white;
    --theme-menu-hover: rgba(255,255,255,.25);
    /* form */
    --theme-formview-background: white;
    --theme-formview-text: black;
    --theme-formview-border: var(--global-blue);
    --theme-formview-listed-rw-border: var(--global-green);
    /* listview */
    --theme-listview-background: var(--global-blue);
    --theme-listview-text: white;
    /* fields */
    --theme-field-border: var(--global-grey-dark);
    --theme-field-disabled: rgba(178,180,178,.5);
    --theme-field-background: white;
    /* tabview */
    --theme-tabview-text-selected: var(--global-blue);
    /* ripple */
    --theme-ripple-background: rgba(255,255,255,.25);
    --theme-ripple-rollerdivafter: var(--global-charcoal);
}

:root[data-theme='basicgreen'] {
    --global-red: rgb(118,35,47);
    /* body */
    --theme-body-background: rgba(121,156,75,.25);
    --theme-body-text: black;
    --theme-toolbar-background: var(--global-green);
    --theme-toolbar-text: white;
    /* block - listview, toolbar, dashboards */
    --theme-block-background: white;
    --theme-block-text: white;
    --theme-block-title-text: var(--global-green);
    --theme-block-border: white;
    /* dashboard */
    --theme-dashboard-background: rgba(121,156,75);
    /* menus */
    --theme-menu-border: white;
    --theme-menu-hover: rgba(255,255,255,.25);
    /* form */
    --theme-formview-background: white;
    --theme-formview-text: black;
    --theme-formview-border: var(--global-green);
    --theme-formview-listed-rw-border: var(--global-blue);
    /* listview */
    --theme-listview-background: var(--global-green);
    --theme-listview-text: white;
    /* fields */
    --theme-field-border: var(--global-grey-dark);
    --theme-field-disabled: rgba(178,180,178,.5);
    --theme-field-background: white;
    /* tabview */
    --theme-tabview-text-selected: var(--global-green);
    /* ripple */
    --theme-ripple-background: rgba(255,255,255,.25);
    --theme-ripple-rollerdivafter: var(--global-charcoal);
}