ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Using color-scheme and light-dark() to implement dark mode (#154)

Browse source 
* Lint fixes.

* Implement light-dark().

* Lint css with biome, remove stylelint.

* Biome lint fixes.

* Dark mode adjustments.

* Style bug fixes.

* Colour adjustments.

* Move header and footer styles to base.

* Site header adjustments.

* Removing jQuery and umbrella libs. They where great but not needed anymore.

* Add colorScheme to optionally lock light/dark.

* Update README.

* Biome adjustments.
This commit is contained in:
Fredrik Jonsson 2026-05-28 08:18:04 +02:00 • committed by GitHub
commit 16c47eea9d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 276 additions and 2130 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/css/mobilemenu.css
View file

@ -41,7 +41,7 @@
position: absolute;
top: var(--gutters);
right: var(--gutters);
padding: 0 .3rem;
padding: 0 0.3rem;
border-color: var(--color-button-text-hover);
z-index: 22;
pointer-events: auto;
@ -58,7 +58,7 @@
.mobile-nav__hamburger {
fill: var(--color-button-text);
width: 1.6rem;
margin-inline-start: .1rem;
margin-inline-start: 0.1rem;
.button--outline & {
fill: var(--color-button);
@ -106,7 +106,7 @@
.mobile-nav__region {
&:not(:empty) {
margin-block-end: .5rem;
margin-block-end: 0.5rem;
}
}
@ -122,7 +122,7 @@
a {
display: inline-block;
padding-block: .5rem;
padding-block: 0.5rem;
}
}