Commit e244e2c
authored
fix(ui): unify download button style with project baseline (#4)
The `Download as Markdown` / `Download as ZIP` buttons introduced in #1
used a Material-style filled look (saturated blue/green + white text)
that clashed with the project's Neo-Brutalism language (thick black
border, light background, black text, offset black shadow, yellow
`:active`). The white `color` also made `box-shadow: 0.1em 0.1em
currentColor` render as an invisible white shadow on the white page.
Make the two download buttons inherit the baseline `button{}` rules and
only override `background` for light-tinted semantic hints:
- `--md` → `#cfe8ff` (light blue, black text, contrast ≈17:1)
- `--zip` → `#c8f7da` (light green, black text, contrast ≈18:1)
Border color, text color, offset shadow, and `:active` yellow now come
from the baseline, so the three buttons (`Go back` + two downloads)
share the same visual grammar. Net -14 lines of CSS; no JS or markup
changes; `index.js` is byte-identical to main.
Made-with: Cursor1 parent 140d755 commit e244e2c
1 file changed
Lines changed: 4 additions & 18 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
195 | 195 | | |
196 | 196 | | |
197 | 197 | | |
198 | | - | |
199 | | - | |
200 | | - | |
201 | | - | |
202 | | - | |
203 | | - | |
204 | | - | |
| 198 | + | |
205 | 199 | | |
206 | 200 | | |
207 | 201 | | |
208 | | - | |
209 | | - | |
210 | | - | |
211 | | - | |
212 | | - | |
213 | | - | |
214 | | - | |
| 202 | + | |
215 | 203 | | |
216 | 204 | | |
217 | 205 | | |
218 | | - | |
219 | | - | |
220 | | - | |
221 | | - | |
| 206 | + | |
| 207 | + | |
222 | 208 | | |
223 | 209 | | |
224 | 210 | | |
| |||
0 commit comments