/* Light Mode */
[theme-mode=light] {
	--blue: #2196F3;
	--white: #fff;
	--white2: #ddd;
	--cyan: #00bcd4;
	--blue-grey-text-text-darken-1: #546e7a !important;
	--red-lighten-4: #FFCDD2 !important;
	--mainbg: #1f242b;
}

[theme-mode=light] {
    --thead-bg: var(--blue);
	--primary: var(--white);
	--border-color: #ddd;
	--header-bg: var(--blue);
	--thead-title: #1976D2;
	--link: #37474f;
	--sec-text: #546e7a;
	--fbit-icon: var(--blue-grey-text-text-darken-1);
	--breadcrumb: #2b373a;
	--tcat: #1976D2;
	--blue-grey: #607d8b;
	--lastpost: #f5f8f9;
    --bg2: #fff;
	--postbit-bg: #f6f9fa;
	--postbit-bg2: linear-gradient(to bottom,rgba(246,249,250,0.50),rgba(246,249,250,0.70),rgba(246,249,250,0.90),#f6f9fa);
	--auth-bar: #e4e9ec;
	--bar-icon: #607d8b;
    --postbit-text: var(--sec-text);
	--postbit-blend: unset;
	--nav-bg: var(--primary);
	--drop-link: #2196F3;
	--sub-header: rgba(0, 0, 0, 0.54);
	--field-border: #d2dde6;
	--nav-shadow: 3px 5px 20px 0 rgba(94,92,154, .12);
	--bage-color: #fff;
	--border-color2: #ccc;
    --drop-content: #BBDEFB;
    --drop-head: var(--thead-title);
}

/* Dark Mode */
[theme-mode=dark] {
	--blue: #2196F3;
	--white: #fff;
	--cyan: #00bcd4;
	--red-lighten-4: #38191D !important;
	--mainbg: #1f242b;
    --grey2: #242931;
    --secondary: #2c3742;
}

[theme-mode=dark] {
    --thead-bg: var(--secondary);
    --primary: #2a3039;
    --border-color: var(--header-bg);
    --header-bg: #242931;
    --thead-title: #3c4b5a;
    --link: #e0e3e6;
    --sec-text: #a1acb9;
	--fbit-icon: #83888f !important;
	--breadcrumb: var(--sec-text);
    --tcat: var(--header-bg);
    --blue-grey: #323942;
    --lastpost: #323942;
    --bg2: #222b35;
    --postbit-bg: #252c35;
	--postbit-bg2: linear-gradient(to bottom,rgba(37,44,53,0.50),rgba(37,44,53,0.70),rgba(37,44,53,0.900),#252c35);
    --auth-bar: var(--secondary);
    --bar-icon: var(--thead-title);
    --postbit-text: var(--link);
    --postbit-blend: overlay;
    --nav-bg: #191f27;
	--drop-link: #e0e3e6;
    --sub-header: #a1acb9;
    --field-border: #40484f;
    --nav-shadow: none;
    --bage-color: #000;
    --border-color2: #434d60;
    --drop-content: var(--thead-title);
    --drop-head: var(--thead-bg);
}