diff --git a/lib/gui/app/components/drive-selector/drive-selector.tsx b/lib/gui/app/components/drive-selector/drive-selector.tsx index 4a06064f..f3575989 100644 --- a/lib/gui/app/components/drive-selector/drive-selector.tsx +++ b/lib/gui/app/components/drive-selector/drive-selector.tsx @@ -74,6 +74,8 @@ function isDrivelistDrive(drive: Drive): drive is DrivelistDrive { const DrivesTable = styled((props: GenericTableProps) => ( {...props} /> ))` + border-bottom: none; + [data-display='table-head'], [data-display='table-body'] { > [data-display='table-row'] > [data-display='table-cell'] { diff --git a/lib/gui/app/css/main.css b/lib/gui/app/css/main.css index fcf89cf1..0671d8a9 100644 --- a/lib/gui/app/css/main.css +++ b/lib/gui/app/css/main.css @@ -64,3 +64,19 @@ input[type="checkbox"] + div { #rendition-tooltip-root > div { font-family: "SourceSansPro", sans-serif; } + +/* HIGH-CONTRAST CHANGES */ +input[type="text"], +input[type="checkbox"] ~ div, +input[type="checkbox"] ~ span { + border-color: #b5b5b5 !important; +} + +[data-display="table-head"] + > [data-display="table-row"] + > [data-display="table-cell"], +[data-display="table-body"] + > [data-display="table-row"] + > [data-display="table-cell"] { + border-bottom: 1px solid #b5b5b5 !important; +}