Title: [197119] trunk/Source/WebInspectorUI
Revision
197119
Author
nvasil...@apple.com
Date
2016-02-25 08:34:59 -0800 (Thu, 25 Feb 2016)

Log Message

Web Inspector: Unify selected item colors
https://bugs.webkit.org/show_bug.cgi?id=154668
<rdar://problem/24832178>

Reviewed by Timothy Hatcher.

Use the same CSS variable color for all selected items.

* UserInterface/Views/TreeOutline.css:
(.tree-outline:matches(:focus, .force-focus) .item.selected):
* UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css:
(.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item.selected):
* UserInterface/Views/VisualStyleSelectorTreeItem.css:
(.item.visual-style-selector-item.selected):
* UserInterface/Views/VisualStyleTabbedPropertiesRow.css:
(.visual-style-tabbed-properties-row > .visual-style-tabbed-properties-row-container > button.selected):

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (197118 => 197119)


--- trunk/Source/WebInspectorUI/ChangeLog	2016-02-25 16:21:40 UTC (rev 197118)
+++ trunk/Source/WebInspectorUI/ChangeLog	2016-02-25 16:34:59 UTC (rev 197119)
@@ -1,3 +1,22 @@
+2016-02-25  Nikita Vasilyev  <nvasil...@apple.com>
+
+        Web Inspector: Unify selected item colors
+        https://bugs.webkit.org/show_bug.cgi?id=154668
+        <rdar://problem/24832178>
+
+        Reviewed by Timothy Hatcher.
+
+        Use the same CSS variable color for all selected items.
+
+        * UserInterface/Views/TreeOutline.css:
+        (.tree-outline:matches(:focus, .force-focus) .item.selected):
+        * UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css:
+        (.visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item.selected):
+        * UserInterface/Views/VisualStyleSelectorTreeItem.css:
+        (.item.visual-style-selector-item.selected):
+        * UserInterface/Views/VisualStyleTabbedPropertiesRow.css:
+        (.visual-style-tabbed-properties-row > .visual-style-tabbed-properties-row-container > button.selected):
+
 2016-02-24  Joseph Pecoraro  <pecor...@apple.com>
 
         Web Inspector: Expose Proxy target and handler internal properties to Inspector

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css (197118 => 197119)


--- trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css	2016-02-25 16:21:40 UTC (rev 197118)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TreeOutline.css	2016-02-25 16:34:59 UTC (rev 197119)
@@ -153,8 +153,8 @@
 }
 
 .tree-outline:matches(:focus, .force-focus) .item.selected {
-    color: white;
-    background-color: hsl(209, 100%, 49%);
+    color: var(--selected-foreground-color);
+    background-color: var(--selected-background-color);
 }
 
 body.window-inactive .tree-outline .item.selected {

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css (197118 => 197119)


--- trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css	2016-02-25 16:21:40 UTC (rev 197118)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleCommaSeparatedKeywordEditor.css	2016-02-25 16:34:59 UTC (rev 197119)
@@ -52,8 +52,8 @@
 }
 
 .visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item.selected {
-    background-color: hsl(213, 92%, 55%) !important;
-    color: white;
+    background-color: var(--selected-background-color) !important;
+    color: var(--selected-foreground-color);
 }
 
 .visual-style-property-container.comma-separated-keyword-editor > .visual-style-property-value-container > .visual-style-comma-separated-keyword-list > .visual-style-comma-separated-keyword-item > :matches(button, img) {

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleSelectorTreeItem.css (197118 => 197119)


--- trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleSelectorTreeItem.css	2016-02-25 16:21:40 UTC (rev 197118)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleSelectorTreeItem.css	2016-02-25 16:34:59 UTC (rev 197119)
@@ -34,8 +34,8 @@
 }
 
 .item.visual-style-selector-item.selected {
-    background-color: hsl(213, 92%, 55%) !important;
-    color: white;
+    background-color: var(--selected-background-color) !important;
+    color: var(--selected-foreground-color);
 }
 
 .item.visual-style-selector-item > .disclosure-button {

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleTabbedPropertiesRow.css (197118 => 197119)


--- trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleTabbedPropertiesRow.css	2016-02-25 16:21:40 UTC (rev 197118)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleTabbedPropertiesRow.css	2016-02-25 16:34:59 UTC (rev 197119)
@@ -41,8 +41,8 @@
 }
 
 .visual-style-tabbed-properties-row > .visual-style-tabbed-properties-row-container > button.selected {
-    color: white;
-    background-color: hsl(213, 92%, 55%);
+    color: var(--selected-foreground-color);
+    background-color: var(--selected-background-color);
 }
 
 .visual-style-tabbed-properties-row > .visual-style-tabbed-properties-row-container > button:not(.selected):hover {
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to