static_pages/public/variables.css

38 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);
}