cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Revert "feat: light/dark theme toggle"

Browse source 
This reverts commit bb0068a4e9.
This commit is contained in:
Cory Dransfeldt 2024-02-12 20:47:09 -08:00
parent bcdbdfab29
commit 4a543742f7
No known key found for this signature in database
8 changed files with 7 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/assets/styles/index.css
View file

@ -195,9 +195,7 @@ nav svg {
:is(a:hover, a:active, a:focus) svg,
a svg:hover,
a svg:active,
a svg:focus,
.theme__toggle:hover,
.theme__toggle svg:hover {
a svg:focus {
stroke-width: var(--stroke-width-bold);
}
@ -487,28 +485,6 @@ footer nav {
justify-content: center;
}
/* theme toggle */
.theme__toggle,
.theme__toggle svg{
cursor: pointer;
}
.theme__dark .theme__toggle > .light {
display: inline;
}
.theme__dark .theme__toggle > .dark {
display: none;
}
.theme__toggle > .light {
display: none;
}
.theme__toggle > .dark {
display: inline;
}
/* screens: md */
@media screen and (min-width: 768px) {
.main__title {

13
src/assets/styles/partials/vars.css
View file

@ -113,19 +113,6 @@
}
}
:root body.theme__dark {
--text-color: var(--white);
--background-color: var(--black);
--text-color-inverted: var(--black);
--background-color-inverted: var(--white);
--accent-color: var(--blue-400);
--accent-color-hover: var(--blue-200);
--gray-light: var(--gray-900);
--gray-lighter: var(--gray-950);
--gray-dark: var(--gray-300);
--brand-github: #f5f5f5;
}
@media (prefers-reduced-motion) {
:root {
--transition-duration-default: 0.01ms;