diff options
| author | silverwind <me@silverwind.io> | 2023-03-31 10:24:47 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-31 16:24:47 +0800 |
| commit | ca03ca9e6e8f2e7ba7fdc3a64edb766be476edbd (patch) | |
| tree | ad936a5574eb3349b372444632a433211e92a327 /web_src/css/form.css | |
| parent | 288c2e8c48991e5e425fd5ffe1959f4b3d0b675a (diff) | |
| download | gitea-ca03ca9e6e8f2e7ba7fdc3a64edb766be476edbd.tar.gz gitea-ca03ca9e6e8f2e7ba7fdc3a64edb766be476edbd.zip | |
CSS color tweaks (#23828)
Change grey shades in arc-green to match the theme more:
<img width="661" alt="Screenshot 2023-03-30 at 21 42 34"
src="https://user-images.githubusercontent.com/115237/228957952-8e099e56-6923-4aa6-8ce9-3c1cd898b73e.png">
Adjusted grey shade in light theme:
<img width="652" alt="image"
src="https://user-images.githubusercontent.com/115237/228963876-3bde6181-8397-4dc2-be72-33982e6c7acb.png">
Increase contrast in arc-green, change background to slightly darker
shade, change forgeground to slightly brighter colors:
<img width="283" alt="Screenshot 2023-03-30 at 22 33 20"
src="https://user-images.githubusercontent.com/115237/228957957-272c24a5-dd0b-427a-b6b7-e62836bdd73c.png">
Increase contrast of grey text in light theme as well by making them
darker:
<img width="273" alt="Screenshot 2023-03-30 at 22 33 35"
src="https://user-images.githubusercontent.com/115237/228957959-283139c7-6fa7-4b68-9fdd-16c668ad1301.png">
Add color rule for border multiple select items:
<img width="183" alt="Screenshot 2023-03-30 at 22 29 31"
src="https://user-images.githubusercontent.com/115237/228957954-6b5a752d-bbb0-4519-ab35-d02c0804d955.png">
<img width="181" alt="Screenshot 2023-03-30 at 22 29 46"
src="https://user-images.githubusercontent.com/115237/228957956-fca9790a-d6c9-4f31-8d1b-d183ab3ac669.png">
Added color rule for red `*` on required form fields:
<img width="97" alt="image"
src="https://user-images.githubusercontent.com/115237/228958760-517ad9ef-565d-4349-b734-9b559ab42429.png">
Diffstat (limited to 'web_src/css/form.css')
| -rw-r--r-- | web_src/css/form.css | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/web_src/css/form.css b/web_src/css/form.css index 324a210f4f..ffcf5794b9 100644 --- a/web_src/css/form.css +++ b/web_src/css/form.css @@ -94,6 +94,15 @@ textarea:focus, color: var(--color-text); } +.ui.form .required.fields:not(.grouped) > .field > label::after, +.ui.form .required.fields.grouped > label::after, +.ui.form .required.field > label::after, +.ui.form .required.fields:not(.grouped) > .field > .checkbox::after, +.ui.form .required.field > .checkbox::after, +.ui.form label.required::after { + color: var(--color-red); +} + .ui.input, .ui.checkbox input:focus ~ label::after, .ui.checkbox input:checked ~ label::after, |