diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-18 20:03:54 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-18 20:03:54 +0200 |
| commit | a05ea86f931b17b0599960a6d496af842b527f00 (patch) | |
| tree | ed2eb6c89fdccf3b8f2635a551f1b0233adffa91 /themes/danix-xyz-hacker/assets/css/main.min.css | |
| parent | 6d3940a381a91f61c87ecb9f01f99c897b1aaf00 (diff) | |
| download | danixxyz-a05ea86f931b17b0599960a6d496af842b527f00.tar.gz danixxyz-a05ea86f931b17b0599960a6d496af842b527f00.zip | |
feat: theme-aware default thumbnails with picture element
- Use HTML <picture> element with prefers-color-scheme media query
- Fallback dark thumbnail via content: url() CSS for theme-light class
- Automatically displays light/dark thumbnails based on user theme
- Articles without custom images now show default thumbnails
- Maintains all existing hover effects and type badges
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Diffstat (limited to 'themes/danix-xyz-hacker/assets/css/main.min.css')
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.min.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css index 899978a..d928b7a 100644 --- a/themes/danix-xyz-hacker/assets/css/main.min.css +++ b/themes/danix-xyz-hacker/assets/css/main.min.css @@ -2532,6 +2532,12 @@ html.theme-light { } } +/* Theme-aware picture element for default thumbnails */ + +html.theme-light picture img[src="/images/default_thumbnail_dark.png"] { + content: url('/images/default_thumbnail_light.png'); +} + /* Prose overrides for light theme */ html.theme-light .prose, |