<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: Use CSS variables for common text colors"
href="https://bugs.webkit.org/show_bug.cgi?id=162047">162047</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Web Inspector: Use CSS variables for common text colors
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>All
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Web Inspector
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>mattbaker@apple.com
</td>
</tr>
<tr>
<th>CC</th>
<td>bburg@apple.com, joepeck@webkit.org, mattbaker@apple.com, nvasilyev@apple.com, timothy@apple.com, webkit-bug-importer@group.apple.com
</td>
</tr></table>
<p>
<div>
<pre>Summary:
Use CSS variables for common text colors.
Color usage identified by running ack over the UserInterface directory:
<span class="quote">> ack -ohi --nogroup --css --match="hsl\(.*\)" | sort -r | uniq -c | sort -r</span >
9 color: hsl(0, 0%, 60%)
9 color: hsl(0, 0%, 50%)
3 color: hsl(0, 0%, 70%)
3 color: hsl(0, 0%, 22%)
3 color: hsl(0, 0%, 18%)
2 color: hsl(209, 100%, 50%)
2 color: hsl(0, 0%, 85%)
2 color: hsl(0, 0%, 40%)
2 color: hsl(0, 0%, 4%)
2 color: hsl(0, 0%, 30%)
2 color: hsl(0, 0%, 23%)
2 color: hsl(0, 0%, 20%)
2 color: hsl(0, 0%, 0%, 0.25)
9 color: hsl(0, 0%, 60%)
9 color: hsl(0, 0%, 50%)
3 color: hsl(0, 0%, 70%)
3 color: hsl(0, 0%, 22%)
3 color: hsl(0, 0%, 18%)
2 color: hsl(209, 100%, 50%)
2 color: hsl(0, 0%, 85%)
2 color: hsl(0, 0%, 40%)
2 color: hsl(0, 0%, 4%)
2 color: hsl(0, 0%, 30%)
2 color: hsl(0, 0%, 23%)
2 color: hsl(0, 0%, 20%)
2 color: hsl(0, 0%, 0%, 0.25)
1 color: hsl(44, 53%, 33%)
1 color: hsl(43, 96%, 44%)
1 color: hsl(359, 57%, 50%)
1 color: hsl(309, 21%, 70%)
1 color: hsl(30, 90%, 35%)
1 color: hsl(295, 76%, 32%)
1 color: hsl(248, 52%, 78%)
1 color: hsl(240, 55%, 30%)
1 color: hsl(240, 55%, 25%)
1 color: hsl(240, 100%, 52%)
1 color: hsl(210, 100%, 40%)
1 color: hsl(210, 100%, 33%)
1 color: hsl(210, 0%, 0%)
1 color: hsl(207, 46%, 59%)
1 color: hsl(206, 69%, 45%)
1 color: hsl(119, 27%, 65%)
1 color: hsl(119, 100%, 22%)
1 color: hsl(1, 33%, 70%)
1 color: hsl(0, 86%, 47%)
1 color: hsl(0, 75%, 45%)
1 color: hsl(0, 59%, 41%)
1 color: hsl(0, 33%, 49%)
1 color: hsl(0, 100%, 100%)
1 color: hsl(0, 0%, 82%)
1 color: hsl(0, 0%, 75%)
1 color: hsl(0, 0%, 74%)
1 color: hsl(0, 0%, 65%)
1 color: hsl(0, 0%, 57%)
1 color: hsl(0, 0%, 46%)
1 color: hsl(0, 0%, 45%)
1 color: hsl(0, 0%, 37%)
1 color: hsl(0, 0%, 34%)
1 color: hsl(0, 0%, 33%)
1 color: hsl(0, 0%, 32%)
1 color: hsl(0, 0%, 31%)
1 color: hsl(0, 0%, 14%)
1 color: hsl(0, 0%, 12%)
1 color: hsl(0, 0%, 11%)
The most frequently used colors should be added to Variables.css. Colors that are used only once, and visually indistinguishable from another more frequently used color, should be replaced.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>