mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-10 00:12:09 +00:00
347b2c189b
- Changed: Make all color codes 3-char. Shave off a few bytes. - Removed: all responsive layout besides the navigation links. Everything else should work well at all window sizes without making allowances for special cases. - Removed: redundant CSS rules - Added: centered images. Left-aligned images in a center-aligned column of text break flow. - Added: dark mode link colors for visited/active. Active link colors give better a11y. - Fix: don't show unnecessary scrollbar for <pre> blocks Also put more comments in the source to explain why each rule is important. All this shrunk the CSS from 1065 bytes to 882 bytes (17% reduction)
24 lines
218 B
CSS
24 lines
218 B
CSS
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
background: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
a {
|
|
color: #0af;
|
|
}
|
|
|
|
a:visited {
|
|
color: #d7c;
|
|
}
|
|
|
|
a:active {
|
|
color: #f33;
|
|
}
|
|
|
|
pre,
|
|
code,
|
|
hr {
|
|
border-color: #333;
|
|
}
|
|
}
|