|
|
@ -89,7 +89,7 @@ body {
|
|
|
|
:root.theme-dark {
|
|
|
|
:root.theme-dark {
|
|
|
|
color-scheme: dark;
|
|
|
|
color-scheme: dark;
|
|
|
|
--theme-accent-opacity: 0.15;
|
|
|
|
--theme-accent-opacity: 0.15;
|
|
|
|
--theme-accent: hsla(var(--color-blue), 1);
|
|
|
|
--theme-accent: hsla(var(--color-purple), 1);
|
|
|
|
--theme-text-accent: hsla(var(--color-blue), 1);
|
|
|
|
--theme-text-accent: hsla(var(--color-blue), 1);
|
|
|
|
--theme-divider: hsla(var(--color-gray-10), 1);
|
|
|
|
--theme-divider: hsla(var(--color-gray-10), 1);
|
|
|
|
--theme-text: hsla(var(--color-gray-90), 1);
|
|
|
|
--theme-text: hsla(var(--color-gray-90), 1);
|
|
|
@ -97,14 +97,14 @@ body {
|
|
|
|
|
|
|
|
|
|
|
|
/* @@@: not used anywhere */
|
|
|
|
/* @@@: not used anywhere */
|
|
|
|
--theme-text-lighter: hsla(var(--color-gray-40), 1);
|
|
|
|
--theme-text-lighter: hsla(var(--color-gray-40), 1);
|
|
|
|
--theme-bg: hsla(215, 28%, 17%, 1);
|
|
|
|
--theme-bg: hsl(221, 37%, 17%);
|
|
|
|
--theme-bg-hover: hsla(var(--color-gray-40), 1);
|
|
|
|
--theme-bg-hover: hsla(var(--color-gray-40), 1);
|
|
|
|
--theme-bg-offset: hsla(var(--color-gray-5), 1);
|
|
|
|
--theme-bg-offset: hsla(var(--color-gray-5), 1);
|
|
|
|
--theme-code-inline-bg: hsla(var(--color-gray-10), 1);
|
|
|
|
--theme-code-inline-bg: hsla(var(--color-gray-10), 1);
|
|
|
|
--theme-code-inline-text: hsla(var(--color-base-white), 100%, 1);
|
|
|
|
--theme-code-inline-text: hsla(var(--color-base-white), 100%, 1);
|
|
|
|
--theme-code-bg: hsla(var(--color-gray-5), 1);
|
|
|
|
--theme-code-bg: hsla(var(--color-gray-5), 1);
|
|
|
|
--theme-code-text: hsla(var(--color-base-white), 100%, 1);
|
|
|
|
--theme-code-text: hsla(var(--color-base-white), 100%, 1);
|
|
|
|
--theme-navbar-bg: hsla(215, 28%, 17%, 1);
|
|
|
|
--theme-navbar-bg: hsl(221, 37%, 17%);
|
|
|
|
--theme-selection-color: hsla(var(--color-base-white), 100%, 1);
|
|
|
|
--theme-selection-color: hsla(var(--color-base-white), 100%, 1);
|
|
|
|
--theme-selection-bg: hsla(
|
|
|
|
--theme-selection-bg: hsla(
|
|
|
|
var(--color-purple),
|
|
|
|
var(--color-purple),
|
|
|
|