Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-03 20:15:52 +01:00
Code Issues Packages Projects Releases Activity

High contrast mode findings (#1892)

Browse Source 
Fixes most of the flaws in high contrast mode.
This commit is contained in:
Florian Scholdei
2021-12-16 17:54:39 +01:00
committed by GitHub
parent 089862b7ef
commit 16960d742e
42 changed files with 937 additions and 722 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scm-ui/ui-components/src/forms/FileInput.tsx
View File

@@ -102,7 +102,7 @@ const FileInput: FC<Props> = ({
{file?.name ? (
<span className="file-name">{file?.name}</span>
) : (
<span className="file-name has-text-weight-light has-text-grey-light">
<span className="file-name has-text-weight-light has-text-secondary">
{filenamePlaceholder || t("fileInput.noFileChosen")}
</span>
)}

2
scm-ui/ui-components/src/forms/FileUpload.tsx
View File

@@ -60,7 +60,7 @@ const FileUpload: FC<Props> = ({ handleFile, filenamePlaceholder = "", disabled
{file?.name ? (
<span className="file-name">{file?.name}</span>
) : (
<span className="file-name has-text-weight-light has-text-grey-light ">{filenamePlaceholder}</span>
<span className="file-name has-text-weight-light has-text-secondary">{filenamePlaceholder}</span>
)}
</label>
</div>

4
scm-ui/ui-components/src/forms/TriStateCheckbox.tsx
View File

@@ -51,11 +51,11 @@ const TriStateCheckbox: FC<Props> = ({ checked, indeterminate, disabled, label,
let color;
if (disabled) {
color = "grey-light";
color = "secondary";
} else if (checked || indeterminate) {
color = "link";
} else {
color = "black";
color = "secondary-most";
}
// We need a tabIndex to make the checkbox accessible from keyboard.