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.

Misc color tweaks (#29943)

Minor color tweaks:

- Better text contrasts
- Better distinguish nav and header wrapper in light theme
- Input boxes are now white on light theme
- Slightly darker dark theme background

<img width="503" alt="Screenshot 2024-03-20 at 19 31 54"
src="https://github.com/go-gitea/gitea/assets/115237/c7802a84-2386-4332-bd91-f419473ff644">
<img width="510" alt="Screenshot 2024-03-20 at 19 32 24"
src="https://github.com/go-gitea/gitea/assets/115237/21d3529e-6e0a-413a-9e9e-a03bea2405eb">

(cherry picked from commit 444460ea807c6a669d1a1467510868335abee5fb)

authored by

silverwind and committed by
Earl Warren 01f729f7 e8f3efe1

+15 -15
+6 -6
web_src/css/themes/theme-gitea-dark.css
··· 180 180 --color-orange-badge-hover-bg: #f2711c4d; 181 181 --color-git: #f05133; 182 182 /* target-based colors */ 183 - --color-body: #1e2224; 183 + --color-body: #1c1f25; 184 184 --color-box-header: #1a1d1f; 185 185 --color-box-body: #14171a; 186 186 --color-box-body-highlight: #121517; 187 187 --color-text-dark: #f8f8f9; 188 - --color-text: #ced2d5; 189 - --color-text-light: #bec4c8; 190 - --color-text-light-1: #acb3b8; 191 - --color-text-light-2: #8d969c; 192 - --color-text-light-3: #747f87; 188 + --color-text: #d1d5d8; 189 + --color-text-light: #bdc3c7; 190 + --color-text-light-1: #a8afb5; 191 + --color-text-light-2: #929ba2; 192 + --color-text-light-3: #7c8790; 193 193 --color-footer: var(--color-nav-bg); 194 194 --color-timeline: #353c42; 195 195 --color-input-text: var(--color-text-dark);
+9 -9
web_src/css/themes/theme-gitea-light.css
··· 184 184 --color-box-header: #f1f3f5; 185 185 --color-box-body: #ffffff; 186 186 --color-box-body-highlight: #f4faff; 187 - --color-text-dark: #03080d; 188 - --color-text: #1c2126; 189 - --color-text-light: #3c434a; 190 - --color-text-light-1: #4b5259; 191 - --color-text-light-2: #6a7178; 192 - --color-text-light-3: #899097; 187 + --color-text-dark: #01050a; 188 + --color-text: #181c21; 189 + --color-text-light: #30363b; 190 + --color-text-light-1: #40474d; 191 + --color-text-light-2: #5b6167; 192 + --color-text-light-3: #747c84; 193 193 --color-footer: var(--color-nav-bg); 194 194 --color-timeline: #d0d7de; 195 195 --color-input-text: var(--color-text-dark); 196 - --color-input-background: #f8f9fb; 196 + --color-input-background: #fff; 197 197 --color-input-toggle-background: #d0d7de; 198 198 --color-input-border: var(--color-secondary); 199 199 --color-input-border-hover: var(--color-secondary-dark-1); 200 - --color-header-wrapper: #fafbfc; 200 + --color-header-wrapper: #f9fafb; 201 201 --color-light: #00001706; 202 202 --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled))); 203 203 --color-light-border: #0000171d; ··· 224 224 --color-reaction-active-bg: var(--color-primary-light-6); 225 225 --color-tooltip-text: #fbfdff; 226 226 --color-tooltip-bg: #000017f0; 227 - --color-nav-bg: #f8f9fb; 227 + --color-nav-bg: #f6f7fa; 228 228 --color-nav-hover-bg: var(--color-secondary-light-1); 229 229 --color-nav-text: var(--color-text); 230 230 --color-label-text: var(--color-text);