1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-09-20 04:12:09 +00:00
Commit graph

18 commits

Author SHA1 Message Date
Rohan Kumar
bbe9ff458e
CSS: better margins, contrast
- Allow figures that are *not* quotations to keep their old default
  margins.
- Improve the contrast of links just a little bit more.
2022-04-06 17:50:11 -07:00
Rohan Kumar
60bf9110b9
A11y and perf improvements
- Even less halation for dark theme
- More contrast for borders
- Slightly larger font, fixes APCA contrast issue for <small>
- Make responsive navbar work in NetSurf
- Make aria-current page bold
- Use content-visibility to unload footers and endnotes
- Add aria-labels to unclear webring link text
- Replace <hr> elements with css borders; the semantic meaning of <hr>
  was unnecessary with section breaks.
2022-04-02 23:54:39 -07:00
Rohan Kumar
02b1a8421e
Support reduced-contrast + RTL in dark mode
Use -inline-start instead of -left for machine translators that change
direction. Wrap that in a feature query so browsers that don't support
these rules can fall back to default styling. Those browsers are desktop
browsers anyway, where this doesn't relaly make a huge difference.

Add reduced-contrast for dark mode, for readers with severe astigmatism.
Reduced-contrast is the same as regular dark mode, except that the
background is lighter.

Somehow fit all of this in <1kb, any bigger and I'll have to stop
inlining.
2022-03-30 17:44:39 -07:00
Rohan Kumar
14f2053fc1
Style: reduce horizontal scroll, element borders
All pages should now look good on screens 230px wide (DPR=1), inc. most
feature-phones running e.g. KaiOS.

Add borders to images so they look distinct from the surrounding page.
2022-02-26 17:18:44 -08:00
Rohan Kumar
815b7d7837
Fix: reflect recent changes in dark stylesheet 2022-02-24 17:56:17 -08:00
Rohan Kumar
3c2e4f40c4
Lighten bkg a bit more
Thanks to anonymous for feedback on contrast with astigmatism.
2021-10-04 12:30:43 -07:00
Rohan Kumar
636ecb3591
CSS: a11y: brighten bkg for astigmatic readers
Reduces the "halo" effect that comes with reading bright text on a solid
black background.
2021-08-30 15:08:59 -07:00
Rohan Kumar
acad7a018f
CSS: respect browser default font size
Switch from pixels to %. Required some other changes to happen
2021-06-26 19:35:49 -07:00
Rohan Kumar
b224d003bb
Dark stylesheet improvement
- Replace css filter with a border
- Replacae "background" with "background-color" since "background" does
  a bunch of other things too.
2021-06-24 15:22:54 -07:00
Rohan Kumar
2abdb82cb3
CSS: Dark palette: switch to yellow links
The newish APCA contrast algorithm correctly reveals that blue-on-black
and purple-on-black links have lower perceptual contrast than
yellow-on-black links.

A Fediverse survey with 19 participants revealed that others tend to
prefer the older look over this one, but the number in favor was much
larger than I thought; it was a 3:2 split. I decided that on my poor
laptop screen facing sunlight with simulated color vision deficiencies,
the yellow links are indeed easier to read so I went with them.
2021-06-03 01:24:04 -07:00
Rohan Kumar
f9092d7694
CSS: improve dark-mode contrast
Improve link contrast in dark mode, using APCA contrast ratios.
2021-05-31 16:02:12 -07:00
Rohan Kumar
558b6844ca
Unbold home link
It says "Home". That's enough to know it navigates to the homepage.
Bolding it makes it look like it's the current page.
2021-05-06 11:33:05 -07:00
Rohan Kumar
7d405b7980
Simplify CSS, remove unneeded rules
It's even smaller now
2021-03-25 15:38:07 -07:00
Rohan Kumar
fc8d0caeea
Massively shrink uncompressed CSS assets 6 bytes
This is a good use of my time.
2021-02-12 13:43:30 -08:00
Rohan Kumar
bc667feec6
Fix: visible dark webring icon in Webkit
Dark mode now switches to a different icon instead of
inverting it. There's probably a better way but I'll figure that out
later.
2021-02-01 22:59:56 -08:00
Rohan Kumar
4e7a0c8bde
Link to Merveilles webring!
My site's first Webring. I plan to join a few others, and to create
three of my own.
2021-02-01 22:35:08 -08:00
Rohan Kumar
fb797184b6
CSS: blockquotes, re-use unstyled-list class
- Make blockquotes look like blockquotes
- Make the nav links use the unstyled-list class to avoid re-writing
2021-01-29 12:01:58 -08:00
Rohan Kumar
950918b104
Remove themes/, move its contents to repo root
I've modified etch-custom so much that it doesn't need to be its own
theme anymore.
2021-01-17 17:22:22 -08:00
Renamed from themes/etch-custom/assets/css/dark.css (Browse further)