domi/forgejo-domi
1
0
Fork 0
forked from forgejo/forgejo
Code Pull requests Activity

Add new CSS variables --color-accent and --color-small-accent (#21305)

Browse source 
At the moment, this is only used to replace the color of the `viewed`
checkbox and of the `has changed` label.
Previously, the used variable accentuated always either darker or
lighter, which meant that one theme looked good while the other didn't.

Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
delvh 2022-10-07 11:48:03 +02:00 • committed by GitHub
parent 30ca91666e
commit 81d7270cde
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 17 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

15
web_src/less/_review.less
View file

@ -264,11 +264,12 @@ a.blob-excerpt:hover {
}
.changed-since-last-review {
margin: 0 5px;
padding: 0 3px;
border: 2px var(--color-primary-light-3) solid;
background-color: var(--color-primary-alpha-30);
border-radius: 7px;
border: 1px var(--color-accent) solid;
background-color: var(--color-small-accent);
border-radius: 15px;
padding: 4px 8px;
margin: -8px 0; // just like other buttons in the diff box header
font-size: .857rem; // just like .ui.tiny.button
}
.viewed-file-form {
@ -286,8 +287,8 @@ a.blob-excerpt:hover {
}
.viewed-file-checked-form {
background-color: var(--color-primary-light-6);
border: 1px solid var(--color-primary-light-4);
background-color: var(--color-small-accent);
border: 1px solid var(--color-accent);
}
#viewed-files-summary {