Modernize RDoc Darkfish template CSS

st0012 commented 2 months ago

Update color scheme with muted green tones and improved contrast
Enhance readability by adjusting font sizes and weights
Improve code block styling with a light gray background
Refactor layout for better responsiveness and sidebar presentation
Standardize link styles across the document
Implement CSS variables for easier theme customization
Adjust heading styles for better visual hierarchy
Enhance table and list styling for improved readability
Optimize search field and navigation toggle appearance
Improve method detail and documentation section styling
Reorganize css and overhaul the sidebar design
Improve code block's syntax highlighting

Result

https://github.com/user-attachments/assets/72980420-f674-43e6-b423-54d4f8f53d65

Comparisions

For detail comparison, I recommend clicking into images.

Left: old; Right: new

`RDoc`

Ruby official docs

st0012 commented 2 months ago

@paracycle Thanks for the suggestions. I've extracted fonts into variables as well as cleaned up some variable usages.

MatheusRich commented 2 months ago

@st0012 TY for the update! I notices that some pages (here's an example) are hard to read on mobile.

st0012 commented 2 months ago

Do you mean because of the initial zoom?

MatheusRich commented 2 months ago

Yeah. Users shouldn't need to zoom in/out to read on mobile. It's like the text doesn't wrap or something. I'm AFK so I can't tell exactly what's going on

st0012 commented 2 months ago

https://github.com/ruby/rdoc/pull/1162

ruby / rdoc