<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[196713] trunk/Source/WebInspectorUI</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/196713">196713</a></dd>
<dt>Author</dt> <dd>mattbaker@apple.com</dd>
<dt>Date</dt> <dd>2016-02-17 12:29:50 -0800 (Wed, 17 Feb 2016)</dd>
</dl>
<h3>Log Message</h3>
<pre>Web Inspector: add CSS variables for common border/background colors
https://bugs.webkit.org/show_bug.cgi?id=154302
<rdar://problem/24680944>
Reviewed by Timothy Hatcher.
Added CSS variables for commonly used border and background colors, and removed
duplicate CSS variables with less generic names. Inactive border colors declared in
rules with a body.window-inactive selector have been removed. A new rule using this
selector in Variables.css sets "--border-color" to the inactive color.
* UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
(.sidebar > .panel.details.css-style > .content > .pseudo-classes):
(.sidebar > .panel.details.css-style > .content ~ :matches(.options-container, .class-list-container)):
(.sidebar > .panel.details.css-style > .content.filter-in-progress .style-declaration-section:not(.filter-section-has-label)):
* UserInterface/Views/DataGrid.css:
(.data-grid.inline):
(.data-grid th):
(.data-grid :matches(th, td):not(:last-child)):
(body.window-inactive .data-grid th): Deleted.
(body.window-inactive .data-grid :matches(th, td):not(:last-child)): Deleted.
* UserInterface/Views/DebuggerSidebarPanel.css:
(.sidebar > .panel.navigation.debugger.paused .details-section.scripts):
* UserInterface/Views/DetailsSection.css:
(.details-section):
(.details-section .details-section:first-child):
(.details-section > .header):
(.details-section > .content > .group):
(.details-section > .content > .group:nth-child(even) > .row:matches(.simple:first-child > *, :not(.simple):first-child)):
* UserInterface/Views/FilterBar.css:
(.filter-bar):
* UserInterface/Views/FindBanner.css:
(.find-banner):
(body.window-inactive .find-banner): Deleted.
* UserInterface/Views/LayerTreeDetailsSidebarPanel.css:
(.panel.details.layer-tree .bottom-bar):
* UserInterface/Views/Main.css:
(body.docked.bottom):
(body.docked.right):
(#split-content-browser):
(#split-content-browser > .navigation-bar):
(body.window-inactive.docked.bottom): Deleted.
(body.window-inactive.docked.right): Deleted.
(body.window-inactive #split-content-browser): Deleted.
* UserInterface/Views/MemoryCategoryView.css:
(.memory-category-view):
(.memory-category-view > .details):
(body.window-inactive .memory-category-view): Deleted.
(body.window-inactive .memory-category-view > .details): Deleted.
* UserInterface/Views/MemoryTimelineView.css:
(.timeline-view.memory):
(.timeline-view.memory > .content > .overview):
(.timeline-view.memory > .content > .details > .subtitle):
(.timeline-view.memory > .content > .overview > .divider):
(body.window-inactive .timeline-view.memory): Deleted.
(body.window-inactive .timeline-view.memory > .content > .overview): Deleted.
(body.window-inactive .timeline-view.memory > .content > .details > .subtitle): Deleted.
(body.window-inactive .timeline-view.memory > .content > .overview > .divider): Deleted.
* UserInterface/Views/NavigationBar.css:
(.navigation-bar):
(body.window-inactive .navigation-bar): Deleted.
* UserInterface/Views/NavigationSidebarPanel.css:
(.sidebar > .panel.navigation > .overflow-shadow):
(body.window-inactive .sidebar > .panel.navigation > .overflow-shadow): Deleted.
* UserInterface/Views/NetworkSidebarPanel.css:
(.sidebar > .panel.navigation.network > .title-bar):
(body.window-inactive .sidebar > .panel.navigation.network > .title-bar): Deleted.
* UserInterface/Views/OverviewTimelineView.css:
(.timeline-view.overview > .timeline-ruler > .header):
(body.window-inactive .timeline-view.overview > .timeline-ruler > .header): Deleted.
* UserInterface/Views/QuickConsole.css:
(.quick-console):
(body.window-inactive .quick-console): Deleted.
* UserInterface/Views/Sidebar.css:
(.sidebar):
(.sidebar.left):
(.sidebar.right):
(body.window-inactive .sidebar.left): Deleted.
(body.window-inactive .sidebar.right): Deleted.
* UserInterface/Views/TimelineDataGrid.css:
(.data-grid.timeline th):
(body.window-inactive .data-grid.timeline th): Deleted.
* UserInterface/Views/TimelineRuler.css:
(.timeline-ruler > .header):
(body.window-inactive .timeline-ruler > .header): Deleted.
* UserInterface/Views/TimelineSidebarPanel.css:
(.sidebar > .panel.navigation.timeline > .title-bar):
(.sidebar > .panel.navigation.timeline > .title-bar.timeline-events):
(body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar): Deleted.
(body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar.timeline-events): Deleted.
* UserInterface/Views/Toolbar.css:
(body.latest-mac .toolbar .dashboard-container):
* UserInterface/Views/Variables.css:
(:root):
(body.window-inactive *):
* UserInterface/Views/VisualStyleSelectorSection.css:
(.details-section.visual-style-selector-section:not(.collapsed) > .header):
(.details-section.visual-style-selector-section > .content > .selectors > .selector-list > .section-divider):</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkSourceWebInspectorUIChangeLog">trunk/Source/WebInspectorUI/ChangeLog</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDetailsSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDataGridcss">trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDebuggerSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDetailsSectioncss">trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsFilterBarcss">trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsFindBannercss">trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsLayerTreeDetailsSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsMaincss">trunk/Source/WebInspectorUI/UserInterface/Views/Main.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsMemoryCategoryViewcss">trunk/Source/WebInspectorUI/UserInterface/Views/MemoryCategoryView.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsMemoryTimelineViewcss">trunk/Source/WebInspectorUI/UserInterface/Views/MemoryTimelineView.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsNavigationBarcss">trunk/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsNavigationSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsNetworkSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/NetworkSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsOverviewTimelineViewcss">trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsQuickConsolecss">trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsSidebarcss">trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineDataGridcss">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineRulercss">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsToolbarcss">trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsVariablescss">trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsVisualStyleSelectorSectioncss">trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleSelectorSection.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkSourceWebInspectorUIChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/ChangeLog (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/ChangeLog 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/ChangeLog 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -1,5 +1,106 @@
</span><span class="cx"> 2016-02-17 Matt Baker <mattbaker@apple.com>
</span><span class="cx">
</span><ins>+ Web Inspector: add CSS variables for common border/background colors
+ https://bugs.webkit.org/show_bug.cgi?id=154302
+ <rdar://problem/24680944>
+
+ Reviewed by Timothy Hatcher.
+
+ Added CSS variables for commonly used border and background colors, and removed
+ duplicate CSS variables with less generic names. Inactive border colors declared in
+ rules with a body.window-inactive selector have been removed. A new rule using this
+ selector in Variables.css sets "--border-color" to the inactive color.
+
+ * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
+ (.sidebar > .panel.details.css-style > .content > .pseudo-classes):
+ (.sidebar > .panel.details.css-style > .content ~ :matches(.options-container, .class-list-container)):
+ (.sidebar > .panel.details.css-style > .content.filter-in-progress .style-declaration-section:not(.filter-section-has-label)):
+ * UserInterface/Views/DataGrid.css:
+ (.data-grid.inline):
+ (.data-grid th):
+ (.data-grid :matches(th, td):not(:last-child)):
+ (body.window-inactive .data-grid th): Deleted.
+ (body.window-inactive .data-grid :matches(th, td):not(:last-child)): Deleted.
+ * UserInterface/Views/DebuggerSidebarPanel.css:
+ (.sidebar > .panel.navigation.debugger.paused .details-section.scripts):
+ * UserInterface/Views/DetailsSection.css:
+ (.details-section):
+ (.details-section .details-section:first-child):
+ (.details-section > .header):
+ (.details-section > .content > .group):
+ (.details-section > .content > .group:nth-child(even) > .row:matches(.simple:first-child > *, :not(.simple):first-child)):
+ * UserInterface/Views/FilterBar.css:
+ (.filter-bar):
+ * UserInterface/Views/FindBanner.css:
+ (.find-banner):
+ (body.window-inactive .find-banner): Deleted.
+ * UserInterface/Views/LayerTreeDetailsSidebarPanel.css:
+ (.panel.details.layer-tree .bottom-bar):
+ * UserInterface/Views/Main.css:
+ (body.docked.bottom):
+ (body.docked.right):
+ (#split-content-browser):
+ (#split-content-browser > .navigation-bar):
+ (body.window-inactive.docked.bottom): Deleted.
+ (body.window-inactive.docked.right): Deleted.
+ (body.window-inactive #split-content-browser): Deleted.
+ * UserInterface/Views/MemoryCategoryView.css:
+ (.memory-category-view):
+ (.memory-category-view > .details):
+ (body.window-inactive .memory-category-view): Deleted.
+ (body.window-inactive .memory-category-view > .details): Deleted.
+ * UserInterface/Views/MemoryTimelineView.css:
+ (.timeline-view.memory):
+ (.timeline-view.memory > .content > .overview):
+ (.timeline-view.memory > .content > .details > .subtitle):
+ (.timeline-view.memory > .content > .overview > .divider):
+ (body.window-inactive .timeline-view.memory): Deleted.
+ (body.window-inactive .timeline-view.memory > .content > .overview): Deleted.
+ (body.window-inactive .timeline-view.memory > .content > .details > .subtitle): Deleted.
+ (body.window-inactive .timeline-view.memory > .content > .overview > .divider): Deleted.
+ * UserInterface/Views/NavigationBar.css:
+ (.navigation-bar):
+ (body.window-inactive .navigation-bar): Deleted.
+ * UserInterface/Views/NavigationSidebarPanel.css:
+ (.sidebar > .panel.navigation > .overflow-shadow):
+ (body.window-inactive .sidebar > .panel.navigation > .overflow-shadow): Deleted.
+ * UserInterface/Views/NetworkSidebarPanel.css:
+ (.sidebar > .panel.navigation.network > .title-bar):
+ (body.window-inactive .sidebar > .panel.navigation.network > .title-bar): Deleted.
+ * UserInterface/Views/OverviewTimelineView.css:
+ (.timeline-view.overview > .timeline-ruler > .header):
+ (body.window-inactive .timeline-view.overview > .timeline-ruler > .header): Deleted.
+ * UserInterface/Views/QuickConsole.css:
+ (.quick-console):
+ (body.window-inactive .quick-console): Deleted.
+ * UserInterface/Views/Sidebar.css:
+ (.sidebar):
+ (.sidebar.left):
+ (.sidebar.right):
+ (body.window-inactive .sidebar.left): Deleted.
+ (body.window-inactive .sidebar.right): Deleted.
+ * UserInterface/Views/TimelineDataGrid.css:
+ (.data-grid.timeline th):
+ (body.window-inactive .data-grid.timeline th): Deleted.
+ * UserInterface/Views/TimelineRuler.css:
+ (.timeline-ruler > .header):
+ (body.window-inactive .timeline-ruler > .header): Deleted.
+ * UserInterface/Views/TimelineSidebarPanel.css:
+ (.sidebar > .panel.navigation.timeline > .title-bar):
+ (.sidebar > .panel.navigation.timeline > .title-bar.timeline-events):
+ (body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar): Deleted.
+ (body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar.timeline-events): Deleted.
+ * UserInterface/Views/Toolbar.css:
+ (body.latest-mac .toolbar .dashboard-container):
+ * UserInterface/Views/Variables.css:
+ (:root):
+ (body.window-inactive *):
+ * UserInterface/Views/VisualStyleSelectorSection.css:
+ (.details-section.visual-style-selector-section:not(.collapsed) > .header):
+ (.details-section.visual-style-selector-section > .content > .selectors > .selector-list > .section-divider):
+
+2016-02-17 Matt Baker <mattbaker@apple.com>
+
</ins><span class="cx"> Web Inspector: Add singular and plural cases for "Ignore n times before stopping" label in breakpoint editor
</span><span class="cx"> https://bugs.webkit.org/show_bug.cgi?id=154335
</span><span class="cx"> <rdar://problem/24655491>
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDetailsSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -40,7 +40,7 @@
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style > .content > .pseudo-classes {
</span><span class="cx"> padding: 6px 10px;
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx">
</span><span class="cx"> display: flex;
</span><span class="cx"> flex-flow: row wrap;
</span><span class="lines">@@ -71,7 +71,7 @@
</span><span class="cx"> position: absolute;
</span><span class="cx"> width: 100%;
</span><span class="cx"> background-color: white;
</span><del>- border-top: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style > .content ~ .options-container {
</span><span class="lines">@@ -182,7 +182,7 @@
</span><span class="cx"> .sidebar > .panel.details.css-style > .content.filter-in-progress .style-declaration-section:not(.filter-section-has-label) {
</span><span class="cx"> margin-top: 0;
</span><span class="cx"> border-top: none;
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style > .content.filter-in-progress .style-declaration-section > .header > .selector > .filter-matching {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDataGridcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -58,7 +58,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid.inline {
</span><del>- border: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid.no-header > table.header {
</span><span class="lines">@@ -75,7 +75,7 @@
</span><span class="cx">
</span><span class="cx"> background-color: white;
</span><span class="cx">
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx">
</span><span class="cx"> font-weight: normal;
</span><span class="cx">
</span><span class="lines">@@ -86,18 +86,10 @@
</span><span class="cx"> overflow: hidden;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .data-grid th {
- border-bottom-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .data-grid :matches(th, td):not(:last-child) {
</span><del>- border-right: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-right: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .data-grid :matches(th, td):not(:last-child) {
- border-right-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .data-grid th.sortable:active {
</span><span class="cx"> background-color: hsl(0, 0%, 70%);
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDebuggerSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -57,7 +57,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.debugger.paused .details-section.scripts {
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.debugger .details-section.scripts .header {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDetailsSectioncss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -25,8 +25,8 @@
</span><span class="cx">
</span><span class="cx"> .details-section {
</span><span class="cx"> font-size: 10px;
</span><del>- background-color: hsl(0, 0%, 94%);
- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ background-color: var(--panel-background-color);
+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .details-section {
</span><span class="lines">@@ -39,7 +39,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .details-section:first-child {
</span><del>- border-top: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .header {
</span><span class="lines">@@ -47,7 +47,7 @@
</span><span class="cx"> top: -1px;
</span><span class="cx"> height: 23px;
</span><span class="cx">
</span><del>- background-color: hsl(0, 0%, 94%);
</del><ins>+ background-color: var(--panel-background-color);
</ins><span class="cx"> color: hsl(0, 0%, 22%);
</span><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="lines">@@ -159,7 +159,7 @@
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group {
</span><span class="cx"> display: table-row-group;
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group:last-child {
</span><span class="lines">@@ -171,7 +171,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group:nth-child(even) > .row:matches(.simple:first-child > *, :not(.simple):first-child) {
</span><del>- border-top: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group > .row.simple {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsFilterBarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -31,7 +31,7 @@
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> overflow: hidden;
</span><span class="cx">
</span><del>- background-color: hsl(0, 0%, 94%);
</del><ins>+ background-color: var(--panel-background-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .filter-bar > .navigation-bar {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsFindBannercss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -24,7 +24,7 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .find-banner {
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx">
</span><span class="cx"> position: absolute;
</span><span class="cx"> top: -22px;
</span><span class="lines">@@ -44,10 +44,6 @@
</span><span class="cx"> z-index: var(--z-index-header);
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .find-banner {
- border-bottom-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .find-banner.showing {
</span><span class="cx"> top: 0;
</span><span class="cx"> transition-timing-function: ease-out;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsLayerTreeDetailsSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -58,7 +58,7 @@
</span><span class="cx"> display: flex;
</span><span class="cx"> bottom: 0;
</span><span class="cx"> width: 100%;
</span><del>- border-top: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> background-color: white;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsMaincss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Main.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/Main.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Main.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -60,21 +60,13 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.docked.bottom {
</span><del>- border-top: 1px solid hsl(0, 0%, 78%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.docked.right {
</span><del>- border-left: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-left: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive.docked.bottom {
- border-top-color: hsl(0, 0%, 85%);
-}
-
-body.window-inactive.docked.right {
- border-left-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> #docked-resizer {
</span><span class="cx"> display: none;
</span><span class="cx">
</span><span class="lines">@@ -156,17 +148,13 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #split-content-browser {
</span><del>- border-top: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive #split-content-browser {
- border-top-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> #split-content-browser > .navigation-bar {
</span><span class="cx"> cursor: row-resize;
</span><span class="cx">
</span><del>- background-color: hsl(0, 0%, 94%);
</del><ins>+ background-color: var(--panel-background-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #split-content-browser > .navigation-bar .item:not(.flexible-space) {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsMemoryCategoryViewcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/MemoryCategoryView.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/MemoryCategoryView.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/MemoryCategoryView.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -25,27 +25,19 @@
</span><span class="cx">
</span><span class="cx"> .memory-category-view {
</span><span class="cx"> display: flex;
</span><del>- border-bottom: 1px solid var(--memory-active-divider-color);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .memory-category-view > .details {
</span><span class="cx"> width: 150px;
</span><span class="cx"> padding-left: 15px;
</span><span class="cx"> padding-top: 10px;
</span><del>- border-right: 1px solid var(--memory-active-divider-color);
</del><ins>+ border-right: 1px solid var(--border-color);
</ins><span class="cx"> font-family: '-webkit-system-font';
</span><span class="cx"> font-size: 12px;
</span><span class="cx"> color: hsl(0, 0%, 70%);
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .memory-category-view {
- border-bottom-color: var(--memory-inactive-divider-color);
-}
-
-body.window-inactive .memory-category-view > .details {
- border-right-color: var(--memory-inactive-divider-color);
-}
-
</del><span class="cx"> .memory-category-view > .details > .name {
</span><span class="cx"> color: black;
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsMemoryTimelineViewcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/MemoryTimelineView.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/MemoryTimelineView.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/MemoryTimelineView.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -25,13 +25,9 @@
</span><span class="cx">
</span><span class="cx"> .timeline-view.memory {
</span><span class="cx"> overflow: scroll;
</span><del>- border-top: 1px solid var(--memory-active-divider-color);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .timeline-view.memory {
- border-top-color: var(--memory-inactive-divider-color);
-}
-
</del><span class="cx"> .timeline-view.memory > .content {
</span><span class="cx"> width: 970px;
</span><span class="cx"> margin: 10px auto;
</span><span class="lines">@@ -40,7 +36,7 @@
</span><span class="cx"> .timeline-view.memory > .content > .overview {
</span><span class="cx"> padding: 10px;
</span><span class="cx"> margin-bottom: 10px;
</span><del>- border-bottom: 1px solid var(--memory-active-divider-color);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.memory > .content .subtitle {
</span><span class="lines">@@ -56,7 +52,7 @@
</span><span class="cx">
</span><span class="cx"> .timeline-view.memory > .content > .details > .subtitle {
</span><span class="cx"> padding: 10px;
</span><del>- border-bottom: 1px solid var(--memory-active-divider-color);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.memory > .content > .overview {
</span><span class="lines">@@ -79,23 +75,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.memory > .content > .overview > .divider {
</span><del>- border-right: 1px solid var(--memory-active-divider-color);
</del><ins>+ border-right: 1px solid var(--border-color);
</ins><span class="cx"> margin-left: 10px;
</span><span class="cx"> margin-right: 10px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .timeline-view.memory > .content > .overview {
- border-bottom-color: var(--memory-inactive-divider-color);
-}
-
-body.window-inactive .timeline-view.memory > .content > .details > .subtitle {
- border-bottom-color: var(--memory-inactive-divider-color);
-}
-
-body.window-inactive .timeline-view.memory > .content > .overview > .divider {
- border-right-color: var(--memory-inactive-divider-color);
-}
-
</del><span class="cx"> .timeline-view.memory > .content > .overview .total-usage,
</span><span class="cx"> .timeline-view.memory > .content > .overview .max-percentage {
</span><span class="cx"> margin: auto;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsNavigationBarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> flex-wrap: wrap;
</span><span class="cx">
</span><span class="cx"> box-shadow: inset hsla(0, 0%, 100%, 0.2) 0 1px 0;
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx">
</span><span class="cx"> height: 29px;
</span><span class="cx">
</span><span class="lines">@@ -39,10 +39,6 @@
</span><span class="cx"> outline: none;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .navigation-bar {
- border-bottom-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .navigation-bar .item {
</span><span class="cx"> display: flex;
</span><span class="cx"> align-items: center;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsNavigationSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -45,7 +45,7 @@
</span><span class="cx">
</span><span class="cx"> opacity: 0;
</span><span class="cx">
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation > .overflow-shadow.top {
</span><span class="lines">@@ -53,10 +53,6 @@
</span><span class="cx"> bottom: initial;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .sidebar > .panel.navigation > .overflow-shadow {
- border-bottom-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .sidebar > .panel.navigation > .content .empty-content-placeholder {
</span><span class="cx"> left: 0;
</span><span class="cx"> right: 0;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsNetworkSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NetworkSidebarPanel.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/NetworkSidebarPanel.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NetworkSidebarPanel.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -42,8 +42,8 @@
</span><span class="cx">
</span><span class="cx"> height: 23px;
</span><span class="cx">
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
- background-color: hsl(0, 0%, 94%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
+ background-color: var(--panel-background-color);
</ins><span class="cx"> color: hsl(0, 0%, 22%);
</span><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="lines">@@ -58,10 +58,6 @@
</span><span class="cx"> overflow: hidden;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .sidebar > .panel.navigation.network > .title-bar {
- border-bottom-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .sidebar > .panel.navigation.network.network-grid-content-view-showing > .content {
</span><span class="cx"> /* This hides the scrollbar. The view shows a scrollbar, we don't need two. */
</span><span class="cx"> padding-right: 16px;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsOverviewTimelineViewcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -32,14 +32,10 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.overview > .timeline-ruler > .header {
</span><del>- border-top: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> height: 23px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .timeline-view.overview > .timeline-ruler > .header {
- border-top-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .timeline-view.overview > .timeline-ruler > .event-markers {
</span><span class="cx"> top: 23px;
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsQuickConsolecss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -30,7 +30,7 @@
</span><span class="cx"> align-items: flex-end;
</span><span class="cx">
</span><span class="cx"> background-color: white;
</span><del>- border-top: 1px solid hsl(0, 0%, 74%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> padding: 3px 0 4px;
</span><span class="cx">
</span><span class="cx"> outline: none;
</span><span class="lines">@@ -39,10 +39,6 @@
</span><span class="cx"> font-family: Menlo, monospace;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .quick-console {
- border-top-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .quick-console.showing-log {
</span><span class="cx"> border-top-color: hsl(0, 0%, 94%) !important;
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsSidebarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -26,7 +26,7 @@
</span><span class="cx"> .sidebar {
</span><span class="cx"> position: relative;
</span><span class="cx">
</span><del>- background-color: hsl(0, 0%, 94%);
</del><ins>+ background-color: var(--panel-background-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar.collapsed {
</span><span class="lines">@@ -77,17 +77,9 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar.left {
</span><del>- border-right: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-right: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar.right {
</span><del>- border-left: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-left: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><del>-
-body.window-inactive .sidebar.left {
- border-right-color: hsl(0, 0%, 85%);
-}
-
-body.window-inactive .sidebar.right {
- border-left-color: hsl(0, 0%, 85%);
-}
</del></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineDataGridcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -24,13 +24,9 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .data-grid.timeline th {
</span><del>- border-top: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .data-grid.timeline th {
- border-top-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .tree-outline.timeline-data-grid .item:hover {
</span><span class="cx"> color: white;
</span><span class="cx"> border-radius: 4px;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineRulercss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -43,7 +43,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .header {
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx">
</span><span class="cx"> position: absolute;
</span><span class="cx"> top: 0;
</span><span class="lines">@@ -52,10 +52,6 @@
</span><span class="cx"> height: 29px;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .timeline-ruler > .header {
- border-bottom-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .timeline-ruler > .header > .divider {
</span><span class="cx"> position: absolute;
</span><span class="cx"> width: 1px;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -57,8 +57,8 @@
</span><span class="cx">
</span><span class="cx"> height: 29px;
</span><span class="cx">
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
- background-color: hsl(0, 0%, 94%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
+ background-color: var(--panel-background-color);
</ins><span class="cx"> color: hsl(0, 0%, 22%);
</span><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="lines">@@ -73,10 +73,6 @@
</span><span class="cx"> overflow: hidden;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar {
- border-bottom-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .sidebar > .panel.navigation.timeline > .title-bar.timelines {
</span><span class="cx"> top: 29px;
</span><span class="cx"> padding: 8px 9px;
</span><span class="lines">@@ -100,7 +96,7 @@
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .title-bar.timeline-events {
</span><span class="cx"> display: flex;
</span><span class="cx"> height: 23px;
</span><del>- border-top: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-top: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .title-bar.timeline-events > .title-bar-scope-bar {
</span><span class="lines">@@ -119,10 +115,6 @@
</span><span class="cx"> color: black;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar.timeline-events {
- border-top-color: hsl(0, 0%, 85%);
-}
-
</del><span class="cx"> .sidebar > .panel.navigation.timeline > .timelines-content {
</span><span class="cx"> position: absolute;
</span><span class="cx"> top: 58px;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsToolbarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -152,7 +152,7 @@
</span><span class="cx"> body.latest-mac .toolbar .item.button,
</span><span class="cx"> body.latest-mac .toolbar .search-bar > input[type="search"],
</span><span class="cx"> body.latest-mac .toolbar .dashboard-container {
</span><del>- background-image: linear-gradient(hsl(0, 0%, 99%), hsl(0, 0%, 94%));
</del><ins>+ background-image: linear-gradient(hsl(0, 0%, 99%), var(--panel-background-color));
</ins><span class="cx"> box-shadow: hsla(0, 0%, 0%, 0.3) 0 1px 1px -1px;
</span><span class="cx">
</span><span class="cx"> border-radius: 4px;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsVariablescss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Variables.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -1,5 +1,5 @@
</span><span class="cx"> /*
</span><del>- * Copyright (C) 2015 Apple Inc. All rights reserved.
</del><ins>+ * Copyright (C) 2015-2016 Apple Inc. All rights reserved.
</ins><span class="cx"> *
</span><span class="cx"> * Redistribution and use in source and binary forms, with or without
</span><span class="cx"> * modification, are permitted provided that the following conditions
</span><span class="lines">@@ -32,6 +32,9 @@
</span><span class="cx"> --z-index-glass-pane-for-drag: 2048;
</span><span class="cx"> --z-index-uncaught-exception-sheet: 4096;
</span><span class="cx">
</span><ins>+ --border-color: hsl(0, 0%, 70%);
+ --panel-background-color: hsl(0, 0%, 94%);
+
</ins><span class="cx"> --console-secondary-text-color: hsla(0, 0%, 0%, 0.33);
</span><span class="cx">
</span><span class="cx"> --syntax-highlight-number-color: hsl(248, 100%, 40%);
</span><span class="lines">@@ -40,8 +43,6 @@
</span><span class="cx"> --syntax-highlight-regexp-color: hsl(20, 100%, 44%);
</span><span class="cx"> --syntax-highlight-symbol-color: hsl(172, 45%, 45%);
</span><span class="cx">
</span><del>- --memory-active-divider-color: hsl(0, 0%, 70%);
- --memory-inactive-divider-color: hsl(0, 0%, 85%);
</del><span class="cx"> --memory-javascript-fill-color: hsl(269, 65%, 75%);
</span><span class="cx"> --memory-javascript-stroke-color: hsl(269, 33%, 50%);
</span><span class="cx"> --memory-images-fill-color: hsl(0, 65%, 75%);
</span><span class="lines">@@ -53,3 +54,7 @@
</span><span class="cx"> --memory-max-comparison-fill-color: hsl(220, 10%, 75%);
</span><span class="cx"> --memory-max-comparison-stroke-color: hsl(220, 10%, 55%);
</span><span class="cx"> }
</span><ins>+
+body.window-inactive * {
+ --border-color: hsl(0, 0%, 85%);
+}
</ins></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsVisualStyleSelectorSectioncss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleSelectorSection.css (196712 => 196713)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleSelectorSection.css 2016-02-17 20:27:56 UTC (rev 196712)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/VisualStyleSelectorSection.css 2016-02-17 20:29:50 UTC (rev 196713)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.visual-style-selector-section:not(.collapsed) > .header {
</span><del>- border-bottom: 1px solid hsl(0, 0%, 70%);
</del><ins>+ border-bottom: 1px solid var(--border-color);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @media (-webkit-min-device-pixel-ratio: 2) {
</span><span class="lines">@@ -105,7 +105,7 @@
</span><span class="cx"> height: 17px;
</span><span class="cx"> padding: 2px;
</span><span class="cx"> background-color: hsl(0, 0%, 95%);
</span><del>- border-color: hsl(0, 0%, 70%);
</del><ins>+ border-color: var(--border-color);
</ins><span class="cx"> border-style: solid;
</span><span class="cx"> border-width: 1px 0;
</span><span class="cx"> z-index: var(--z-index-header);
</span></span></pre>
</div>
</div>
</body>
</html>