wezm/wezm.net
1
0
Fork 1
mirror of https://github.com/wezm/wezm.net.git synced 2025-04-08 04:30:42 +00:00
Code Issues Projects Releases Packages Wiki Activity

Tweak Stylus post

Browse source
This commit is contained in:
Wesley Moore 2025-02-17 13:20:15 +10:00
parent 351080aeb1
commit 5deef7bb84
No known key found for this signature in database
1 changed files with 6 additions and 6 deletions

12
v2/content/posts/2025/stylus/index.md
View file

@ -3,7 +3,7 @@ title = "Making the Web More Readable With Stylus"
date = 2025-02-17T10:21:22+10:00 date = 2025-02-17T10:21:22+10:00
[extra] [extra]
#updated = 2025-01-15T09:51:03+10:00 updated = 2025-02-17T13:14:49+10:00
+++ +++
[Stylus] is an open-source browser extension for managing and applying "user [Stylus] is an open-source browser extension for managing and applying "user
@ -13,7 +13,7 @@ Stylus to make my browsing experience nicer.
<!-- more --> <!-- more -->
Stylus has the ability to share and use shared styles, but I just use styles Stylus has the ability to share and use shared-styles, but I just use styles
I write myself. Styles can by applied to all sites, specific sub-domains, I write myself. Styles can by applied to all sites, specific sub-domains,
domains, or domains + paths. I note the matching rule of each style at the domains, or domains + paths. I note the matching rule of each style at the
top of each entry. top of each entry.
@ -126,7 +126,7 @@ html {
**Applies to:** URLs on the domain: [goughlui.com](https://goughlui.com) **Applies to:** URLs on the domain: [goughlui.com](https://goughlui.com)
Uses a Times New Roman font by default, which it a bit ugly on my system. Uses a Times New Roman font by default, which is a bit ugly on my system.
Replace with a nicer serif font. Replace with a nicer serif font.
```css ```css
@ -164,8 +164,8 @@ DIV.ArticleText {
**Applies to:** URLs on the domain: [news.ycombinator.com](https://news.ycombinator.com) **Applies to:** URLs on the domain: [news.ycombinator.com](https://news.ycombinator.com)
The post text in Hacker News self-posts like "Ask HN" posts is shown in light grey. The post text in Hacker News self-posts like "Ask HN" posts is shown in barely
Fix this. legible light grey. Fix this.
```css ```css
/* Make HN post text readable */ /* Make HN post text readable */
@ -251,7 +251,7 @@ This is a hosted Matrix instance using the Element client.
* Use the system emoji font ([JoyPixels]) instead of the heinous Noto Color Emoji. * Use the system emoji font ([JoyPixels]) instead of the heinous Noto Color Emoji.
* Use the system monospace font ([PragmataPro]) instead of a custom one. * Use the system monospace font ([PragmataPro]) instead of a custom one.
* Reduce line height of monospace text to match other places monospace text shown on my system. * Reduce line height of monospace text to match other places monospace text shown on my system.
* Hide the space wasting "Spaces" bar. * Stop the aptly named "Spaces" bar from wasting space.
```css ```css
body { body {