diff options
| author | silverwind <me@silverwind.io> | 2024-04-06 23:06:27 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-06 23:06:27 +0200 |
| commit | 662eb4b0852f9ce2c161e7fea5ac66bf912fc9f6 (patch) | |
| tree | 2b2d3648bcd96f10e1d406be959c9771e2a02f74 /web_src/css | |
| parent | 7396172a02a9ea8d80f9763469fd65a5a12ff3f7 (diff) | |
| download | gitea-662eb4b0852f9ce2c161e7fea5ac66bf912fc9f6.tar.gz gitea-662eb4b0852f9ce2c161e7fea5ac66bf912fc9f6.zip | |
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">
Diffstat (limited to 'web_src/css')
| -rw-r--r-- | web_src/css/markup/content.css | 4 | ||||
| -rw-r--r-- | web_src/css/themes/theme-gitea-dark.css | 5 | ||||
| -rw-r--r-- | web_src/css/themes/theme-gitea-light.css | 5 |
3 files changed, 8 insertions, 6 deletions
diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index d44e727a25..6ba4e40072 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -438,7 +438,7 @@ margin: 0; font-size: 85%; white-space: break-spaces; - background-color: var(--color-markup-code-block); + background-color: var(--color-markup-code-inline); border-radius: var(--border-radius); } @@ -508,7 +508,7 @@ line-height: 10px; color: var(--color-text-light); vertical-align: middle; - background-color: var(--color-markup-code-block); + background-color: var(--color-markup-code-inline); border: 1px solid var(--color-secondary); border-radius: var(--border-radius); box-shadow: inset 0 -1px 0 var(--color-secondary); diff --git a/web_src/css/themes/theme-gitea-dark.css b/web_src/css/themes/theme-gitea-dark.css index 626590ca54..07e217742d 100644 --- a/web_src/css/themes/theme-gitea-dark.css +++ b/web_src/css/themes/theme-gitea-dark.css @@ -204,8 +204,9 @@ --color-active: #e8e8ff24; --color-menu: #151a1e; --color-card: #151a1e; - --color-markup-table-row: #e8e8ff06; - --color-markup-code-block: #e8e8ff16; + --color-markup-table-row: #e8e8ff0f; + --color-markup-code-block: #e8e8ff12; + --color-markup-code-inline: #e8e8ff28; --color-button: #151a1e; --color-code-bg: #14171a; --color-shadow: #00001758; diff --git a/web_src/css/themes/theme-gitea-light.css b/web_src/css/themes/theme-gitea-light.css index f6913fbe22..2741e0e0bd 100644 --- a/web_src/css/themes/theme-gitea-light.css +++ b/web_src/css/themes/theme-gitea-light.css @@ -204,8 +204,9 @@ --color-active: #00001714; --color-menu: #f8f9fb; --color-card: #f8f9fb; - --color-markup-table-row: #00001708; - --color-markup-code-block: #00001710; + --color-markup-table-row: #0030600a; + --color-markup-code-block: #00306010; + --color-markup-code-inline: #00306012; --color-button: #f8f9fb; --color-code-bg: #fafdff; --color-shadow: #00001726; |