From a9f8b620d7c9dbb03655d2d06dcbcb82e4c867de Mon Sep 17 00:00:00 2001
From: Kalon Hinds <kahinds@microsoft.com>
Date: Tue, 17 Mar 2020 02:04:01 -0700
Subject: [PATCH] High contrast support for Animation Panel

This patch provides forced-colors overrides to make non-canvas
elements visible in high contrast mode.

Before: https://imgur.com/a/3NmoATe
After: https://imgur.com/a/0MY4S1u
Bug: 1048378
Change-Id: Id2e4a982ef92afff5d5945d39ff543d70c3e2411
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2106881
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Kalon Hinds <kahinds@microsoft.com>
---
 front_end/animation/animationTimeline.css | 8 ++++++++
 front_end/ui/popover.css                  | 1 +
 2 files changed, 9 insertions(+)

diff --git a/front_end/animation/animationTimeline.css b/front_end/animation/animationTimeline.css
index 5958be2f9b..bb4d57f4dc 100644
--- a/front_end/animation/animationTimeline.css
+++ b/front_end/animation/animationTimeline.css
@@ -303,6 +303,7 @@ text.animation-timeline-grid-label {
     height: 40px;
     margin: 4px 2px;
     background-color: var(--toolbar-bg-color);
+    border: 1px solid transparent;
     border-radius: 2px;
     flex: 1 1;
     padding: 4px;
@@ -459,4 +460,11 @@ text.animation-timeline-grid-label {
         color: HighlightText;
         background-color: Highlight;
     }
+    .animation-node-description[data-keyboard-focus="true"]:focus {
+        background-color: Canvas;
+        forced-color-adjust: none;
+    }
+    .monospace {
+        forced-color-adjust: auto;
+    }
 }
diff --git a/front_end/ui/popover.css b/front_end/ui/popover.css
index f6ce571d43..f2d8704153 100644
--- a/front_end/ui/popover.css
+++ b/front_end/ui/popover.css
@@ -7,6 +7,7 @@
 .widget {
     display: flex;
     background: white;
+    border: 1px solid transparent;
     box-shadow: var(--drop-shadow);
     border-radius: 2px;
     overflow: auto;