oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Markup color and font size fixes (#30282)

1. Distinguish inline an block code with new CSS variable
`--color-markup-code-inline`
2. Various color tweaks, better contrast from background

<img width="447" alt="Screenshot 2024-04-05 at 00 51 00"
src="https://github.com/go-gitea/gitea/assets/115237/93e069f4-6807-4f2c-9331-2d69730919d4">
<img width="456" alt="Screenshot 2024-04-05 at 00 50 44"
src="https://github.com/go-gitea/gitea/assets/115237/0dc9c745-c531-40fa-94ec-b0ba10bd7ccf">

(cherry picked from commit 662eb4b0852f9ce2c161e7fea5ac66bf912fc9f6)

authored by

silverwind and committed by
Gergely Nagy 02416856 300c8ded

+8 -6
+2 -2
web_src/css/markup/content.css
··· 438 438 margin: 0; 439 439 font-size: 85%; 440 440 white-space: break-spaces; 441 - background-color: var(--color-markup-code-block); 441 + background-color: var(--color-markup-code-inline); 442 442 border-radius: var(--border-radius); 443 443 } 444 444 ··· 509 509 line-height: 10px; 510 510 color: var(--color-text-light); 511 511 vertical-align: middle; 512 - background-color: var(--color-markup-code-block); 512 + background-color: var(--color-markup-code-inline); 513 513 border: 1px solid var(--color-secondary); 514 514 border-radius: var(--border-radius); 515 515 box-shadow: inset 0 -1px 0 var(--color-secondary);
+3 -2
web_src/css/themes/theme-gitea-dark.css
··· 204 204 --color-active: #e8e8ff24; 205 205 --color-menu: #151a1e; 206 206 --color-card: #151a1e; 207 - --color-markup-table-row: #e8e8ff06; 208 - --color-markup-code-block: #e8e8ff16; 207 + --color-markup-table-row: #e8e8ff0f; 208 + --color-markup-code-block: #e8e8ff12; 209 + --color-markup-code-inline: #e8e8ff28; 209 210 --color-button: #151a1e; 210 211 --color-code-bg: #14171a; 211 212 --color-shadow: #00001758;
+3 -2
web_src/css/themes/theme-gitea-light.css
··· 204 204 --color-active: #00001714; 205 205 --color-menu: #f8f9fb; 206 206 --color-card: #f8f9fb; 207 - --color-markup-table-row: #00001708; 208 - --color-markup-code-block: #00001710; 207 + --color-markup-table-row: #0030600a; 208 + --color-markup-code-block: #00306010; 209 + --color-markup-code-inline: #00306012; 209 210 --color-button: #f8f9fb; 210 211 --color-code-bg: #fafdff; 211 212 --color-shadow: #00001726;