39 lines
1.1 KiB
CSS
39 lines
1.1 KiB
CSS
|
body.darkmode {
|
||
|
--bg: var(--ctp-mocha-base);
|
||
|
--a: var(--ctp-mocha-peach);
|
||
|
--text-color: var(--ctp-mocha-text);
|
||
|
--code-default: var(--ctp-mocha-sky);
|
||
|
--header-color: var(--ctp-mocha-sapphire);
|
||
|
--navbar-bg: var(--ctp-mocha-mauve);
|
||
|
--navbar-a: var(--ctp-mocha-crust);
|
||
|
--navbar-a-hover: var(--ctp-mocha-text);
|
||
|
|
||
|
background-color: var(--bg);
|
||
|
}
|
||
|
|
||
|
body.lightmode {
|
||
|
--bg: var(--ctp-latte-base);
|
||
|
--a: var(--ctp-latte-peach);
|
||
|
--text-color: var(--ctp-latte-text);
|
||
|
--code-default: var(--ctp-latte-sky);
|
||
|
--header-color: var(--ctp-latte-sapphire);
|
||
|
--navbar-bg: var(--ctp-latte-mauve);
|
||
|
--navbar-a: var(--ctp-latte-crust);
|
||
|
--navbar-a-hover: var(--ctp-latte-crust);
|
||
|
|
||
|
background-color: var(--bg);
|
||
|
}
|
||
|
|
||
|
body.sunsetmode {
|
||
|
--bg: var(--ctp-frappe-base);
|
||
|
--a: var(--ctp-frappe-peach);
|
||
|
--text-color: var(--ctp-frappe-text);
|
||
|
--code-default: var(--ctp-frappe-sky);
|
||
|
--header-color: var(--ctp-frappe-sapphire);
|
||
|
--navbar-bg: var(--ctp-frappe-mauve);
|
||
|
--navbar-a: var(--ctp-frappe-crust);
|
||
|
--navbar-a-hover: var(--ctp-frappe-text);
|
||
|
|
||
|
background-color: var(--bg);
|
||
|
}
|