generated from nhcarrigan/template
feat(dark-theme): set transulent background to the entire page
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
:root {
|
:root {
|
||||||
/* Witch color palette */
|
/* Witch color palette */
|
||||||
--witch-purple: #2b1b3d;
|
--witch-purple: #2b1b3d;
|
||||||
--witch-purple-translucent: hsla(267, 40%, 17%, 0.423);
|
--witch-purple-translucent: hsla(267, 40%, 17%, 0.597);
|
||||||
--witch-plum: #44275a;
|
--witch-plum: #44275a;
|
||||||
--witch-rose: #a8577e;
|
--witch-rose: #a8577e;
|
||||||
--witch-mauve: #d4a5c7;
|
--witch-mauve: #d4a5c7;
|
||||||
@@ -31,8 +31,11 @@
|
|||||||
|
|
||||||
html[data-theme="dark"] {
|
html[data-theme="dark"] {
|
||||||
/* Dark theme uses darker colors for background, lighter for text */
|
/* Dark theme uses darker colors for background, lighter for text */
|
||||||
|
|
||||||
|
.page {
|
||||||
|
--background-color: var(--witch-purple-translucent);
|
||||||
|
}
|
||||||
--primary-color: var(--witch-lavender);
|
--primary-color: var(--witch-lavender);
|
||||||
--background-color: var(--witch-purple-translucent);
|
|
||||||
--sl-color-text-accent: var(--witch-lavender);
|
--sl-color-text-accent: var(--witch-lavender);
|
||||||
|
|
||||||
/* Additional Starlight overrides for dark theme */
|
/* Additional Starlight overrides for dark theme */
|
||||||
|
|||||||
Reference in New Issue
Block a user