zzos/react-native-devtools-frontend
1
0
Fork 0
mirror of https://github.com/react/react-native-devtools-frontend.git synced 2026-10-10 21:54:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

High contrast work on Sources debugger panel

Browse Source 
The changes fixes the hover and and keyboard focus on the panel. The
header gets a focus ring and when hovering or focusing the content
item, the background and foreground changes.

Before: https://imgur.com/a/gZD8xLg
After: https://imgur.com/a/LVruJ6P

Bug: 1048378
Change-Id: If697639f8a5b7d73844e1aab63c9bb2db884b295
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2055546
Commit-Queue: Kham Udom <khamu@microsoft.com>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
This commit is contained in:
Kham Udom
2020-02-14 16:06:43 +00:00
committed by Commit Bot
parent c53ba5018f
commit e991071f67
9 changed files with 89 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front_end/sources/javaScriptBreakpointsSidebarPane.css
+12
View File
@@ -46,3 +46,15 @@
background-color: hsl(46, 98%, 22%);
color: #ccc;
}
@media (forced-colors: active) {
:not(.breakpoints-list-deactivated) > .breakpoint-entry:hover,
.breakpoint-entry:focus {
forced-color-adjust: none;
background-color: Highlight;
}
:not(.breakpoints-list-deactivated) > .breakpoint-entry:hover > *,
.breakpoint-entry:focus > * {
color: HighlightText;
}
}