Web Inspector: Dark Mode: Console filter field buttons should be darker
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 16 Jul 2018 16:37:34 +0000 (16:37 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 16 Jul 2018 16:37:34 +0000 (16:37 +0000)
https://bugs.webkit.org/show_bug.cgi?id=187626
<rdar://problem/42142744>

Reviewed by Brian Burg.

* UserInterface/Views/FindBanner.css:
(@media (prefers-dark-interface)):
(.find-banner > button.segmented):
(.find-banner > button.segmented > .glyph):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@233848 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/FindBanner.css

index e4337653de4572113cc3333dcb413a30921f2684..ab565a9e9d30cc9f64b6d79730a89832e2132cc2 100644 (file)
@@ -1,3 +1,16 @@
+2018-07-16  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Dark Mode: Console filter field buttons should be darker
+        https://bugs.webkit.org/show_bug.cgi?id=187626
+        <rdar://problem/42142744>
+
+        Reviewed by Brian Burg.
+
+        * UserInterface/Views/FindBanner.css:
+        (@media (prefers-dark-interface)):
+        (.find-banner > button.segmented):
+        (.find-banner > button.segmented > .glyph):
+
 2018-07-16  Nikita Vasilyev  <nvasilyev@apple.com>
 
         Web Inspector: Dark Mode: selected item background color is too light
index 885f12d16d4f646039a3878ba7f449ecdb9bb49e..900dc4fe3e02001e37d230c72d5d39edd94480a0 100644 (file)
@@ -306,3 +306,13 @@ body[dir=rtl] .find-banner.console-find-banner > input[type="search"]::-webkit-t
 .find-banner.console-find-banner > input[type="search"]:not(:placeholder-shown) {
     background-color: white;
 }
+
+@media (prefers-dark-interface) {
+    .find-banner > button.segmented {
+        background: transparent !important;
+    }
+
+    .find-banner > button.segmented > .glyph {
+        filter: invert();
+    }
+}