Title: [233152] trunk/Source/WebInspectorUI
Revision
233152
Author
nvasil...@apple.com
Date
2018-06-25 10:34:48 -0700 (Mon, 25 Jun 2018)

Log Message

Web Inspector: Dark Mode: Font guideline colors are too bright
https://bugs.webkit.org/show_bug.cgi?id=186986

Reviewed by Brian Burg.

Make the guidelines less distractive from the font glyphs.

* UserInterface/Views/DarkMode.css:
(@media (prefers-dark-interface)):
(.content-view.resource.font .preview > .line):
(.content-view.resource.font .metric.top):
(.content-view.resource.font .metric.baseline):
(.content-view.resource.font .metric.middle):
(.content-view.resource.font .metric.xheight):
(.content-view.resource.font .metric.bottom):

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (233151 => 233152)


--- trunk/Source/WebInspectorUI/ChangeLog	2018-06-25 16:48:40 UTC (rev 233151)
+++ trunk/Source/WebInspectorUI/ChangeLog	2018-06-25 17:34:48 UTC (rev 233152)
@@ -1,3 +1,21 @@
+2018-06-25  Nikita Vasilyev  <nvasil...@apple.com>
+
+        Web Inspector: Dark Mode: Font guideline colors are too bright
+        https://bugs.webkit.org/show_bug.cgi?id=186986
+
+        Reviewed by Brian Burg.
+
+        Make the guidelines less distractive from the font glyphs.
+
+        * UserInterface/Views/DarkMode.css:
+        (@media (prefers-dark-interface)):
+        (.content-view.resource.font .preview > .line):
+        (.content-view.resource.font .metric.top):
+        (.content-view.resource.font .metric.baseline):
+        (.content-view.resource.font .metric.middle):
+        (.content-view.resource.font .metric.xheight):
+        (.content-view.resource.font .metric.bottom):
+
 2018-06-20  Daniel Bates  <daba...@apple.com>
 
         Web Inspector: All non-Same-Site cookies are marked as Same-Site Strict in Storage tab

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DarkMode.css (233151 => 233152)


--- trunk/Source/WebInspectorUI/UserInterface/Views/DarkMode.css	2018-06-25 16:48:40 UTC (rev 233151)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DarkMode.css	2018-06-25 17:34:48 UTC (rev 233152)
@@ -868,6 +868,33 @@
     }
 
 
+    /* FontResourceContentView.css */
+    .content-view.resource.font .preview > .line {
+        border-left-color: var(--text-color-quaternary);
+        border-right-color: var(--text-color-quaternary);
+    }
+
+    .content-view.resource.font .metric.top {
+        background-color: var(--text-color-quaternary);
+    }
+
+    .content-view.resource.font .metric.baseline {
+        background-color: hsl(195, 100%, 37%);
+    }
+
+    .content-view.resource.font .metric.middle {
+        background-color: hsl(120, 100%, 35%);
+    }
+
+    .content-view.resource.font .metric.xheight {
+        background-color: hsl(350, 100%, 40%);
+    }
+
+    .content-view.resource.font .metric.bottom {
+        background-color: var(--text-color-quaternary);
+    }
+
+
     /* FilterBar.css */
     .filter-bar > input[type="search"] {
         border-color: var(--background-color-selected);
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to