<!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>[193012] branches/safari-601-branch/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/193012">193012</a></dd>
<dt>Author</dt> <dd>timothy@apple.com</dd>
<dt>Date</dt> <dd>2015-12-03 10:31:13 -0800 (Thu, 03 Dec 2015)</dd>
</dl>
<h3>Log Message</h3>
<pre>Merge <a href="http://trac.webkit.org/projects/webkit/changeset/187105">r187105</a>. rdar://problem/23221163</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branchessafari601branchSourceWebInspectorUIChangeLog">branches/safari-601-branch/Source/WebInspectorUI/ChangeLog</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceControllersCodeMirrorGradientEditingControllercss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Controllers/CodeMirrorGradientEditingController.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBoxModelDetailsSectionRowcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBreakpointcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Breakpoint.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBreakpointActionViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBreakpointTreeElementcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsButtonNavigationItemcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsButtonToolbarItemcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCSSStyleDeclarationSectioncss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCSSStyleDeclarationTextEditorcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCSSStyleDetailsSidebarPanelcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsChartDetailsSectionRowcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ChartDetailsSectionRow.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCodeMirrorOverridescss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CodeMirrorOverrides.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCompletionSuggestionsViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsConsoleMessageViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDOMStorageContentViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDOMTreeOutlinecss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDataGridcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DataGrid.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDatabaseContentViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DatabaseContentView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDebuggerDashboardViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDebuggerSidebarPanelcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDefaultDashboardViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDetailsSectioncss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDividerNavigationItemcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DividerNavigationItem.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsEditingcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Editing.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsFilterBarcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FilterBar.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsFindBannercss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FindBanner.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsFormattedValuecss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FormattedValue.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsGoToLineDialogcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsGradientSlidercss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GradientSlider.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsHierarchicalPathComponentcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsHoverMenucss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HoverMenu.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsImageResourceContentViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsIndexedDatabaseObjectStoreContentViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsLayerTreeDetailsSidebarPanelcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsLogContentViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/LogContentView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsMaincss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Main.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNavigationBarcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNavigationSidebarPanelcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNetworkGridContentViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkGridContentView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNetworkSidebarPanelcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkSidebarPanel.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNetworkTimelineOverviewGraphcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNewTabContentViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NewTabContentView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsObjectPreviewViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ObjectPreviewView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsObjectTreeViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsOverviewTimelineViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsProbeSetDataGridcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsQuickConsolecss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsRadioButtonNavigationItemcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsRenderingFrameTimelineOverviewGraphcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RenderingFrameTimelineOverviewGraph.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsReplayDashboardViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsResourceTreeElementcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ResourceTreeElement.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsRulesStyleDetailsPanelcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsScopeBarcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ScopeBar.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSearchBarcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SearchBar.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSearchSidebarPanelcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SearchSidebarPanel.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSidebarcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Sidebar.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSourceCodeTextEditorcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SourceCodeTextEditor.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSyntaxHighlightingDefaultThemecss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SyntaxHighlightingDefaultTheme.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTabBarcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TabBar.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTextEditorcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TextEditor.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineDataGridcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineOverviewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRecordBarcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRecordFramecss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRecordingContentViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRulercss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineSidebarPanelcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsToolbarcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Toolbar.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTreeElementStatusButtoncss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTypeTokenViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TypeTokenView.css</a></li>
<li><a href="#branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTypeTreeViewcss">branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TypeTreeView.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="branchessafari601branchSourceWebInspectorUIChangeLog"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/ChangeLog (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/ChangeLog 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/ChangeLog 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -1,5 +1,412 @@
</span><span class="cx"> 2015-12-01 Timothy Hatcher <timothy@apple.com>
</span><span class="cx">
</span><ins>+ Merge r187105. rdar://problem/23221163
+
+ 2015-07-21 Nikita Vasilyev <nvasilyev@apple.com>
+
+ Web Inspector: Convert all colors from RGB to HSL color scheme
+ https://bugs.webkit.org/show_bug.cgi?id=147143
+
+ HSL color scheme is more human friendly than RGB.
+
+ RGB -> HSL
+ RGB hex (e.g. #bada55 and #456) -> HSL
+ RGBA -> HSLA
+ Named colors (white, black, lightgoldenrodyellow) are unchanged
+
+ Reviewed by Timothy Hatcher.
+
+ * UserInterface/Controllers/CodeMirrorGradientEditingController.css:
+ (.gradient-editing-controller > label > input):
+ * UserInterface/Views/BoxModelDetailsSectionRow.css:
+ (.details-section .row.box-model .position):
+ (.details-section .row.box-model .margin):
+ (.details-section .row.box-model .margin.active):
+ (.details-section .row.box-model .border):
+ (.details-section .row.box-model .border.active):
+ (.details-section .row.box-model .padding):
+ (.details-section .row.box-model .padding.active):
+ (.details-section .row.box-model .content):
+ (.details-section .row.box-model .content.active):
+ * UserInterface/Views/Breakpoint.css:
+ (.popover .edit-breakpoint-popover-content > table > tr > th):
+ * UserInterface/Views/BreakpointActionView.css:
+ (.breakpoint-action-remove-button):
+ (.breakpoint-action-append-button):
+ (.breakpoint-action-block-body):
+ (.breakpoint-action-eval-editor):
+ * UserInterface/Views/BreakpointTreeElement.css:
+ (.breakpoint-generic-line-icon .icon > span):
+ (.data-updated.breakpoint-generic-line-icon .icon > span):
+ * UserInterface/Views/ButtonNavigationItem.css:
+ (.navigation-bar .item.button.text-only):
+ (.navigation-bar .item.button.suppress-emboss > .glyph):
+ * UserInterface/Views/ButtonToolbarItem.css:
+ (.toolbar .item.button > .label):
+ (.toolbar.label-only .item.activate.button.activated > .label):
+ * UserInterface/Views/CSSStyleDeclarationSection.css:
+ (.style-declaration-section > .header > .selector):
+ (.style-declaration-section > .header > .origin):
+ * UserInterface/Views/CSSStyleDeclarationTextEditor.css:
+ (.css-style-text-editor > .CodeMirror .CodeMirror-lines .css-style-declaration-property:matches(.disabled, .invalid, .other-vendor, .not-inherited, .overridden)):
+ (.css-style-text-editor > .CodeMirror .CodeMirror-lines .css-style-declaration-property.invalid):
+ (.css-style-text-editor > .CodeMirror .CodeMirror-lines .editing-line .css-style-declaration-property:matches(.disabled, .other-vendor, .not-inherited, .overridden)):
+ (.css-style-text-editor > .CodeMirror .CodeMirror-lines .color-swatch):
+ (.css-style-text-editor > .CodeMirror .CodeMirror-lines .color-swatch > span):
+ (.css-style-text-editor > .CodeMirror .CodeMirror-lines .color-swatch:hover > span):
+ (.css-style-text-editor > .CodeMirror .CodeMirror-lines .color-swatch:active > span):
+ (.css-style-text-editor > .CodeMirror .cm-link):
+ * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
+ (.sidebar > .panel.details.css-style > .content > .pseudo-classes):
+ (.sidebar > .panel.details.css-style > .content > .pseudo-classes > .group > label):
+ (.sidebar > .panel.details.css-style > .content.has-filter-bar + .filter-bar):
+ (.sidebar > .panel.details.css-style > .content.filter-in-progress .filter-matching):
+ (.sidebar > .panel.details.css-style > .content.filter-in-progress .style-declaration-section:not(.filter-section-has-label)):
+ * UserInterface/Views/ChartDetailsSectionRow.css:
+ (.details-section > .content > .group > .row.chart > .title):
+ (.details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > .label > .color-swatch):
+ (.details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > .label):
+ * UserInterface/Views/CodeMirrorOverrides.css:
+ (.CodeMirror .CodeMirror-selected):
+ (.CodeMirror .CodeMirror-lines .CodeMirror-matchingbracket):
+ (.CodeMirror .CodeMirror-lines .CodeMirror-nonmatchingbracket):
+ (.CodeMirror .CodeMirror-gutters):
+ (.CodeMirror .CodeMirror-linenumber):
+ * UserInterface/Views/CompletionSuggestionsView.css:
+ (.completion-suggestions):
+ (.completion-suggestions-container > .item:active):
+ * UserInterface/Views/ConsoleMessageView.css:
+ (.console-user-command.special-user-log > .console-message-text):
+ (.console-message .repeat-count):
+ (.console-message-preview-divider):
+ (.console-message-enclosed):
+ (.console-user-command > .console-message-text):
+ (.console-saved-variable):
+ * UserInterface/Views/DOMStorageContentView.css:
+ (.content-view.dom-storage > .data-grid tr.missing-value td.value-column):
+ (.content-view.dom-storage > .data-grid:focus tr.selected.missing-value td.value-column):
+ * UserInterface/Views/DOMTreeOutline.css:
+ (.dom-tree-outline li.hovered:not(.selected) .selection):
+ (.dom-tree-outline li.selected .selection):
+ (.dom-tree-outline li.elements-drag-over .selection):
+ (.dom-tree-outline:focus li.selected .selection):
+ (.showing-find-banner .dom-tree-outline .search-highlight):
+ * UserInterface/Views/DataGrid.css:
+ (.data-grid .highlight):
+ (.data-grid.inline):
+ (.data-grid th):
+ (body.window-inactive .data-grid th):
+ (.data-grid :matches(th, td):not(:last-child)):
+ (body.window-inactive .data-grid :matches(th, td):not(:last-child)):
+ (.data-grid th.sortable:active):
+ (.data-grid th:matches(.sort-ascending, .sort-descending)):
+ (.data-grid table.data):
+ (.data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child)):
+ (.data-grid tr.selected):
+ (.data-grid:matches(:focus, .force-focus) tr.selected):
+ (.data-grid td .subtitle):
+ (.data-grid:matches(:focus, .force-focus) tr.selected td .subtitle):
+ (.data-grid td.error):
+ * UserInterface/Views/DatabaseContentView.css:
+ (.storage-view .storage-table-error):
+ (.database-user-query):
+ (.database-query-text):
+ * UserInterface/Views/DebuggerDashboardView.css:
+ (.toolbar .dashboard.debugger):
+ (.dashboard.debugger .navigation-bar .item.button > .glyph):
+ (.dashboard.debugger > .divider):
+ (.dashboard.debugger > .location .function-name):
+ (.dashboard.debugger > .location .go-to-link):
+ * UserInterface/Views/DebuggerSidebarPanel.css:
+ (.sidebar > .panel.navigation.debugger.paused .details-section.scripts):
+ * UserInterface/Views/DefaultDashboardView.css:
+ (.toolbar .dashboard.default > .item.enabled:hover):
+ (.toolbar .dashboard.default > .item.enabled:active):
+ (.toolbar .dashboard.default > .item > div):
+ (.toolbar .dashboard.default > .item.enabled > div):
+ (.toolbar .dashboard.default > .item.enabled:hover > div):
+ (.toolbar .dashboard.default > .errors.enabled > div):
+ (.toolbar .dashboard.default > .errors.enabled:hover > div):
+ (.toolbar .dashboard.default > .issues.enabled > div):
+ (.toolbar .dashboard.default > .issues.enabled:hover > div):
+ * UserInterface/Views/DetailsSection.css:
+ (.details-section):
+ (.details-section .details-section):
+ (.details-section .details-section:first-child):
+ (.details-section > .header):
+ (.details-section .details-section > .header):
+ (.details-section .details-section:not(.collapsed) > .header):
+ (.details-section.computed-style-properties:not(.collapsed) > .header):
+ (.details-section > .header > label):
+ (.details-section > .content > .group):
+ (.details-section > .content > .group:nth-child(even) > .row:matches(.simple:first-child > *, :not(.simple):first-child)):
+ (.details-section > .content > .group > .row.simple > .label):
+ (.details-section > .content .data-grid tr:nth-child(odd)):
+ * UserInterface/Views/DividerNavigationItem.css:
+ (.navigation-bar .item.divider):
+ * UserInterface/Views/Editing.css:
+ (.editing):
+ * UserInterface/Views/FilterBar.css:
+ (.filter-bar):
+ (.filter-bar > input[type="search"]):
+ (.filter-bar > input[type="search"]::-webkit-input-placeholder):
+ * UserInterface/Views/FindBanner.css:
+ (.find-banner):
+ (body.window-inactive .find-banner):
+ (.find-banner > input[type="search"]):
+ (.find-banner > button):
+ (.find-banner > button:active:not(:disabled)):
+ (.find-banner > button:disabled):
+ * UserInterface/Views/FormattedValue.css:
+ (:matches(.formatted-array, .formatted-map, .formatted-set, .formatted-weakmap, .formatted-weakset) > .size):
+ (.formatted-number):
+ (.formatted-boolean):
+ (.formatted-string):
+ (.formatted-regexp):
+ (.formatted-symbol):
+ (.formatted-null, .formatted-undefined):
+ * UserInterface/Views/GoToLineDialog.css:
+ (.go-to-line-dialog):
+ (.go-to-line-dialog > div):
+ (.go-to-line-dialog > div > input):
+ (.go-to-line-dialog > div > input::-webkit-input-placeholder):
+ (.go-to-line-dialog > div > img):
+ (.go-to-line-dialog > div > img:active):
+ * UserInterface/Views/GradientSlider.css:
+ (.gradient-slider):
+ (.gradient-slider-knob > div):
+ * UserInterface/Views/HierarchicalPathComponent.css:
+ (.hierarchical-path-component > .title):
+ * UserInterface/Views/HoverMenu.css:
+ (.hover-menu > svg > :matches(path, rect)):
+ * UserInterface/Views/ImageResourceContentView.css:
+ (.content-view.resource.image):
+ * UserInterface/Views/IndexedDatabaseObjectStoreContentView.css:
+ (.content-view.indexed-database-object-store > .data-grid table.data tr:nth-child(odd)):
+ * UserInterface/Views/LayerTreeDetailsSidebarPanel.css:
+ (.panel.details.layer-tree .name-column :matches(.pseudo-element, .reflection)):
+ (.panel.details.layer-tree tr.selected .name-column :matches(.pseudo-element, .reflection)):
+ (.panel.details.layer-tree .bottom-bar):
+ * UserInterface/Views/LogContentView.css:
+ (.console-item):
+ (.console-session + .console-session):
+ (.console-messages a):
+ (.console-messages a:hover):
+ (.search-bar.log-search-bar > input[type="search"]):
+ (.search-in-progress .console-item:not(.filtered-out-by-search) .highlighted):
+ (.search-in-progress .console-item:not(.filtered-out-by-search) .highlighted.selected):
+ * UserInterface/Views/Main.css:
+ (body.docked.bottom):
+ (body.docked.right):
+ (body.window-inactive.docked.bottom):
+ (body.window-inactive.docked.right):
+ (#split-content-browser):
+ (body.window-inactive #split-content-browser):
+ (#split-content-browser > .navigation-bar):
+ (#split-content-browser .hierarchical-path-component.log-icon .title):
+ (.message-text-view):
+ (.message-text-view.error):
+ (.go-to-link):
+ (.value-with-clarification .clarification):
+ (.bouncy-highlight):
+ * UserInterface/Views/NavigationBar.css:
+ (.navigation-bar):
+ (body.window-inactive .navigation-bar):
+ * UserInterface/Views/NavigationSidebarPanel.css:
+ (.sidebar > .panel.navigation > .overflow-shadow):
+ (body.window-inactive .sidebar > .panel.navigation > .overflow-shadow):
+ (.sidebar > .panel.navigation > .empty-content-placeholder > .message):
+ (.navigation-sidebar-panel-content-tree-outline .item.selected):
+ (.navigation-sidebar-panel-content-tree-outline:matches(:focus, .force-focus) .item.selected):
+ (body.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected):
+ (.navigation-sidebar-panel-content-tree-outline .item .highlighted):
+ (.navigation-sidebar-panel-content-tree-outline .item .subtitle):
+ (.navigation-sidebar-panel-content-tree-outline:matches(:focus, .force-focus) .item.selected .subtitle):
+ * UserInterface/Views/NetworkGridContentView.css:
+ (.content-view.network-grid > .data-grid table.data):
+ * UserInterface/Views/NetworkSidebarPanel.css:
+ (.sidebar > .panel.navigation.network > .title-bar):
+ (body.window-inactive .sidebar > .panel.navigation.network > .title-bar):
+ (.sidebar > .panel.navigation.network.network-grid-content-view-showing > .content > .navigation-sidebar-panel-content-tree-outline):
+ * UserInterface/Views/NetworkTimelineOverviewGraph.css:
+ (.timeline-overview-graph.network:nth-child(even) > .graph-row > .timeline-record-bar > .segment:not(.inactive)):
+ * UserInterface/Views/NewTabContentView.css:
+ (.new-tab.tab.content-view):
+ (.new-tab.tab.content-view > .tab-item > .box):
+ * UserInterface/Views/ObjectPreviewView.css:
+ (.object-preview .name):
+ (.object-preview > .size):
+ * UserInterface/Views/ObjectTreeView.css:
+ (.object-tree-outline li .empty-message):
+ * UserInterface/Views/OverviewTimelineView.css:
+ (.timeline-view.overview > .timeline-ruler > .header):
+ (body.window-inactive .timeline-view.overview > .timeline-ruler > .header):
+ (.timeline-view.overview > .data-grid tr.parent:not(.expanded).selected td.graph-column .timeline-record-bar:not(.has-inactive-segment) > .segment):
+ (.timeline-view.overview > .data-grid:focus tr.parent:not(.expanded).selected td.graph-column .timeline-record-bar:not(.has-inactive-segment) > .segment):
+ (.timeline-view.overview > .data-grid tr.parent:not(.expanded).selected td.graph-column .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
+ (.timeline-view.overview > .data-grid:focus tr.parent:not(.expanded).selected td.graph-column .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
+ * UserInterface/Views/ProbeSetDataGrid.css:
+ (.details-section.probe-set .data-grid tr.past-value td):
+ (.details-section.probe-set .data-grid > td.unknown-value):
+ (@-webkit-keyframes blink-frame-highlight):
+ (100%):
+ (.details-section.probe-set .data-grid tr.separator):
+ (@-webkit-keyframes blink-probe-frame):
+ * UserInterface/Views/QuickConsole.css:
+ (.quick-console):
+ (body.window-inactive .quick-console):
+ (.quick-console.showing-log):
+ * UserInterface/Views/RadioButtonNavigationItem.css:
+ (.navigation-bar .item.radio.button.text-only:hover):
+ (.navigation-bar .item.radio.button.text-only.selected):
+ (.navigation-bar .item.radio.button.text-only:active):
+ (.navigation-bar .item.radio.button.text-only.selected:active):
+ * UserInterface/Views/RenderingFrameTimelineOverviewGraph.css:
+ (.timeline-overview-graph.rendering-frame > .divider):
+ (.timeline-overview-graph.rendering-frame > .divider > .label):
+ * UserInterface/Views/ReplayDashboardView.css:
+ (.toolbar .dashboard.replay):
+ * UserInterface/Views/ResourceTreeElement.css:
+ (.item.resource.failed):
+ (.item.resource.failed .subtitle):
+ * UserInterface/Views/RulesStyleDetailsPanel.css:
+ (.sidebar > .panel.details.css-style .rules .label):
+ (.sidebar > .panel.details.css-style > .content.filter-in-progress > .rules.filter-non-matching > .no-filter-results > .no-filter-results-message):
+ * UserInterface/Views/ScopeBar.css:
+ (.scope-bar > li):
+ (.scope-bar > li:hover):
+ (.scope-bar > li.selected):
+ (.scope-bar > li:active):
+ (.scope-bar > li.selected:active):
+ * UserInterface/Views/SearchBar.css:
+ (.search-bar > input[type="search"]):
+ (.search-bar > input[type="search"]::-webkit-input-placeholder):
+ * UserInterface/Views/SearchSidebarPanel.css:
+ (.sidebar > .panel.navigation.search > .search-bar):
+ * UserInterface/Views/Sidebar.css:
+ (.sidebar):
+ (.sidebar.left):
+ (.sidebar.right):
+ (body.window-inactive .sidebar.left):
+ (body.window-inactive .sidebar.right):
+ * UserInterface/Views/SourceCodeTextEditor.css:
+ (.source-code.text-editor > .CodeMirror .warning):
+ (.source-code.text-editor > .CodeMirror .error):
+ (.source-code.text-editor > .CodeMirror .issue-widget.warning):
+ (.source-code.text-editor > .CodeMirror .issue-widget.inline.warning):
+ (.source-code.text-editor > .CodeMirror .issue-widget.inline.warning > .arrow):
+ (.source-code.text-editor > .CodeMirror .issue-widget.error):
+ (.source-code.text-editor > .CodeMirror .issue-widget.inline.error):
+ (.source-code.text-editor > .CodeMirror .issue-widget.inline.error > .arrow):
+ (.popover .debugger-popover-content > .body):
+ * UserInterface/Views/SyntaxHighlightingDefaultTheme.css:
+ (.syntax-highlighted :matches(.css-comment, .javascript-comment, .html-comment)):
+ (.syntax-highlighted :matches(.css-keyword, .css-tag, .css-at-rule, .css-important, .javascript-keyword, .html-tag)):
+ (.syntax-highlighted :matches(.css-number, .javascript-number)):
+ (.syntax-highlighted :matches(.css-string, .javascript-string, .javascript-regexp, .html-attribute-value)):
+ (.syntax-highlighted :matches(.html-doctype, .html-processing-instruction)):
+ (.syntax-highlighted .html-attribute-name):
+ (.syntax-highlighted a):
+ (.supports-find-banner.showing-find-banner .syntax-highlighted .search-result):
+ (.cm-s-default .basic-block-has-not-executed):
+ (.cm-s-default .basic-block-has-not-executed.cm-m-css:matches(.cm-atom, .cm-meta, .cm-variable-3, .cm-property)):
+ (.cm-s-default .basic-block-has-not-executed:matches(.cm-number, .cm-atom.cm-hex-color)):
+ (.cm-s-default .basic-block-has-not-executed.cm-string):
+ (.cm-s-default .basic-block-has-not-executed.cm-m-xml.cm-meta):
+ * UserInterface/Views/TabBar.css:
+ (.tab-bar):
+ (body.window-inactive .tab-bar):
+ (.tab-bar > .top-border):
+ (body.window-inactive .tab-bar > .top-border):
+ (.tab-bar > .item):
+ (.tab-bar.dragging-tab > .item.selected):
+ (.tab-bar > .item:not(.disabled).selected):
+ (.tab-bar > .item.new-tab-button:not(.disabled):hover):
+ (.tab-bar:not(.animating) > .item:not(.selected, .disabled):hover + .item):
+ (body.window-inactive .tab-bar > .item):
+ (body.window-inactive .tab-bar > .item.selected):
+ (.tab-bar > .item > .close:hover):
+ (.tab-bar > .item > .title):
+ (.tab-bar:not(.animating) > .item:not(.selected):hover > .title):
+ (.tab-bar > .item.selected > .title):
+ (.tab-bar.animating.closing-tab > .item.selected):
+ (body.window-inactive .tab-bar.animating.closing-tab > .item.selected):
+ * UserInterface/Views/TextEditor.css:
+ (.text-editor > .CodeMirror .execution-line):
+ (.text-editor > .CodeMirror .hovered-expression-highlight):
+ (to):
+ * UserInterface/Views/TimelineDataGrid.css:
+ (.data-grid.timeline th):
+ (body.window-inactive .data-grid.timeline th):
+ (.timeline-data-grid-tree-outline .item:hover):
+ (.timeline-data-grid-tree-outline .item .subtitle):
+ * UserInterface/Views/TimelineOverview.css:
+ (.timeline-overview > .graphs-container > .timeline-overview-graph:nth-child(even)):
+ (.timeline-overview > .graphs-container > .timeline-overview-graph:not(:first-child)):
+ * UserInterface/Views/TimelineRecordBar.css:
+ (.timeline-record-bar > .segment):
+ (:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive):
+ (:matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
+ (.timeline-record-bar.timeline-record-type-network > .segment):
+ (.timeline-record-bar.timeline-record-type-network > .segment.inactive):
+ (.timeline-record-bar.timeline-record-type-layout > .segment):
+ (.timeline-record-bar.timeline-record-type-layout.layout-timeline-record-composite > .segment):
+ (.timeline-record-bar.timeline-record-type-script > .segment):
+ * UserInterface/Views/TimelineRecordFrame.css:
+ (.timeline-record-frame):
+ (.timeline-record-frame > .frame > .duration):
+ (.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-script):
+ (.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-layout):
+ (.timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-paint):
+ * UserInterface/Views/TimelineRecordingContentView.css:
+ (.content-view.timeline-recording > .content-view-container > .timeline-view > .data-grid table.data):
+ * UserInterface/Views/TimelineRuler.css:
+ (.timeline-ruler > .header):
+ (body.window-inactive .timeline-ruler > .header):
+ (.timeline-ruler > .header > .divider):
+ (body.window-inactive .timeline-ruler > .header > .divider):
+ (.timeline-ruler > .header > .divider > .label):
+ (.timeline-ruler > .markers > .divider):
+ (.timeline-ruler > .markers > .marker):
+ (.timeline-ruler > .markers > .marker.load-event):
+ (.timeline-ruler > .markers > .marker.dom-content-event):
+ (.timeline-ruler > .markers > .marker.timestamp):
+ (.timeline-ruler > .selection-handle):
+ (.timeline-ruler > .shaded-area):
+ * UserInterface/Views/TimelineSidebarPanel.css:
+ (.sidebar > .panel.navigation.timeline > .status-bar):
+ (body.window-inactive .sidebar > .panel.navigation.timeline > .status-bar):
+ (.sidebar > .panel.navigation.timeline > .status-bar > .record-status):
+ (.sidebar > .panel.navigation.timeline > .title-bar):
+ (body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar):
+ (.sidebar > .panel.navigation.timeline > .title-bar.timeline-events):
+ (body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar.timeline-events):
+ (.sidebar > .panel.navigation.timeline > .timelines-content li.item:not(.selected):nth-child(even)):
+ (.sidebar > .panel.navigation.timeline > .timelines-content li.item:not(.selected):not(:first-child)):
+ (.sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item):
+ (body.window-inactive .sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item):
+ (.sidebar > .panel.navigation.timeline > .timelines-content :focus li.item.selected + li.item):
+ * UserInterface/Views/TimelineView.css:
+ (.panel.navigation.timeline.timeline-recording-content-view-showing > .content > .navigation-sidebar-panel-content-tree-outline):
+ * UserInterface/Views/Toolbar.css:
+ (.toolbar):
+ (body.window-inactive .toolbar):
+ * UserInterface/Views/TreeElementStatusButton.css:
+ (.item > .status > .status-button > svg .filled):
+ (.item > .status > .status-button > svg .stroked):
+ * UserInterface/Views/TypeTokenView.css:
+ (.type-token-function, .type-token-boolean):
+ (.type-token-number):
+ (.type-token-string):
+ (.type-token-symbol):
+ (.type-token-default):
+ (.type-token-empty):
+ (.type-token-many):
+ * UserInterface/Views/TypeTreeView.css:
+ (.type-tree-outline li .empty-message):
+
+2015-12-01 Timothy Hatcher <timothy@apple.com>
+
</ins><span class="cx"> Merge r186877. rdar://problem/23221163
</span><span class="cx">
</span><span class="cx"> 2015-07-15 Matt Baker <mattbaker@apple.com>
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceControllersCodeMirrorGradientEditingControllercss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Controllers/CodeMirrorGradientEditingController.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Controllers/CodeMirrorGradientEditingController.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Controllers/CodeMirrorGradientEditingController.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -103,8 +103,8 @@
</span><span class="cx"> background-color: white;
</span><span class="cx">
</span><span class="cx"> border-radius: 4px;
</span><del>- border: 1px solid rgb(155,155,155);
- box-shadow: inset 0 0 1px 1px rgb(227,227,227);
</del><ins>+ border: 1px solid hsl(0, 0%, 60%);
+ box-shadow: inset 0 0 1px 1px hsl(0, 0%, 89%);
</ins><span class="cx"> outline: 0;
</span><span class="cx">
</span><span class="cx"> font-size: 13px;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBoxModelDetailsSectionRowcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -38,8 +38,8 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .position {
</span><del>- border: 1px rgb(66%, 66%, 66%) dotted;
- background-color: rgb(231, 231, 231);
</del><ins>+ border: 1px hsl(0, 0%, 65%) dotted;
+ background-color: hsl(0, 0%, 90%);
</ins><span class="cx"> display: inline-block;
</span><span class="cx"> text-align: center;
</span><span class="cx"> padding: 3px;
</span><span class="lines">@@ -48,7 +48,7 @@
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .margin {
</span><span class="cx"> border: 1px dashed;
</span><del>- background-color: rgb(231, 231, 231);
</del><ins>+ background-color: hsl(0, 0%, 90%);
</ins><span class="cx"> display: inline-block;
</span><span class="cx"> text-align: center;
</span><span class="cx"> vertical-align: middle;
</span><span class="lines">@@ -57,12 +57,12 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .margin.active {
</span><del>- background-color: rgba(246, 178, 107, .66);
</del><ins>+ background-color: hsla(30, 88%, 69%, 0.66);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .border {
</span><span class="cx"> border: 1px black solid;
</span><del>- background-color: rgb(231, 231, 231);
</del><ins>+ background-color: hsl(0, 0%, 90%);
</ins><span class="cx"> display: inline-block;
</span><span class="cx"> text-align: center;
</span><span class="cx"> vertical-align: middle;
</span><span class="lines">@@ -71,12 +71,12 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .border.active {
</span><del>- background-color: rgba(255, 229, 153, .66);
</del><ins>+ background-color: hsla(44, 100%, 80%, 0.66);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .padding {
</span><span class="cx"> border: 1px grey dashed;
</span><del>- background-color: rgb(231, 231, 231);
</del><ins>+ background-color: hsl(0, 0%, 90%);
</ins><span class="cx"> display: inline-block;
</span><span class="cx"> text-align: center;
</span><span class="cx"> vertical-align: middle;
</span><span class="lines">@@ -85,13 +85,13 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .padding.active {
</span><del>- background-color: rgba(147, 196, 125, .55);
</del><ins>+ background-color: hsla(101, 37%, 62%, 0.55);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .content {
</span><span class="cx"> position: static;
</span><span class="cx"> border: 1px gray solid;
</span><del>- background-color: rgb(231, 231, 231);
</del><ins>+ background-color: hsl(0, 0%, 90%);
</ins><span class="cx"> display: inline-block;
</span><span class="cx"> text-align: center;
</span><span class="cx"> vertical-align: middle;
</span><span class="lines">@@ -102,7 +102,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .content.active {
</span><del>- background-color: rgba(111, 168, 220, .66);
</del><ins>+ background-color: hsla(208, 60%, 64%, 0.66);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .row.box-model .content span {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBreakpointcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Breakpoint.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Breakpoint.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Breakpoint.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -44,7 +44,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .popover .edit-breakpoint-popover-content > table > tr > th {
</span><del>- color: rgb(89, 89, 89);
</del><ins>+ color: hsl(0, 0%, 34%);
</ins><span class="cx"> font-weight: bold;
</span><span class="cx"> text-align: right;
</span><span class="cx"> width: 1px; /* Shrink to fit. */
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBreakpointActionViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx">
</span><span class="cx"> .breakpoint-action-append-button,
</span><span class="cx"> .breakpoint-action-remove-button {
</span><del>- border: 1px solid rgb(170, 170, 170);
</del><ins>+ border: 1px solid hsl(0, 0%, 66%);
</ins><span class="cx"> border-radius: 10px;
</span><span class="cx"> background-size: 16px 16px;
</span><span class="cx"> background-origin: border-box;
</span><span class="lines">@@ -46,11 +46,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .breakpoint-action-append-button {
</span><del>- background-image: url(../Images/BreakpointActionAdd.svg), linear-gradient(to bottom, rgb(250, 250, 250), rgb(200, 200, 200));
</del><ins>+ background-image: url(../Images/BreakpointActionAdd.svg), linear-gradient(to bottom, hsl(0, 0%, 98%), hsl(0, 0%, 78%));
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .breakpoint-action-remove-button {
</span><del>- background-image: url(../Images/BreakpointActionRemove.svg), linear-gradient(to bottom, rgb(250, 250, 250), rgb(200, 200, 200));
</del><ins>+ background-image: url(../Images/BreakpointActionRemove.svg), linear-gradient(to bottom, hsl(0, 0%, 98%), hsl(0, 0%, 78%));
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .breakpoint-action-block-body {
</span><span class="lines">@@ -58,9 +58,9 @@
</span><span class="cx"> padding: 8px;
</span><span class="cx"> width: 100%;
</span><span class="cx"> border-radius: 4px;
</span><del>- border: 1px solid rgb(190, 190, 190);
- background-color: rgba(222, 222, 222, 0.95);
- box-shadow: inset 0 0 2px rgb(200, 200, 200);
</del><ins>+ border: 1px solid hsl(0, 0%, 74%);
+ background-color: hsla(0, 0%, 87%, 0.95);
+ box-shadow: inset 0 0 2px hsl(0, 0%, 78%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .breakpoint-action-block-body > input {
</span><span class="lines">@@ -70,7 +70,7 @@
</span><span class="cx"> .breakpoint-action-eval-editor {
</span><span class="cx"> padding: 4px 0 2px 0;
</span><span class="cx"> -webkit-appearance: textfield;
</span><del>- border: 1px solid rgb(200, 200, 200);
</del><ins>+ border: 1px solid hsl(0, 0%, 78%);
</ins><span class="cx"> background: white;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsBreakpointTreeElementcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/BreakpointTreeElement.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -71,12 +71,12 @@
</span><span class="cx"> border-radius: 50%;
</span><span class="cx"> -webkit-transform: scale(0);
</span><span class="cx"> transition: none;
</span><del>- background-color: rgba(76, 102, 143, 1);
</del><ins>+ background-color: hsl(216, 30%, 42%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-updated.breakpoint-generic-line-icon .icon > span {
</span><span class="cx"> border-radius: 0;
</span><span class="cx"> -webkit-transform: scale(0.85);
</span><span class="cx"> transition: all .4s ease-out;
</span><del>- background-color: rgba(76, 102, 143, 0.1);
</del><ins>+ background-color: hsla(216, 30%, 42%, 0.1);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsButtonNavigationItemcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -33,7 +33,7 @@
</span><span class="cx"> margin: 0 2px;
</span><span class="cx">
</span><span class="cx"> line-height: 11px;
</span><del>- color: rgb(46, 46, 46);
</del><ins>+ color: hsl(0, 0%, 18%);
</ins><span class="cx"> border: 1px solid transparent;
</span><span class="cx"> border-radius: 3px;
</span><span class="cx"> text-align: center;
</span><span class="lines">@@ -69,7 +69,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-bar .item.button.suppress-emboss > .glyph {
</span><del>- background-color: rgb(95, 95, 95);
</del><ins>+ background-color: hsl(0, 0%, 37%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-bar .item.button.suppress-emboss:active > .glyph {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsButtonToolbarItemcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -60,11 +60,11 @@
</span><span class="cx">
</span><span class="cx"> .toolbar .item.button > .label {
</span><span class="cx"> text-align: center;
</span><del>- color: rgb(80, 80, 80);
</del><ins>+ color: hsl(0, 0%, 31%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar.label-only .item.activate.button.activated > .label {
</span><del>- color: rgb(35, 125, 195);
</del><ins>+ color: hsl(206, 69%, 45%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar.icon-and-label-horizontal .item.button > .label {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCSSStyleDeclarationSectioncss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -88,7 +88,7 @@
</span><span class="cx">
</span><span class="cx"> .style-declaration-section > .header > .selector {
</span><span class="cx"> font-family: Menlo, monospace;
</span><del>- color: rgb(128, 128, 128);
</del><ins>+ color: hsl(0, 0%, 50%);
</ins><span class="cx">
</span><span class="cx"> outline: none;
</span><span class="cx">
</span><span class="lines">@@ -142,7 +142,7 @@
</span><span class="cx"> .style-declaration-section > .header > .origin {
</span><span class="cx"> line-height: 10px;
</span><span class="cx">
</span><del>- color: rgb(128, 128, 128);
</del><ins>+ color: hsl(0, 0%, 50%);
</ins><span class="cx">
</span><span class="cx"> word-wrap: break-word;
</span><span class="cx"> white-space: nowrap;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCSSStyleDeclarationTextEditorcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationTextEditor.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -70,12 +70,12 @@
</span><span class="cx"> .css-style-text-editor > .CodeMirror .CodeMirror-lines .css-style-declaration-property:matches(.disabled, .invalid, .other-vendor, .not-inherited, .overridden) {
</span><span class="cx"> text-decoration: line-through;
</span><span class="cx"> -webkit-text-stroke-width: 0.000000000000001px; /* A hack to get a different line-through color. */
</span><del>- -webkit-text-stroke-color: rgba(0, 0, 0, 0.6);
</del><ins>+ -webkit-text-stroke-color: hsla(0, 0%, 0%, 0.6);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .css-style-text-editor > .CodeMirror .CodeMirror-lines pre > span span:not(.css-style-declaration-property, .CodeMirror-widget, .cm-comment, .cm-tab),
</span><span class="cx"> .css-style-text-editor > .CodeMirror .CodeMirror-lines .css-style-declaration-property.invalid {
</span><del>- -webkit-text-stroke-color: rgba(255, 0, 0, 0.6);
</del><ins>+ -webkit-text-stroke-color: hsla(0, 100%, 50%, 0.6);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .css-style-text-editor > .CodeMirror .CodeMirror-lines .invalid-warning-marker {
</span><span class="lines">@@ -100,7 +100,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .css-style-text-editor > .CodeMirror .CodeMirror-lines .editing-line .css-style-declaration-property:matches(.disabled, .other-vendor, .not-inherited, .overridden) {
</span><del>- -webkit-text-stroke-color: rgba(0, 0, 0, 0.3);
</del><ins>+ -webkit-text-stroke-color: hsla(0, 0%, 0%, 0.3);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .css-style-text-editor > .CodeMirror .CodeMirror-lines .editing-line span:not(.css-style-declaration-property, .CodeMirror-widget, .cm-comment, .cm-tab),
</span><span class="lines">@@ -139,8 +139,8 @@
</span><span class="cx"> position: relative;
</span><span class="cx">
</span><span class="cx"> /* Make a checkered background for transparent colors to show against. */
</span><del>- background-image: linear-gradient(to bottom, rgb(204, 204, 204), rgb(204, 204, 204)),
- linear-gradient(to bottom, rgb(204, 204, 204), rgb(204, 204, 204));
</del><ins>+ background-image: linear-gradient(to bottom, hsl(0, 0%, 80%), hsl(0, 0%, 80%)),
+ linear-gradient(to bottom, hsl(0, 0%, 80%), hsl(0, 0%, 80%));
</ins><span class="cx"> background-color: white;
</span><span class="cx"> background-size: calc(50%);
</span><span class="cx"> background-position: top left, bottom right;
</span><span class="lines">@@ -156,20 +156,20 @@
</span><span class="cx"> right: 0;
</span><span class="cx"> bottom: 0;
</span><span class="cx">
</span><del>- border: 1px solid rgba(64, 64, 64, 0.4);
</del><ins>+ border: 1px solid hsla(0, 0%, 25%, 0.4);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .css-style-text-editor > .CodeMirror .CodeMirror-lines .color-swatch:hover > span {
</span><del>- border: 1px solid rgba(64, 64, 64, 0.8);
</del><ins>+ border: 1px solid hsla(0, 0%, 25%, 0.8);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .css-style-text-editor > .CodeMirror .CodeMirror-lines .color-swatch:active > span {
</span><del>- border: 1px solid rgba(64, 64, 64, 1);
</del><ins>+ border: 1px solid hsl(0, 0%, 25%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .css-style-text-editor > .CodeMirror .cm-link {
</span><span class="cx"> /* Style url(...) links as if they are strings. */
</span><del>- color: rgb(196, 26, 22);
</del><ins>+ color: hsl(1, 79%, 42%);
</ins><span class="cx"> text-decoration: inherit;
</span><span class="cx"> cursor: inherit;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCSSStyleDetailsSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -48,7 +48,7 @@
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style > .content > .pseudo-classes {
</span><span class="cx"> padding: 10px;
</span><del>- border-bottom: 1px solid rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx">
</span><span class="cx"> display: flex;
</span><span class="cx"> flex-flow: row wrap;
</span><span class="lines">@@ -63,7 +63,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style > .content > .pseudo-classes > .group > label {
</span><del>- color: rgb(96, 96, 96);
</del><ins>+ color: hsl(0, 0%, 37%);
</ins><span class="cx"> text-shadow: white 0 1px 0;
</span><span class="cx">
</span><span class="cx"> margin: 0 5px;
</span><span class="lines">@@ -78,7 +78,7 @@
</span><span class="cx"> bottom: 0;
</span><span class="cx"> width: 100%;
</span><span class="cx"> background-color: white;
</span><del>- border-top: 1px solid rgb(179, 179, 179);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style > .content:not(.has-filter-bar) + .filter-bar {
</span><span class="lines">@@ -87,8 +87,8 @@
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style > .content.filter-in-progress .filter-matching {
</span><span class="cx"> display: inline;
</span><del>- background-color: rgba(235, 215, 38, 0.5);
- border-bottom: 1px solid rgb(237, 202, 71);
</del><ins>+ background-color: hsla(53, 83%, 53%, 0.5);
+ border-bottom: 1px solid hsl(47, 82%, 60%);
</ins><span class="cx"> opacity: 1;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -104,7 +104,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 rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</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="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsChartDetailsSectionRowcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ChartDetailsSectionRow.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ChartDetailsSectionRow.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ChartDetailsSectionRow.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -24,7 +24,7 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group > .row.chart > .title {
</span><del>- color: rgb(57, 57, 57);
</del><ins>+ color: hsl(0, 0%, 22%);
</ins><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> overflow: hidden;
</span><span class="lines">@@ -59,11 +59,11 @@
</span><span class="cx"> height: 8px;
</span><span class="cx"> margin-right: 6px;
</span><span class="cx">
</span><del>- border: solid 1px rgb(102, 102, 102);
</del><ins>+ border: solid 1px hsl(0, 0%, 40%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > .label {
</span><del>- color: rgb(51, 51, 51);
</del><ins>+ color: hsl(0, 0%, 20%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group > .row.chart > .chart-content > .legend > .legend-item > .value {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCodeMirrorOverridescss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CodeMirrorOverrides.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CodeMirrorOverrides.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CodeMirrorOverrides.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -42,7 +42,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .CodeMirror .CodeMirror-selected {
</span><del>- background-color: rgb(212, 212, 212);
</del><ins>+ background-color: hsl(0, 0%, 83%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .CodeMirror.CodeMirror-focused .CodeMirror-selected {
</span><span class="lines">@@ -55,26 +55,26 @@
</span><span class="cx">
</span><span class="cx"> .CodeMirror .CodeMirror-lines .CodeMirror-matchingbracket {
</span><span class="cx"> color: inherit;
</span><del>- background-color: rgba(100, 130, 235, 0.2);
- border-bottom: 1px dotted rgb(20, 20, 235);
</del><ins>+ background-color: hsla(226, 77%, 65%, 0.2);
+ border-bottom: 1px dotted hsl(240, 84%, 50%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .CodeMirror .CodeMirror-lines .CodeMirror-nonmatchingbracket {
</span><span class="cx"> color: inherit;
</span><del>- background-color: rgba(235, 30, 20, 0.2);
- border-bottom: 1px dotted rgb(235, 30, 20);
</del><ins>+ background-color: hsla(2, 84%, 50%, 0.2);
+ border-bottom: 1px dotted hsl(2, 84%, 50%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .CodeMirror .CodeMirror-gutters {
</span><del>- background-color: rgb(247, 247, 247);
- border-right: 1px solid rgb(231, 231, 231);
</del><ins>+ background-color: hsl(0, 0%, 96%);
+ border-right: 1px solid hsl(0, 0%, 90%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .CodeMirror .CodeMirror-linenumber {
</span><span class="cx"> padding: 0 2px;
</span><span class="cx"> min-width: 22px;
</span><span class="cx">
</span><del>- color: rgb(146, 146, 146);
</del><ins>+ color: hsl(0, 0%, 57%);
</ins><span class="cx">
</span><span class="cx"> font: 8px/13px -apple-system-monospaced-numbers, Menlo, Monaco, monospace;
</span><span class="cx"> text-align: right;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsCompletionSuggestionsViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -27,7 +27,7 @@
</span><span class="cx"> position: absolute;
</span><span class="cx"> display: block;
</span><span class="cx">
</span><del>- background-color: rgba(255, 255, 255, 0.9);
</del><ins>+ background-color: hsla(0, 0%, 100%, 0.9);
</ins><span class="cx"> border-radius: 5px;
</span><span class="cx">
</span><span class="cx"> z-index: 100;
</span><span class="lines">@@ -35,7 +35,7 @@
</span><span class="cx"> margin-top: -1px;
</span><span class="cx"> margin-left: -10px;
</span><span class="cx">
</span><del>- box-shadow: rgba(0, 0, 0, 0.25) 0 5px 10px, rgba(0, 0, 0, 0.15) 0 0 0 1px;
</del><ins>+ box-shadow: hsla(0, 0%, 0%, 0.25) 0 5px 10px, hsla(0, 0%, 0%, 0.15) 0 0 0 1px;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .completion-suggestions > .completion-suggestions-container {
</span><span class="lines">@@ -70,9 +70,9 @@
</span><span class="cx">
</span><span class="cx"> .completion-suggestions-container:not(:active) > .item.selected,
</span><span class="cx"> .completion-suggestions-container > .item:active {
</span><del>- box-shadow: inset rgb(87, 152, 206) 0 1px 0;
- background: linear-gradient(to bottom, rgb(110, 167, 216), rgb(36, 114, 181));
</del><ins>+ box-shadow: inset hsl(207, 54%, 57%) 0 1px 0;
+ background: linear-gradient(to bottom, hsl(207, 57%, 63%), hsl(207, 66%, 42%));
</ins><span class="cx">
</span><span class="cx"> color: white;
</span><del>- text-shadow: rgb(51, 88, 123) 0 1px 0;
</del><ins>+ text-shadow: hsl(209, 41%, 34%) 0 1px 0;
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsConsoleMessageViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -33,7 +33,7 @@
</span><span class="cx"> padding: 1px 6px;
</span><span class="cx"> border-radius: 3px;
</span><span class="cx"> border: 1px solid transparent;
</span><del>- background-color: rgb(34, 131, 246);
</del><ins>+ background-color: hsl(212, 92%, 54%);
</ins><span class="cx"> color: white;
</span><span class="cx"> font-size: 10px;
</span><span class="cx"> -webkit-user-select: none;
</span><span class="lines">@@ -47,7 +47,7 @@
</span><span class="cx"> margin: 0 4px 0 0;
</span><span class="cx">
</span><span class="cx"> height: 15px;
</span><del>- background-color: rgb(128, 151, 189);
</del><ins>+ background-color: hsl(217, 31%, 62%);
</ins><span class="cx"> vertical-align: middle;
</span><span class="cx"> white-space: nowrap;
</span><span class="cx">
</span><span class="lines">@@ -94,13 +94,13 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-message-preview-divider {
</span><del>- color: rgba(0, 0, 0, 0.33);
</del><ins>+ color: hsla(0, 0%, 0%, 0.33);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-message-enclosed {
</span><span class="cx"> font-family: Menlo, monospace;
</span><span class="cx"> font-size: 11px;
</span><del>- color: rgba(0, 0, 0, 0.33);
</del><ins>+ color: hsla(0, 0%, 0%, 0.33);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-message .console-message-extra-parameters-container,
</span><span class="lines">@@ -208,13 +208,13 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-user-command > .console-message-text {
</span><del>- color: rgb(0, 128, 255);
</del><ins>+ color: hsl(209, 100%, 50%);
</ins><span class="cx"> -webkit-user-select: text;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-saved-variable {
</span><span class="cx"> font-style: normal;
</span><del>- color: rgba(0, 0, 0, 0.33);
</del><ins>+ color: hsla(0, 0%, 0%, 0.33);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-user-command,
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDOMStorageContentViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -33,10 +33,10 @@
</span><span class="cx">
</span><span class="cx"> .content-view.dom-storage > .data-grid tr:matches(.duplicate-key, .missing-key) td.key-column,
</span><span class="cx"> .content-view.dom-storage > .data-grid tr.missing-value td.value-column {
</span><del>- background-color: #fee;
</del><ins>+ background-color: hsl(0, 100%, 96%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .content-view.dom-storage > .data-grid:focus tr.selected:matches(.duplicate-key, .missing-key) td.key-column,
</span><span class="cx"> .content-view.dom-storage > .data-grid:focus tr.selected.missing-value td.value-column {
</span><del>- background-color: #daa;
</del><ins>+ background-color: hsl(0, 42%, 76%);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDOMTreeOutlinecss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -44,7 +44,7 @@
</span><span class="cx"> left: 3px;
</span><span class="cx"> right: 3px;
</span><span class="cx">
</span><del>- background-color: rgba(0, 128, 252, 0.1);
</del><ins>+ background-color: hsla(209, 100%, 49%, 0.1);
</ins><span class="cx"> border-radius: 5px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -59,17 +59,17 @@
</span><span class="cx">
</span><span class="cx"> .dom-tree-outline li.selected .selection {
</span><span class="cx"> display: block;
</span><del>- background-color: rgb(212, 212, 212);
</del><ins>+ background-color: hsl(0, 0%, 83%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .dom-tree-outline li.elements-drag-over .selection {
</span><span class="cx"> display: block;
</span><span class="cx"> margin-top: -2px;
</span><del>- border-top: 2px solid rgb(0, 128, 252);
</del><ins>+ border-top: 2px solid hsl(209, 100%, 49%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .dom-tree-outline:focus li.selected .selection {
</span><del>- background-color: rgb(0, 128, 252);
</del><ins>+ background-color: hsl(209, 100%, 49%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .dom-tree-outline li.selected > span::after {
</span><span class="lines">@@ -156,8 +156,8 @@
</span><span class="cx">
</span><span class="cx"> .showing-find-banner .dom-tree-outline .search-highlight {
</span><span class="cx"> color: black;
</span><del>- background-color: rgba(235, 215, 38, 0.2);
- border-bottom: 1px solid rgb(237, 202, 71);
</del><ins>+ background-color: hsla(53, 83%, 53%, 0.2);
+ border-bottom: 1px solid hsl(47, 82%, 60%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .webkit-html-fragment.shadow {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDataGridcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DataGrid.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DataGrid.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DataGrid.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid .highlight {
</span><del>- background-color: rgb(255, 230, 179);
</del><ins>+ background-color: hsl(40, 100%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid tr.selected .highlight {
</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 rgb(179, 179, 179);
</del><ins>+ border: 1px solid hsl(0, 0%, 70%);
</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 rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx">
</span><span class="cx"> font-weight: normal;
</span><span class="cx">
</span><span class="lines">@@ -87,23 +87,23 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .data-grid th {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid :matches(th, td):not(:last-child) {
</span><del>- border-right: 1px solid rgb(179, 179, 179);
</del><ins>+ border-right: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .data-grid :matches(th, td):not(:last-child) {
</span><del>- border-right-color: rgb(219, 219, 219);
</del><ins>+ border-right-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid th.sortable:active {
</span><del>- background-color: rgb(179, 179, 179);
</del><ins>+ background-color: hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid th:matches(.sort-ascending, .sort-descending) {
</span><del>- background-color: rgb(230, 230, 230);
</del><ins>+ background-color: hsl(0, 0%, 90%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid tr.filler {
</span><span class="lines">@@ -124,7 +124,7 @@
</span><span class="cx"> bottom: 0;
</span><span class="cx"> height: 100%;
</span><span class="cx"> border-top: 0 none transparent;
</span><del>- background-image: linear-gradient(to bottom, white, white 50%, rgb(243, 246, 250) 50%, rgb(243, 246, 250));
</del><ins>+ background-image: linear-gradient(to bottom, white, white 50%, hsl(214, 41%, 96%) 50%, hsl(214, 41%, 96%));
</ins><span class="cx"> background-size: 100% 42px;
</span><span class="cx"> table-layout: fixed;
</span><span class="cx"> }
</span><span class="lines">@@ -152,7 +152,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid:matches(:focus, .force-focus) tr.selected td:not(:last-child) {
</span><del>- border-right-color: rgb(0, 102, 204);
</del><ins>+ border-right-color: hsl(210, 100%, 40%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid :matches(th, td) > div {
</span><span class="lines">@@ -248,12 +248,12 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid tr.selected {
</span><del>- background-color: rgb(212, 212, 212) !important;
</del><ins>+ background-color: hsl(0, 0%, 83%) !important;
</ins><span class="cx"> color: inherit !important;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid:matches(:focus, .force-focus) tr.selected {
</span><del>- background-color: rgb(0, 128, 252) !important;
</del><ins>+ background-color: hsl(209, 100%, 49%) !important;
</ins><span class="cx"> color: white !important;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -262,7 +262,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid td .subtitle {
</span><del>- color: rgba(0, 0, 0, 0.7);
</del><ins>+ color: hsla(0, 0%, 0%, 0.7);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid td .subtitle::before {
</span><span class="lines">@@ -270,11 +270,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid:matches(:focus, .force-focus) tr.selected td .subtitle {
</span><del>- color: rgba(255, 255, 255, 0.9);
</del><ins>+ color: hsla(0, 0%, 100%, 0.9);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid td.error {
</span><del>- color: rgb(224, 16, 16);
</del><ins>+ color: hsl(0, 86%, 47%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid tr.selected td.error {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDatabaseContentViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DatabaseContentView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DatabaseContentView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DatabaseContentView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -32,7 +32,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .storage-view .storage-table-error {
</span><del>- color: rgb(66%, 33%, 33%);
</del><ins>+ color: hsl(0, 33%, 49%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .storage-view.query {
</span><span class="lines">@@ -73,7 +73,7 @@
</span><span class="cx">
</span><span class="cx"> .database-user-query {
</span><span class="cx"> position: relative;
</span><del>- border-bottom: 1px solid rgb(245, 245, 245);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 96%);
</ins><span class="cx"> padding: 4px 22px 4px 18px;
</span><span class="cx"> min-height: 16px;
</span><span class="cx"> }
</span><span class="lines">@@ -83,7 +83,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .database-query-text {
</span><del>- color: rgb(0, 128, 255);
</del><ins>+ color: hsl(209, 100%, 50%);
</ins><span class="cx"> -webkit-user-select: text;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDebuggerDashboardViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -29,8 +29,8 @@
</span><span class="cx"> align-items: center;
</span><span class="cx">
</span><span class="cx"> text-align: center;
</span><del>- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
- color: rgb(60, 60, 60);
</del><ins>+ text-shadow: hsla(0, 0%, 100%, 0.5) 0 1px 0;
+ color: hsl(0, 0%, 23%);
</ins><span class="cx"> padding: 0 12px 0 5px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -63,7 +63,7 @@
</span><span class="cx"> -webkit-animation-timing-function: ease-out;
</span><span class="cx"> -webkit-animation-iteration-count: infinite;
</span><span class="cx"> -webkit-animation-direction: alternate;
</span><del>- background-color: rgb(102, 155, 199) !important;
</del><ins>+ background-color: hsl(207, 46%, 59%) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @-webkit-keyframes pulse-pause-button {
</span><span class="lines">@@ -77,7 +77,7 @@
</span><span class="cx">
</span><span class="cx"> margin: 0 10px;
</span><span class="cx">
</span><del>- background-image: linear-gradient(rgb(190, 190, 190), rgb(190, 190, 190));
</del><ins>+ background-image: linear-gradient(hsl(0, 0%, 74%), hsl(0, 0%, 74%));
</ins><span class="cx"> background-size: 100% 66%;
</span><span class="cx"> background-repeat: no-repeat;
</span><span class="cx"> background-position: center;
</span><span class="lines">@@ -115,7 +115,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .dashboard.debugger > .location .function-name {
</span><del>- color: rgb(30, 30, 30);
</del><ins>+ color: hsl(0, 0%, 11%);
</ins><span class="cx"> padding-bottom: 1px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -125,7 +125,7 @@
</span><span class="cx">
</span><span class="cx"> .dashboard.debugger > .location .go-to-link {
</span><span class="cx"> padding-bottom: 1px;
</span><del>- -webkit-text-decoration-color: #aaa;
</del><ins>+ -webkit-text-decoration-color: hsl(0, 0%, 66%);
</ins><span class="cx">
</span><span class="cx"> flex: initial;
</span><span class="cx"> text-overflow: ellipsis;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDebuggerSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -56,7 +56,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 rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</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="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDefaultDashboardViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -60,11 +60,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .item.enabled:hover {
</span><del>- border: 1px solid rgba(0, 0, 0, 0.1);
</del><ins>+ border: 1px solid hsla(0, 0%, 0%, 0.1);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .item.enabled:active {
</span><del>- border: 1px solid rgba(0, 0, 0, 0.2);
</del><ins>+ border: 1px solid hsla(0, 0%, 0%, 0.2);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .item > * {
</span><span class="lines">@@ -91,16 +91,16 @@
</span><span class="cx"> display: flex;
</span><span class="cx"> flex: 1;
</span><span class="cx">
</span><del>- color: rgba(0, 0, 0, 0.2);
</del><ins>+ color: hsla(0, 0%, 0%, 0.2);
</ins><span class="cx"> padding-left: 2px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .item.enabled > div {
</span><del>- color: rgba(0, 0, 0, 0.7);
</del><ins>+ color: hsla(0, 0%, 0%, 0.7);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .item.enabled:hover > div {
</span><del>- color: rgba(0, 0, 0, 0.85);
</del><ins>+ color: hsla(0, 0%, 0%, 0.85);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .resourcesCount > img {
</span><span class="lines">@@ -133,11 +133,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .errors.enabled > div {
</span><del>- color: rgba(201, 55, 57, 0.9);
</del><ins>+ color: hsla(359, 57%, 50%, 0.9);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .errors.enabled:hover > div {
</span><del>- color: rgb(201, 55, 57);
</del><ins>+ color: hsl(359, 57%, 50%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .issues > img {
</span><span class="lines">@@ -154,11 +154,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .issues.enabled > div {
</span><del>- color: rgba(224, 164, 4, 0.9);
</del><ins>+ color: hsla(43, 96%, 44%, 0.9);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.default > .issues.enabled:hover > div {
</span><del>- color: rgb(224, 164, 4);
</del><ins>+ color: hsl(43, 96%, 44%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* Styles for the pulsing animated state of console items */
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDetailsSectioncss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -25,12 +25,12 @@
</span><span class="cx">
</span><span class="cx"> .details-section {
</span><span class="cx"> font-size: 10px;
</span><del>- background-color: rgb(242, 242, 242);
- border-bottom: 1px solid rgb(179, 179, 179);
</del><ins>+ background-color: hsl(0, 0%, 94%);
+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .details-section {
</span><del>- background-color: rgb(255, 255, 255);
</del><ins>+ background-color: hsl(0, 0%, 100%);
</ins><span class="cx"> border-color: hsla(0, 0%, 0%, 0.15);
</span><span class="cx"> }
</span><span class="cx">
</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 rgb(179, 179, 179);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .header {
</span><span class="lines">@@ -47,8 +47,8 @@
</span><span class="cx"> top: -1px;
</span><span class="cx"> height: 23px;
</span><span class="cx">
</span><del>- background-color: rgb(242, 242, 242);
- color: rgb(57, 57, 57);
</del><ins>+ background-color: hsl(0, 0%, 94%);
+ color: hsl(0, 0%, 22%);
</ins><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> overflow: hidden;
</span><span class="lines">@@ -65,18 +65,18 @@
</span><span class="cx">
</span><span class="cx"> .details-section .details-section > .header {
</span><span class="cx"> top: 21px;
</span><del>- background-color: rgb(255, 255, 255);
</del><ins>+ background-color: hsl(0, 0%, 100%);
</ins><span class="cx">
</span><span class="cx"> /* Ensure these headers are displayed below the parent header but above scrollbars. */
</span><span class="cx"> z-index: 100;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section .details-section:not(.collapsed) > .header {
</span><del>- border-bottom: 1px solid rgb(222, 222, 222);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 87%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.computed-style-properties:not(.collapsed) > .header {
</span><del>- background-color: rgb(255, 255, 255);
</del><ins>+ background-color: hsl(0, 0%, 100%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .header::before {
</span><span class="lines">@@ -109,7 +109,7 @@
</span><span class="cx"> .details-section > .header > label {
</span><span class="cx"> float: right;
</span><span class="cx"> font-size: 10px;
</span><del>- color: rgba(0, 0, 0, 0.6);
</del><ins>+ color: hsla(0, 0%, 0%, 0.6);
</ins><span class="cx"> text-align: right;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -146,7 +146,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 rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group:last-child {
</span><span class="lines">@@ -158,7 +158,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 rgb(179, 179, 179);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group > .row.simple {
</span><span class="lines">@@ -201,7 +201,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group > .row.simple > .label {
</span><del>- color: rgb(51, 51, 51);
</del><ins>+ color: hsl(0, 0%, 20%);
</ins><span class="cx">
</span><span class="cx"> text-align: right;
</span><span class="cx">
</span><span class="lines">@@ -258,7 +258,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content .data-grid tr:nth-child(odd) {
</span><del>- background-color: rgb(243, 246, 250);
</del><ins>+ background-color: hsl(214, 41%, 96%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section > .content .data-grid td.value-column {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsDividerNavigationItemcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DividerNavigationItem.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DividerNavigationItem.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/DividerNavigationItem.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -26,7 +26,7 @@
</span><span class="cx"> .navigation-bar .item.divider {
</span><span class="cx"> width: 1px;
</span><span class="cx">
</span><del>- background-image: linear-gradient(rgb(190, 190, 190), rgb(190, 190, 190));
</del><ins>+ background-image: linear-gradient(hsl(0, 0%, 74%), hsl(0, 0%, 74%));
</ins><span class="cx"> background-size: 100% 16px;
</span><span class="cx"> background-repeat: no-repeat;
</span><span class="cx"> background-position: center;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsEditingcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Editing.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Editing.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Editing.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -25,8 +25,8 @@
</span><span class="cx">
</span><span class="cx"> .editing {
</span><span class="cx"> -webkit-user-select: text;
</span><del>- box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
- outline: 1px solid rgb(66%, 66%, 66%) !important;
</del><ins>+ box-shadow: hsla(0, 0%, 0%, 0.5) 3px 3px 4px;
+ outline: 1px solid hsl(0, 0%, 65%) !important;
</ins><span class="cx"> background-color: white;
</span><span class="cx"> -webkit-user-modify: read-write-plaintext-only;
</span><span class="cx"> text-overflow: clip !important;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsFilterBarcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FilterBar.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FilterBar.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FilterBar.css 2015-12-03 18:31:13 UTC (rev 193012)
</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: rgb(242, 242, 242);
</del><ins>+ background-color: hsl(0, 0%, 94%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .filter-bar > .navigation-bar {
</span><span class="lines">@@ -53,16 +53,16 @@
</span><span class="cx">
</span><span class="cx"> -webkit-appearance: none;
</span><span class="cx">
</span><del>- border: 1px solid rgba(0, 0, 0, 0.25);
</del><ins>+ border: 1px solid hsla(0, 0%, 0%, 0.25);
</ins><span class="cx"> border-radius: 3px;
</span><del>- background-color: rgba(255, 255, 255, 0.2);
</del><ins>+ background-color: hsla(0, 0%, 100%, 0.2);
</ins><span class="cx"> background-clip: padding-box;
</span><span class="cx">
</span><span class="cx"> height: 22px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .filter-bar > input[type="search"]::-webkit-input-placeholder {
</span><del>- color: rgba(0, 0, 0, 0.35);
</del><ins>+ color: hsla(0, 0%, 0%, 0.35);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .filter-bar > input[type="search"]:focus { background-color: white; }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsFindBannercss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FindBanner.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FindBanner.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FindBanner.css 2015-12-03 18:31:13 UTC (rev 193012)
</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 rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx">
</span><span class="cx"> position: absolute;
</span><span class="cx"> top: -22px;
</span><span class="lines">@@ -45,7 +45,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .find-banner {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .find-banner.showing {
</span><span class="lines">@@ -88,7 +88,7 @@
</span><span class="cx">
</span><span class="cx"> outline: none;
</span><span class="cx">
</span><del>- border: 1px solid rgb(146, 146, 146);
</del><ins>+ border: 1px solid hsl(0, 0%, 57%);
</ins><span class="cx"> border-radius: 4px;
</span><span class="cx"> background-color: white;
</span><span class="cx"> }
</span><span class="lines">@@ -102,7 +102,7 @@
</span><span class="cx"> -webkit-appearance: none;
</span><span class="cx">
</span><span class="cx"> border-radius: 4px;
</span><del>- border: 1px solid rgb(146, 146, 146);
</del><ins>+ border: 1px solid hsl(0, 0%, 57%);
</ins><span class="cx">
</span><span class="cx"> background-color: white;
</span><span class="cx"> background-image: none;
</span><span class="lines">@@ -130,13 +130,13 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .find-banner > button:active:not(:disabled) {
</span><del>- border: 1px solid rgb(141, 141, 141);
- background-image: linear-gradient(to bottom, rgb(200, 200, 200), rgb(218, 218, 218));
- box-shadow: rgba(255, 255, 255, 0.33) 0 1px 0, inset rgb(165, 165, 165) 0 1px 1px;
</del><ins>+ border: 1px solid hsl(0, 0%, 55%);
+ background-image: linear-gradient(to bottom, hsl(0, 0%, 78%), hsl(0, 0%, 85%));
+ box-shadow: hsla(0, 0%, 100%, 0.33) 0 1px 0, inset hsl(0, 0%, 64%) 0 1px 1px;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .find-banner > button:disabled {
</span><del>- border: 1px solid rgb(195, 195, 195);
</del><ins>+ border: 1px solid hsl(0, 0%, 76%);
</ins><span class="cx"> background-image: none;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsFormattedValuecss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FormattedValue.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FormattedValue.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/FormattedValue.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -31,15 +31,15 @@
</span><span class="cx">
</span><span class="cx"> :matches(.formatted-array, .formatted-map, .formatted-set, .formatted-weakmap, .formatted-weakset) > .size {
</span><span class="cx"> font-style: normal;
</span><del>- color: rgba(0, 0, 0, 0.33);
</del><ins>+ color: hsla(0, 0%, 0%, 0.33);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .formatted-number {
</span><del>- color: rgb(28, 0, 207);
</del><ins>+ color: hsl(248, 100%, 40%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .formatted-boolean {
</span><del>- color: rgb(170, 13, 145);
</del><ins>+ color: hsl(309, 85%, 35%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .formatted-string, .formatted-regexp {
</span><span class="lines">@@ -47,19 +47,19 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .formatted-string {
</span><del>- color: rgb(196, 26, 22);
</del><ins>+ color: hsl(1, 79%, 42%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .formatted-regexp {
</span><del>- color: rgb(255, 88, 0);
</del><ins>+ color: hsl(20, 100%, 50%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .formatted-symbol {
</span><del>- color: rgb(63, 169, 156);
</del><ins>+ color: hsl(172, 45%, 45%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .formatted-null, .formatted-undefined {
</span><del>- color: rgb(128, 128, 128);
</del><ins>+ color: hsl(0, 0%, 50%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .formatted-node > .dom-tree-outline {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsGoToLineDialogcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GoToLineDialog.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -33,9 +33,9 @@
</span><span class="cx"> -webkit-transform: translate(-50%, -50%);
</span><span class="cx"> padding: 3px;
</span><span class="cx"> border-radius: 5px;
</span><del>- background-color: rgba(232, 232, 232, 0.95);
- border: 1px rgb(218, 218, 218) solid;
- box-shadow: 1px 5px 20px 3px rgba(0, 0, 0, 0.33);
</del><ins>+ background-color: hsla(0, 0%, 90%, 0.95);
+ border: 1px hsl(0, 0%, 85%) solid;
+ box-shadow: 1px 5px 20px 3px hsla(0, 0%, 0%, 0.33);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .go-to-line-dialog > div {
</span><span class="lines">@@ -43,7 +43,7 @@
</span><span class="cx"> height: 100%;
</span><span class="cx"> border-radius: 4px;
</span><span class="cx"> background-color: white;
</span><del>- border: 1px rgb(206, 206, 206) solid;
</del><ins>+ border: 1px hsl(0, 0%, 80%) solid;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .go-to-line-dialog > div > input {
</span><span class="lines">@@ -53,13 +53,13 @@
</span><span class="cx"> border: none;
</span><span class="cx"> background-color: transparent;
</span><span class="cx"> font-size: 20px;
</span><del>- color: rgb(12, 12, 12);
</del><ins>+ color: hsl(0, 0%, 4%);
</ins><span class="cx"> padding: 0 0 1px 5px;
</span><span class="cx"> outline: none;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .go-to-line-dialog > div > input::-webkit-input-placeholder {
</span><del>- color: rgb(133, 133, 133);
</del><ins>+ color: hsl(0, 0%, 52%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .go-to-line-dialog > div > img {
</span><span class="lines">@@ -70,13 +70,13 @@
</span><span class="cx"> border-radius: 9px;
</span><span class="cx"> width: 18px;
</span><span class="cx"> height: 18px;
</span><del>- background-color: rgb(188, 188, 188);
</del><ins>+ background-color: hsl(0, 0%, 73%);
</ins><span class="cx"> display: none;
</span><span class="cx"> content: url(../Images/CloseWhite.svg);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .go-to-line-dialog > div > img:active {
</span><del>- background-color: rgb(140, 140, 140);
</del><ins>+ background-color: hsl(0, 0%, 54%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .go-to-line-dialog.non-empty > div > img {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsGradientSlidercss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GradientSlider.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GradientSlider.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/GradientSlider.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -33,7 +33,7 @@
</span><span class="cx"> width: 238px;
</span><span class="cx"> height: 21px;
</span><span class="cx">
</span><del>- border: 1px solid rgb(146, 146, 146);
</del><ins>+ border: 1px solid hsl(0, 0%, 57%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .gradient-slider > canvas {
</span><span class="lines">@@ -99,7 +99,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .gradient-slider-knob > div {
</span><del>- border: 1px solid rgba(0, 0, 0, 0.25);
</del><ins>+ border: 1px solid hsla(0, 0%, 0%, 0.25);
</ins><span class="cx">
</span><span class="cx"> background-color: white;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsHierarchicalPathComponentcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -75,7 +75,7 @@
</span><span class="cx">
</span><span class="cx"> vertical-align: top;
</span><span class="cx">
</span><del>- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
</del><ins>+ text-shadow: hsla(0, 0%, 100%, 0.5) 0 1px 0;
</ins><span class="cx"> line-height: 20px;
</span><span class="cx"> height: 20px;
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsHoverMenucss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HoverMenu.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HoverMenu.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/HoverMenu.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -45,7 +45,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .hover-menu > svg > :matches(path, rect) {
</span><del>- stroke: rgba(0, 0, 0, 0.22);
</del><ins>+ stroke: hsla(0, 0%, 0%, 0.22);
</ins><span class="cx"> stroke-width: 2px;
</span><span class="cx"> fill: none;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsImageResourceContentViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -24,7 +24,7 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .content-view.resource.image {
</span><del>- background-color: rgb(231, 231, 231);
</del><ins>+ background-color: hsl(0, 0%, 90%);
</ins><span class="cx">
</span><span class="cx"> overflow-x: hidden;
</span><span class="cx"> overflow-y: auto;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsIndexedDatabaseObjectStoreContentViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -40,7 +40,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .content-view.indexed-database-object-store > .data-grid table.data tr:nth-child(odd) {
</span><del>- background-color: rgb(243, 246, 250);
</del><ins>+ background-color: hsl(214, 41%, 96%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .content-view.indexed-database-object-store > .data-grid table.data tr.filler {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsLayerTreeDetailsSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/LayerTreeDetailsSidebarPanel.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -46,11 +46,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .panel.details.layer-tree .name-column :matches(.pseudo-element, .reflection) {
</span><del>- color: rgb(128, 128, 128);
</del><ins>+ color: hsl(0, 0%, 50%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .panel.details.layer-tree tr.selected .name-column :matches(.pseudo-element, .reflection) {
</span><del>- color: rgba(255, 255, 255, 0.75);
</del><ins>+ color: hsla(0, 0%, 100%, 0.75);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .panel.details.layer-tree .bottom-bar {
</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 rgb(179, 179, 179);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> background-color: white;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsLogContentViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/LogContentView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/LogContentView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/LogContentView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -81,7 +81,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-item {
</span><del>- border-top: 1px solid rgb(240, 240, 240);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 94%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-error-level:not(.filtered-out, .filtered-out-by-search),
</span><span class="lines">@@ -165,16 +165,16 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-session + .console-session {
</span><del>- border-top: 3px dashed rgb(240, 240, 240);
</del><ins>+ border-top: 3px dashed hsl(0, 0%, 94%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-messages a {
</span><del>- color: rgb(33%, 33%, 33%);
</del><ins>+ color: hsl(0, 0%, 32%);
</ins><span class="cx"> cursor: pointer;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-messages a:hover {
</span><del>- color: rgb(15%, 15%, 15%);
</del><ins>+ color: hsl(0, 0%, 14%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .console-messages .data-grid {
</span><span class="lines">@@ -187,7 +187,7 @@
</span><span class="cx">
</span><span class="cx"> .search-bar.log-search-bar > input[type="search"] {
</span><span class="cx"> width: 150px;
</span><del>- border: 1px solid rgba(0, 0, 0, 0.35);
</del><ins>+ border: 1px solid hsla(0, 0%, 0%, 0.35);
</ins><span class="cx"> padding-left: 4px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -197,12 +197,12 @@
</span><span class="cx">
</span><span class="cx"> .search-in-progress .console-item:not(.filtered-out-by-search) .highlighted {
</span><span class="cx"> color: black;
</span><del>- background-color: rgba(235, 215, 38, 0.2);
- border-bottom: 1px solid rgb(237, 202, 71);
</del><ins>+ background-color: hsla(53, 83%, 53%, 0.2);
+ border-bottom: 1px solid hsl(47, 82%, 60%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .search-in-progress .console-item:not(.filtered-out-by-search) .highlighted.selected {
</span><del>- background-color: rgba(235, 215, 38, 0.75);
</del><ins>+ background-color: hsla(53, 83%, 53%, 0.75);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* @media reader currently blocked by: http://webkit.org/b/118096 */
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsMaincss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Main.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Main.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Main.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -60,19 +60,19 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.docked.bottom {
</span><del>- border-top: 1px solid rgb(200, 200, 200);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 78%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.docked.right {
</span><del>- border-left: 1px solid rgb(179, 179, 179);
</del><ins>+ border-left: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive.docked.bottom {
</span><del>- border-top-color: rgb(219, 219, 219);
</del><ins>+ border-top-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive.docked.right {
</span><del>- border-left-color: rgb(219, 219, 219);
</del><ins>+ border-left-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #docked-resizer {
</span><span class="lines">@@ -143,17 +143,17 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #split-content-browser {
</span><del>- border-top: 1px solid rgb(179, 179, 179);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive #split-content-browser {
</span><del>- border-top-color: rgb(219, 219, 219);
</del><ins>+ border-top-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #split-content-browser > .navigation-bar {
</span><span class="cx"> cursor: row-resize;
</span><span class="cx">
</span><del>- background-color: rgb(242, 242, 242);
</del><ins>+ background-color: hsl(0, 0%, 94%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #split-content-browser > .navigation-bar .item:not(.flexible-space) {
</span><span class="lines">@@ -167,7 +167,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #split-content-browser .hierarchical-path-component.log-icon .title {
</span><del>- color: rgba(0, 0, 0, 0.75);
</del><ins>+ color: hsla(0, 0%, 0%, 0.75);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #split-content-browser .hierarchical-path-component.log-icon select {
</span><span class="lines">@@ -201,12 +201,12 @@
</span><span class="cx"> font-size: 18px;
</span><span class="cx"> font-weight: bold;
</span><span class="cx">
</span><del>- color: rgb(75%, 75%, 75%);
</del><ins>+ color: hsl(0, 0%, 74%);
</ins><span class="cx"> background-color: white;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .message-text-view.error {
</span><del>- color: rgb(224, 16, 16);
</del><ins>+ color: hsl(0, 86%, 47%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .message-text-view.error::before {
</span><span class="lines">@@ -223,7 +223,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .go-to-link {
</span><del>- color: rgb(85, 85, 85);
</del><ins>+ color: hsl(0, 0%, 33%);
</ins><span class="cx"> text-decoration: underline;
</span><span class="cx"> cursor: pointer;
</span><span class="cx"> }
</span><span class="lines">@@ -296,17 +296,17 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .value-with-clarification .clarification {
</span><del>- color: #666;
</del><ins>+ color: hsl(0, 0%, 40%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .bouncy-highlight {
</span><span class="cx"> position: absolute;
</span><span class="cx"> z-index: 100;
</span><span class="cx">
</span><del>- box-shadow: inset rgb(250, 232, 140) 0 -1px 0, rgba(211, 197, 96, 1) 0 1px 1px, rgba(0, 0, 0, 0.33) 0 1px 2px 1px;
</del><ins>+ box-shadow: inset hsl(50, 91%, 76%) 0 -1px 0, hsl(52, 56%, 60%) 0 1px 1px, hsla(0, 0%, 0%, 0.33) 0 1px 2px 1px;
</ins><span class="cx"> text-shadow: white 0 0 2px;
</span><span class="cx">
</span><del>- background: linear-gradient(to bottom, rgb(250, 237, 108), rgb(242, 220, 100));
</del><ins>+ background: linear-gradient(to bottom, hsl(54, 93%, 70%), hsl(50, 84%, 67%));
</ins><span class="cx"> border-radius: 7px;
</span><span class="cx">
</span><span class="cx"> padding: 2px 4px;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNavigationBarcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NavigationBar.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -28,8 +28,8 @@
</span><span class="cx"> justify-content: center;
</span><span class="cx"> flex-wrap: wrap;
</span><span class="cx">
</span><del>- box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0;
- border-bottom: 1px solid rgb(179, 179, 179);
</del><ins>+ box-shadow: inset hsla(0, 0%, 100%, 0.2) 0 1px 0;
+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx">
</span><span class="cx"> height: 29px;
</span><span class="cx">
</span><span class="lines">@@ -40,7 +40,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .navigation-bar {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-bar .item {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNavigationSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css 2015-12-03 18:31:13 UTC (rev 193012)
</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 rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation > .overflow-shadow.top {
</span><span class="lines">@@ -54,7 +54,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .sidebar > .panel.navigation > .overflow-shadow {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation > .empty-content-placeholder {
</span><span class="lines">@@ -77,9 +77,9 @@
</span><span class="cx"> font-size: 13px;
</span><span class="cx">
</span><span class="cx"> color: white;
</span><del>- background-color: rgba(0, 0, 0, 0.15);
- text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
- box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 0, rgba(255, 255, 255, 0.4) 0 1px 0;
</del><ins>+ background-color: hsla(0, 0%, 0%, 0.15);
+ text-shadow: hsla(0, 0%, 0%, 0.2) 0 1px 0;
+ box-shadow: inset hsla(0, 0%, 0%, 0.2) 0 1px 0, hsla(0, 0%, 100%, 0.4) 0 1px 0;
</ins><span class="cx">
</span><span class="cx"> border-radius: 6px;
</span><span class="cx"> padding: 5px 15px 6px;
</span><span class="lines">@@ -199,16 +199,16 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline .item.selected {
</span><del>- background-color: rgb(212, 212, 212);
</del><ins>+ background-color: hsl(0, 0%, 83%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline:matches(:focus, .force-focus) .item.selected {
</span><span class="cx"> color: white;
</span><del>- background-color: rgb(0, 128, 252);
</del><ins>+ background-color: hsl(209, 100%, 49%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected {
</span><del>- background-color: rgb(212, 212, 212);
</del><ins>+ background-color: hsl(0, 0%, 83%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline .item .titles {
</span><span class="lines">@@ -225,8 +225,8 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline .item .highlighted {
</span><del>- background-color: rgba(235, 215, 38, 0.2);
- border-bottom: 1px solid rgb(237, 202, 71);
</del><ins>+ background-color: hsla(53, 83%, 53%, 0.2);
+ border-bottom: 1px solid hsl(47, 82%, 60%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline .item .titles.no-subtitle {
</span><span class="lines">@@ -240,11 +240,11 @@
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline .item .subtitle {
</span><span class="cx"> font-size: 9px;
</span><del>- color: rgba(0, 0, 0, 0.7);
</del><ins>+ color: hsla(0, 0%, 0%, 0.7);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline:matches(:focus, .force-focus) .item.selected .subtitle {
</span><del>- color: rgba(255, 255, 255, 0.9);
</del><ins>+ color: hsla(0, 0%, 100%, 0.9);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline .item .titles.no-subtitle .subtitle,
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNetworkGridContentViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkGridContentView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkGridContentView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkGridContentView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -41,6 +41,6 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .content-view.network-grid > .data-grid table.data {
</span><del>- background-image: linear-gradient(to bottom, white, white 50%, rgb(243, 243, 243) 50%, rgb(243, 243, 243));
</del><ins>+ background-image: linear-gradient(to bottom, white, white 50%, hsl(0, 0%, 95%) 50%, hsl(0, 0%, 95%));
</ins><span class="cx"> background-size: 100% 40px;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNetworkSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkSidebarPanel.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkSidebarPanel.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkSidebarPanel.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -42,9 +42,9 @@
</span><span class="cx">
</span><span class="cx"> height: 23px;
</span><span class="cx">
</span><del>- border-bottom: 1px solid rgb(179, 179, 179);
- background-color: rgb(242, 242, 242);
- color: rgb(57, 57, 57);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
+ background-color: hsl(0, 0%, 94%);
+ color: hsl(0, 0%, 22%);
</ins><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> overflow: hidden;
</span><span class="lines">@@ -59,7 +59,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .sidebar > .panel.navigation.network > .title-bar {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.network.network-grid-content-view-showing > .content {
</span><span class="lines">@@ -91,6 +91,6 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.network.network-grid-content-view-showing > .content > .navigation-sidebar-panel-content-tree-outline {
</span><del>- background-image: linear-gradient(to bottom, transparent, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03));
</del><ins>+ background-image: linear-gradient(to bottom, transparent, transparent 50%, hsla(0, 0%, 0%, 0.03) 50%, hsla(0, 0%, 0%, 0.03));
</ins><span class="cx"> background-size: 100% 40px;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNetworkTimelineOverviewGraphcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -41,5 +41,5 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-overview-graph.network:nth-child(even) > .graph-row > .timeline-record-bar > .segment:not(.inactive) {
</span><del>- box-shadow: rgb(247, 247, 247) 1px 0 0;
</del><ins>+ box-shadow: hsl(0, 0%, 96%) 1px 0 0;
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsNewTabContentViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NewTabContentView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NewTabContentView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/NewTabContentView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> justify-content: center;
</span><span class="cx"> align-content: center;
</span><span class="cx">
</span><del>- background-color: rgb(246, 246, 246);
</del><ins>+ background-color: hsl(0, 0%, 96%);
</ins><span class="cx">
</span><span class="cx"> padding: 10px;
</span><span class="cx">
</span><span class="lines">@@ -60,8 +60,8 @@
</span><span class="cx"> padding: 15px;
</span><span class="cx"> border-radius: 5px;
</span><span class="cx">
</span><del>- background-color: rgb(210, 210, 210);
- box-shadow: rgba(0, 0, 0, 0.33) 0 1px 6px;
</del><ins>+ background-color: hsl(0, 0%, 82%);
+ box-shadow: hsla(0, 0%, 0%, 0.33) 0 1px 6px;
</ins><span class="cx">
</span><span class="cx"> display: block;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsObjectPreviewViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ObjectPreviewView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ObjectPreviewView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ObjectPreviewView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -36,10 +36,10 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .object-preview .name {
</span><del>- color: rgb(136, 19, 145);
</del><ins>+ color: hsl(295, 76%, 32%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .object-preview > .size {
</span><span class="cx"> font-style: normal;
</span><del>- color: rgba(0, 0, 0, 0.33);
</del><ins>+ color: hsla(0, 0%, 0%, 0.33);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsObjectTreeViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -116,7 +116,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .object-tree-outline li .empty-message {
</span><del>- color: rgb(60%, 60%, 60%);
</del><ins>+ color: hsl(0, 0%, 60%);
</ins><span class="cx"> margin-left: 15px;
</span><span class="cx"> font-family: -apple-system, sans-serif;
</span><span class="cx"> font-size: 12px;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsOverviewTimelineViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -32,12 +32,12 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.overview > .timeline-ruler > .header {
</span><del>- border-top: 1px solid rgb(179, 179, 179);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> height: 23px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .timeline-view.overview > .timeline-ruler > .header {
</span><del>- border-top-color: rgb(219, 219, 219);
</del><ins>+ border-top-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.overview > .timeline-ruler > .event-markers {
</span><span class="lines">@@ -70,11 +70,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.overview > .data-grid tr.parent:not(.expanded).selected td.graph-column .timeline-record-bar:not(.has-inactive-segment) > .segment {
</span><del>- box-shadow: rgb(212, 212, 212) 0 0 0 1px;
</del><ins>+ box-shadow: hsl(0, 0%, 83%) 0 0 0 1px;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.overview > .data-grid:focus tr.parent:not(.expanded).selected td.graph-column .timeline-record-bar:not(.has-inactive-segment) > .segment {
</span><del>- box-shadow: rgb(56, 121, 217) 0 0 0 1px;
</del><ins>+ box-shadow: hsl(215, 67%, 53%) 0 0 0 1px;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.overview > .data-grid tr.parent:not(.expanded) td.graph-column .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
</span><span class="lines">@@ -82,9 +82,9 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.overview > .data-grid tr.parent:not(.expanded).selected td.graph-column .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
</span><del>- box-shadow: rgb(212, 212, 212) 1px 0 0;
</del><ins>+ box-shadow: hsl(0, 0%, 83%) 1px 0 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-view.overview > .data-grid:focus tr.parent:not(.expanded).selected td.graph-column .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
</span><del>- box-shadow: rgb(56, 121, 217) 1px 0 0;
</del><ins>+ box-shadow: hsl(215, 67%, 53%) 1px 0 0;
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsProbeSetDataGridcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ProbeSetDataGrid.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -24,14 +24,14 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .details-section.probe-set .data-grid tr.past-value td {
</span><del>- background-color: rgba(100, 100, 100, 0.2);
</del><ins>+ background-color: hsla(0, 0%, 39%, 0.2);
</ins><span class="cx"> font-style: italic;
</span><del>- color: #777;
</del><ins>+ color: hsl(0, 0%, 46%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.probe-set .data-grid > td.unknown-value {
</span><del>- background-color: rgba(230, 230, 230, 0.8);
- background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(255, 255, 255, .5) 7px, rgba(255, 255, 255, .5) 14px);
</del><ins>+ background-color: hsla(0, 0%, 90%, 0.8);
+ background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, hsla(0, 0%, 100%, 0.5) 7px, hsla(0, 0%, 100%, 0.5) 14px);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.probe-set .data-grid tr.revealed.highlighted {
</span><span class="lines">@@ -43,20 +43,20 @@
</span><span class="cx">
</span><span class="cx"> @-webkit-keyframes blink-frame-highlight {
</span><span class="cx"> 0% {
</span><del>- background-color: rgba(144, 111, 199, 0.8);
</del><ins>+ background-color: hsla(262, 44%, 60%, 0.8);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> 100% {
</span><del>- background-color: rgba(144, 111, 199, 0);
</del><ins>+ background-color: hsla(262, 44%, 60%, 0);
</ins><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.probe-set .data-grid tr.separator {
</span><del>- border-bottom: 3px solid #555;
</del><ins>+ border-bottom: 3px solid hsl(0, 0%, 33%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.probe-set .data-grid tr.separator {
</span><del>- border-bottom: 2px solid #666;
</del><ins>+ border-bottom: 2px solid hsl(0, 0%, 40%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .details-section.probe-set .data-grid > tr.data-updated {
</span><span class="lines">@@ -66,11 +66,11 @@
</span><span class="cx">
</span><span class="cx"> @-webkit-keyframes blink-probe-frame {
</span><span class="cx"> 0% {
</span><del>- background-color: rgba(144, 111, 199, 1);
</del><ins>+ background-color: hsl(262, 44%, 60%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> 100% {
</span><del>- background-color: rgba(144, 111, 199, 0);
</del><ins>+ background-color: hsla(262, 44%, 60%, 0);
</ins><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsQuickConsolecss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css 2015-12-03 18:31:13 UTC (rev 193012)
</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 rgb(190, 190, 190);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 74%);
</ins><span class="cx"> padding: 3px 0 4px;
</span><span class="cx">
</span><span class="cx"> outline: none;
</span><span class="lines">@@ -40,11 +40,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .quick-console {
</span><del>- border-top-color: rgb(219, 219, 219);
</del><ins>+ border-top-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .quick-console.showing-log {
</span><del>- border-top-color: rgb(240, 240, 240) !important;
</del><ins>+ border-top-color: hsl(0, 0%, 94%) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .quick-console > .console-prompt {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsRadioButtonNavigationItemcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -33,19 +33,19 @@
</span><span class="cx">
</span><span class="cx"> .navigation-bar .item.radio.button.text-only:hover {
</span><span class="cx"> color: white;
</span><del>- background-color: rgba(34, 131, 246, 0.5);
</del><ins>+ background-color: hsla(212, 92%, 54%, 0.5);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-bar .item.radio.button.text-only.selected {
</span><span class="cx"> color: white;
</span><del>- background-color: rgba(34, 131, 246, 1);
</del><ins>+ background-color: hsl(212, 92%, 54%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-bar .item.radio.button.text-only:active {
</span><span class="cx"> color: white;
</span><del>- background-color: rgba(34, 131, 246, 0.55);
</del><ins>+ background-color: hsla(212, 92%, 54%, 0.55);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-bar .item.radio.button.text-only.selected:active {
</span><del>- background-color: rgba(31, 105, 238, 1);
</del><ins>+ background-color: hsl(218, 85%, 52%);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsRenderingFrameTimelineOverviewGraphcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RenderingFrameTimelineOverviewGraph.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RenderingFrameTimelineOverviewGraph.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RenderingFrameTimelineOverviewGraph.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -34,7 +34,7 @@
</span><span class="cx"> width: 100%;
</span><span class="cx"> height: 1px;
</span><span class="cx">
</span><del>- background-color: rgba(0, 0, 0, 0.075);
</del><ins>+ background-color: hsla(0, 0%, 0%, 0.07);
</ins><span class="cx"> text-align: right;
</span><span class="cx">
</span><span class="cx"> pointer-events: none;
</span><span class="lines">@@ -44,5 +44,5 @@
</span><span class="cx"> padding: 2px;
</span><span class="cx"> font-size: 8px;
</span><span class="cx">
</span><del>- color: rgb(155, 155, 155);
</del><ins>+ color: hsl(0, 0%, 60%);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsReplayDashboardViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -29,8 +29,8 @@
</span><span class="cx"> align-items: center;
</span><span class="cx">
</span><span class="cx"> text-align: center;
</span><del>- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
- color: rgb(60, 60, 60);
</del><ins>+ text-shadow: hsla(0, 0%, 100%, 0.5) 0 1px 0;
+ color: hsl(0, 0%, 23%);
</ins><span class="cx"> padding: 0 5px;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsResourceTreeElementcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ResourceTreeElement.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ResourceTreeElement.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ResourceTreeElement.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -24,9 +24,9 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .item.resource.failed {
</span><del>- color: rgb(224, 16, 16) !important;
</del><ins>+ color: hsl(0, 86%, 47%) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .item.resource.failed .subtitle {
</span><del>- color: rgba(224, 16, 16, 0.7) !important;
</del><ins>+ color: hsla(0, 86%, 47%, 0.7) !important;
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsRulesStyleDetailsPanelcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -24,7 +24,7 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style .rules .label {
</span><del>- color: rgb(60%, 60%, 60%);
</del><ins>+ color: hsl(0, 0%, 60%);
</ins><span class="cx"> text-shadow: white 0 1px 0;
</span><span class="cx">
</span><span class="cx"> padding: 0 10px;
</span><span class="lines">@@ -123,9 +123,9 @@
</span><span class="cx"> .sidebar > .panel.details.css-style > .content.filter-in-progress > .rules.filter-non-matching > .no-filter-results > .no-filter-results-message {
</span><span class="cx"> font-size: 13px;
</span><span class="cx"> color: white;
</span><del>- background-color: rgba(0, 0, 0, 0.15);
- text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
- box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 0, rgba(255, 255, 255, 0.4) 0 1px 0;
</del><ins>+ background-color: hsla(0, 0%, 0%, 0.15);
+ text-shadow: hsla(0, 0%, 0%, 0.2) 0 1px 0;
+ box-shadow: inset hsla(0, 0%, 0%, 0.2) 0 1px 0, hsla(0, 0%, 100%, 0.4) 0 1px 0;
</ins><span class="cx"> border-radius: 6px;
</span><span class="cx"> padding: 5px 15px 6px;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsScopeBarcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ScopeBar.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ScopeBar.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/ScopeBar.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -34,7 +34,7 @@
</span><span class="cx"> padding: 1px 8px 3px;
</span><span class="cx"> font-size: 11px;
</span><span class="cx"> line-height: 11px;
</span><del>- color: rgb(46, 46, 46);
</del><ins>+ color: hsl(0, 0%, 18%);
</ins><span class="cx"> background-color: transparent;
</span><span class="cx"> border: 1px solid transparent;
</span><span class="cx"> border-radius: 3px;
</span><span class="lines">@@ -85,19 +85,19 @@
</span><span class="cx">
</span><span class="cx"> .scope-bar > li:hover {
</span><span class="cx"> color: white;
</span><del>- background-color: rgba(34, 131, 246, 0.5);
</del><ins>+ background-color: hsla(212, 92%, 54%, 0.5);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .scope-bar > li.selected {
</span><span class="cx"> color: white;
</span><del>- background-color: rgba(34, 131, 246, 1);
</del><ins>+ background-color: hsl(212, 92%, 54%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .scope-bar > li:active {
</span><span class="cx"> color: white;
</span><del>- background-color: rgba(34, 131, 246, 0.55);
</del><ins>+ background-color: hsla(212, 92%, 54%, 0.55);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .scope-bar > li.selected:active {
</span><del>- background-color: rgba(31, 105, 238, 1);
</del><ins>+ background-color: hsl(218, 85%, 52%);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSearchBarcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SearchBar.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SearchBar.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SearchBar.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -31,16 +31,16 @@
</span><span class="cx">
</span><span class="cx"> -webkit-appearance: none;
</span><span class="cx">
</span><del>- border: 1px solid rgba(0, 0, 0, 0.25);
</del><ins>+ border: 1px solid hsla(0, 0%, 0%, 0.25);
</ins><span class="cx"> border-radius: 3px;
</span><del>- background-color: rgba(255, 255, 255, 0.2);
</del><ins>+ background-color: hsla(0, 0%, 100%, 0.2);
</ins><span class="cx"> background-clip: padding-box;
</span><span class="cx">
</span><span class="cx"> height: 22px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .search-bar > input[type="search"]::-webkit-input-placeholder {
</span><del>- color: rgba(0, 0, 0, 0.35);
</del><ins>+ color: hsla(0, 0%, 0%, 0.35);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .search-bar > input[type="search"]:focus { background-color: white; }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSearchSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SearchSidebarPanel.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SearchSidebarPanel.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SearchSidebarPanel.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -35,7 +35,7 @@
</span><span class="cx">
</span><span class="cx"> display: flex;
</span><span class="cx">
</span><del>- box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0;
</del><ins>+ box-shadow: inset hsla(0, 0%, 100%, 0.2) 0 1px 0;
</ins><span class="cx">
</span><span class="cx"> height: 28px;
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSidebarcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Sidebar.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Sidebar.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Sidebar.css 2015-12-03 18:31:13 UTC (rev 193012)
</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: rgb(242, 242, 242);
</del><ins>+ background-color: hsl(0, 0%, 94%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar.collapsed {
</span><span class="lines">@@ -77,17 +77,17 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar.left {
</span><del>- border-right: 1px solid rgb(179, 179, 179);
</del><ins>+ border-right: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar.right {
</span><del>- border-left: 1px solid rgb(179, 179, 179);
</del><ins>+ border-left: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .sidebar.left {
</span><del>- border-right-color: rgb(219, 219, 219);
</del><ins>+ border-right-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .sidebar.right {
</span><del>- border-left-color: rgb(219, 219, 219);
</del><ins>+ border-left-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSourceCodeTextEditorcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SourceCodeTextEditor.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SourceCodeTextEditor.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SourceCodeTextEditor.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -29,11 +29,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .warning {
</span><del>- background-color: rgb(253, 249, 226);
</del><ins>+ background-color: hsl(51, 87%, 93%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .error {
</span><del>- background-color: rgb(255, 220, 208);
</del><ins>+ background-color: hsl(15, 100%, 90%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .issue-widget {
</span><span class="lines">@@ -88,27 +88,27 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .issue-widget.warning {
</span><del>- background-color: rgb(253, 249, 226);
</del><ins>+ background-color: hsl(51, 87%, 93%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .issue-widget.inline.warning {
</span><del>- background-color: rgb(254, 233, 177);
</del><ins>+ background-color: hsl(43, 97%, 84%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .issue-widget.inline.warning > .arrow {
</span><del>- border-right-color: rgb(254, 233, 177);
</del><ins>+ border-right-color: hsl(43, 97%, 84%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .issue-widget.error {
</span><del>- background-color: rgb(255, 220, 208);
</del><ins>+ background-color: hsl(15, 100%, 90%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .issue-widget.inline.error {
</span><del>- background-color: rgb(255, 173, 153);
</del><ins>+ background-color: hsl(11, 100%, 80%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .issue-widget.inline.error > .arrow {
</span><del>- border-right-color: rgb(255, 173, 153);
</del><ins>+ border-right-color: hsl(11, 100%, 80%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .source-code.text-editor > .CodeMirror .issue-widget > .text {
</span><span class="lines">@@ -159,7 +159,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .popover .debugger-popover-content > .body {
</span><del>- border-top: 1px solid rgb(194, 194, 147);
</del><ins>+ border-top: 1px solid hsl(60, 27%, 66%);
</ins><span class="cx"> overflow: auto;
</span><span class="cx"> margin-top: 5px;
</span><span class="cx"> padding-top: 5px;
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsSyntaxHighlightingDefaultThemecss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SyntaxHighlightingDefaultTheme.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SyntaxHighlightingDefaultTheme.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/SyntaxHighlightingDefaultTheme.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -35,18 +35,18 @@
</span><span class="cx">
</span><span class="cx"> .cm-s-default .cm-comment,
</span><span class="cx"> .syntax-highlighted :matches(.css-comment, .javascript-comment, .html-comment) {
</span><del>- color: rgb(0, 116, 0);
</del><ins>+ color: hsl(119, 100%, 22%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default :matches(.cm-tag, .cm-bracket, .cm-atom, .cm-keyword, .cm-m-javascript.cm-builtin),
</span><span class="cx"> .cm-s-default .cm-m-css:matches(.cm-atom, .cm-meta, .cm-variable-3, .cm-property),
</span><span class="cx"> .syntax-highlighted :matches(.css-keyword, .css-tag, .css-at-rule, .css-important, .javascript-keyword, .html-tag) {
</span><del>- color: rgb(170, 13, 145);
</del><ins>+ color: hsl(309, 85%, 35%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default :matches(.cm-number, .cm-atom.cm-hex-color),
</span><span class="cx"> .syntax-highlighted :matches(.css-number, .javascript-number) {
</span><del>- color: rgb(28, 0, 207);
</del><ins>+ color: hsl(248, 100%, 40%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default :matches(.cm-def, .cm-operator, .cm-variable, .cm-variable-2),
</span><span class="lines">@@ -57,21 +57,21 @@
</span><span class="cx">
</span><span class="cx"> .cm-s-default .cm-string,
</span><span class="cx"> .syntax-highlighted :matches(.css-string, .javascript-string, .javascript-regexp, .html-attribute-value) {
</span><del>- color: rgb(196, 26, 22);
</del><ins>+ color: hsl(1, 79%, 42%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .cm-m-xml.cm-meta,
</span><span class="cx"> .syntax-highlighted :matches(.html-doctype, .html-processing-instruction) {
</span><del>- color: rgb(192, 192, 192);
</del><ins>+ color: hsl(0, 0%, 75%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .cm-m-xml.cm-attribute,
</span><span class="cx"> .syntax-highlighted .html-attribute-name {
</span><del>- color: rgb(131, 108, 40);
</del><ins>+ color: hsl(44, 53%, 33%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .syntax-highlighted a {
</span><del>- color: rgb(14, 14, 255);
</del><ins>+ color: hsl(240, 100%, 52%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .cm-link,
</span><span class="lines">@@ -87,12 +87,12 @@
</span><span class="cx">
</span><span class="cx"> .supports-find-banner.showing-find-banner.syntax-highlighted .search-result,
</span><span class="cx"> .supports-find-banner.showing-find-banner .syntax-highlighted .search-result {
</span><del>- background-color: rgba(235, 215, 38, 0.2);
- border-bottom: 1px solid rgb(237, 202, 71);
</del><ins>+ background-color: hsla(53, 83%, 53%, 0.2);
+ border-bottom: 1px solid hsl(47, 82%, 60%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .basic-block-has-not-executed {
</span><del>- color: rgb(153, 153, 153);
</del><ins>+ color: hsl(0, 0%, 60%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .basic-block-has-not-executed.cm-comment {
</span><span class="lines">@@ -101,19 +101,19 @@
</span><span class="cx">
</span><span class="cx"> .cm-s-default .basic-block-has-not-executed:matches(.cm-tag, .cm-bracket, .cm-atom, .cm-keyword, .cm-m-javascript.cm-builtin),
</span><span class="cx"> .cm-s-default .basic-block-has-not-executed.cm-m-css:matches(.cm-atom, .cm-meta, .cm-variable-3, .cm-property) {
</span><del>- color: rgb(196, 164, 191);
</del><ins>+ color: hsl(309, 21%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .basic-block-has-not-executed:matches(.cm-number, .cm-atom.cm-hex-color) {
</span><del>- color: rgb(180, 172, 229);
</del><ins>+ color: hsl(248, 52%, 78%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .basic-block-has-not-executed.cm-string {
</span><del>- color: rgb(204, 154, 153);
</del><ins>+ color: hsl(1, 33%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .basic-block-has-not-executed.cm-m-xml.cm-meta {
</span><del>- color: rgb(210, 210, 210);
</del><ins>+ color: hsl(0, 0%, 82%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .cm-s-default .basic-block-has-not-executed.cm-m-xml.cm-attribute {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTabBarcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TabBar.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TabBar.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TabBar.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -30,9 +30,9 @@
</span><span class="cx">
</span><span class="cx"> position: relative;
</span><span class="cx">
</span><del>- border-bottom: 1px solid rgb(168, 168, 168);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 65%);
</ins><span class="cx">
</span><del>- background-image: linear-gradient(to bottom, rgb(199, 199, 199), rgb(184, 184, 184));
</del><ins>+ background-image: linear-gradient(to bottom, hsl(0, 0%, 78%), hsl(0, 0%, 72%));
</ins><span class="cx"> background-size: 100% 200%;
</span><span class="cx">
</span><span class="cx"> height: 26px;
</span><span class="lines">@@ -44,10 +44,10 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .tab-bar {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx">
</span><span class="cx"> background-image: none !important;
</span><del>- background-color: rgb(236, 236, 236) !important;
</del><ins>+ background-color: hsl(0, 0%, 92%) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar > .top-border {
</span><span class="lines">@@ -57,13 +57,13 @@
</span><span class="cx"> right: 0;
</span><span class="cx"> height: 1px;
</span><span class="cx">
</span><del>- background-color: rgb(168, 168, 168);
</del><ins>+ background-color: hsl(0, 0%, 65%);
</ins><span class="cx">
</span><span class="cx"> z-index: 0;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .tab-bar > .top-border {
</span><del>- background-color: rgb(219, 219, 219);
</del><ins>+ background-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar > .item {
</span><span class="lines">@@ -81,10 +81,10 @@
</span><span class="cx"> min-width: 30px;
</span><span class="cx"> overflow: hidden;
</span><span class="cx">
</span><del>- background-image: linear-gradient(to bottom, rgb(199, 199, 199), rgb(184, 184, 184));
</del><ins>+ background-image: linear-gradient(to bottom, hsl(0, 0%, 78%), hsl(0, 0%, 72%));
</ins><span class="cx"> background-size: 100% 200%;
</span><span class="cx">
</span><del>- border-top: 1px solid rgb(168, 168, 168);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 65%);
</ins><span class="cx">
</span><span class="cx"> height: 100%;
</span><span class="cx"> line-height: 15px;
</span><span class="lines">@@ -98,7 +98,7 @@
</span><span class="cx">
</span><span class="cx"> .tab-bar > :nth-child(n + 2 of .item),
</span><span class="cx"> .tab-bar.dragging-tab > .item.selected {
</span><del>- border-left: 1px solid rgb(168, 168, 168);
</del><ins>+ border-left: 1px solid hsl(0, 0%, 65%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar > .item.pinned {
</span><span class="lines">@@ -108,8 +108,8 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar > .item:not(.disabled).selected {
</span><del>- border-top-color: rgb(190, 190, 190);
- background-image: linear-gradient(to bottom, rgb(222, 222, 222), rgb(211, 211, 211));
</del><ins>+ border-top-color: hsl(0, 0%, 74%);
+ background-image: linear-gradient(to bottom, hsl(0, 0%, 87%), hsl(0, 0%, 82%));
</ins><span class="cx"> background-size: 100% 100%;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -120,27 +120,27 @@
</span><span class="cx"> .tab-bar:not(.animating) > .item:not(.selected, .disabled):hover,
</span><span class="cx"> .tab-bar > .item.new-tab-button:not(.disabled):hover {
</span><span class="cx"> background-position: 0 100%;
</span><del>- border-top-color: rgb(152, 152, 152);
- border-left-color: rgb(152, 152, 152);
</del><ins>+ border-top-color: hsl(0, 0%, 59%);
+ border-left-color: hsl(0, 0%, 59%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar:not(.animating) > .item:not(.selected, .disabled):hover + .item {
</span><del>- border-left-color: rgb(152, 152, 152);
</del><ins>+ border-left-color: hsl(0, 0%, 59%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .tab-bar > .item {
</span><del>- border-left-color: rgb(219, 219, 219) !important;
- border-top-color: rgb(219, 219, 219) !important;
</del><ins>+ border-left-color: hsl(0, 0%, 85%) !important;
+ border-top-color: hsl(0, 0%, 85%) !important;
</ins><span class="cx">
</span><span class="cx"> background-image: none !important;
</span><del>- background-color: rgb(236, 236, 236) !important;
</del><ins>+ background-color: hsl(0, 0%, 92%) !important;
</ins><span class="cx">
</span><span class="cx"> transition: none;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .tab-bar > .item.selected {
</span><span class="cx"> background-image: none !important;
</span><del>- background-color: rgb(246, 246, 246) !important;
</del><ins>+ background-color: hsl(0, 0%, 96%) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar > .item > .close {
</span><span class="lines">@@ -174,7 +174,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar > .item > .close:hover {
</span><del>- background-color: rgba(0, 0, 0, 0.2);
</del><ins>+ background-color: hsla(0, 0%, 0%, 0.2);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar > .item > .close:active {
</span><span class="lines">@@ -218,7 +218,7 @@
</span><span class="cx"> .tab-bar > .item > .title {
</span><span class="cx"> margin-left: 6px;
</span><span class="cx">
</span><del>- color: rgba(0, 0, 0, 0.55);
</del><ins>+ color: hsla(0, 0%, 0%, 0.55);
</ins><span class="cx">
</span><span class="cx"> display: flex;
</span><span class="cx">
</span><span class="lines">@@ -235,11 +235,11 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar:not(.animating) > .item:not(.selected):hover > .title {
</span><del>- color: rgba(0, 0, 0, 0.6);
</del><ins>+ color: hsla(0, 0%, 0%, 0.6);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar > .item.selected > .title {
</span><del>- color: rgba(0, 0, 0, 0.7);
</del><ins>+ color: hsla(0, 0%, 0%, 0.7);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar.collapsed > .item {
</span><span class="lines">@@ -299,13 +299,13 @@
</span><span class="cx"> .tab-bar.dragging-tab > .item.selected,
</span><span class="cx"> .tab-bar.static-layout:not(.animating.inserting-tab):not(.dragging-tab) > .item:nth-last-child(1 of :not(.pinned)),
</span><span class="cx"> .tab-bar.animating.closing-tab > .item.selected {
</span><del>- border-right: 1px solid rgb(168, 168, 168);
</del><ins>+ border-right: 1px solid hsl(0, 0%, 65%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .tab-bar.dragging-tab > .item.selected,
</span><span class="cx"> body.window-inactive .tab-bar.static-layout:not(.animating.inserting-tab):not(.dragging-tab) > .item:nth-last-child(1 of :not(.pinned)),
</span><span class="cx"> body.window-inactive .tab-bar.animating.closing-tab > .item.selected {
</span><del>- border-right-color: rgb(219, 219, 219) !important;
</del><ins>+ border-right-color: hsl(0, 0%, 85%) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .tab-bar.dragging-tab > .item.selected {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTextEditorcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TextEditor.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TextEditor.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TextEditor.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -99,7 +99,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .text-editor > .CodeMirror .execution-line {
</span><del>- background-color: rgb(217, 234, 208) !important;
</del><ins>+ background-color: hsl(99, 38%, 86%) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .text-editor > .CodeMirror .highlighted {
</span><span class="lines">@@ -112,10 +112,10 @@
</span><span class="cx">
</span><span class="cx"> .text-editor > .CodeMirror .hovered-expression-highlight {
</span><span class="cx"> -webkit-animation: "text-editor-hovered-expression-highlight-fadeout" 2s;
</span><del>- background-color: rgba(0, 0, 0, 0.1);
</del><ins>+ background-color: hsla(0, 0%, 0%, 0.1);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> @-webkit-keyframes text-editor-hovered-expression-highlight-fadeout {
</span><span class="cx"> from { background-color: highlight; }
</span><del>- to { background-color: rgba(0, 0, 0, 0.1); }
</del><ins>+ to { background-color: hsla(0, 0%, 0%, 0.1); }
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineDataGridcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -24,11 +24,11 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .data-grid.timeline th {
</span><del>- border-top: 1px solid rgb(179, 179, 179);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .data-grid.timeline th {
</span><del>- border-top-color: rgb(219, 219, 219);
</del><ins>+ border-top-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-data-grid-tree-outline {
</span><span class="lines">@@ -65,11 +65,11 @@
</span><span class="cx"> .timeline-data-grid-tree-outline .item:hover {
</span><span class="cx"> color: white;
</span><span class="cx"> border-radius: 4px;
</span><del>- box-shadow: inset rgb(87, 152, 206) 0 1px 0;
- background: linear-gradient(to bottom, rgb(110, 167, 216), rgb(36, 114, 181));
</del><ins>+ box-shadow: inset hsl(207, 54%, 57%) 0 1px 0;
+ background: linear-gradient(to bottom, hsl(207, 57%, 63%), hsl(207, 66%, 42%));
</ins><span class="cx"> background-origin: padding-box;
</span><span class="cx"> background-clip: padding-box;
</span><del>- text-shadow: rgb(51, 88, 123) 0 1px 0;
</del><ins>+ text-shadow: hsl(209, 41%, 34%) 0 1px 0;
</ins><span class="cx"> -webkit-text-stroke: 0.4px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -90,7 +90,7 @@
</span><span class="cx">
</span><span class="cx"> .timeline-data-grid-tree-outline .item .subtitle {
</span><span class="cx"> font-size: 9px;
</span><del>- color: rgba(0, 0, 0, 0.7);
</del><ins>+ color: hsla(0, 0%, 0%, 0.7);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-data-grid-tree-outline .item:hover .subtitle {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineOverviewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -83,12 +83,12 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-overview > .graphs-container > .timeline-overview-graph:nth-child(even) {
</span><del>- background-color: rgb(247, 247, 247);
</del><ins>+ background-color: hsl(0, 0%, 96%);
</ins><span class="cx"> background-clip: padding-box;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-overview > .graphs-container > .timeline-overview-graph:not(:first-child) {
</span><del>- border-top: 1px solid rgba(0, 0, 0, 0.09);
</del><ins>+ border-top: 1px solid hsla(0, 0%, 0%, 0.09);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-overview > .scroll-container > .scroll-width-sizer {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRecordBarcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -31,8 +31,8 @@
</span><span class="cx"> .timeline-record-bar > .segment {
</span><span class="cx"> position: absolute;
</span><span class="cx"> height: 100%;
</span><del>- background-color: rgb(225, 225, 225);
- border: 1px solid rgb(200, 200, 200);
</del><ins>+ background-color: hsl(0, 0%, 88%);
+ border: 1px solid hsl(0, 0%, 78%);
</ins><span class="cx"> border-radius: 3px;
</span><span class="cx"> min-width: 4px;
</span><span class="cx"> z-index: 1;
</span><span class="lines">@@ -65,36 +65,36 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> :matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive {
</span><del>- background-color: rgb(196, 215, 242) !important;
</del><ins>+ background-color: hsl(215, 63%, 85%) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> :matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
</span><del>- border-left: 1px solid rgba(56, 121, 217, 0.7) !important;
</del><ins>+ border-left: 1px solid hsla(215, 67%, 53%, 0.7) !important;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-bar.timeline-record-type-network > .segment {
</span><del>- background-color: rgb(120, 176, 225);
- border-color: rgb(61, 147, 200);
</del><ins>+ background-color: hsl(207, 63%, 67%);
+ border-color: hsl(202, 55%, 51%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-bar.timeline-record-type-network > .segment.inactive {
</span><del>- background-color: rgb(167, 204, 237);
- border-color: rgb(127, 185, 220);
</del><ins>+ background-color: hsl(208, 66%, 79%);
+ border-color: hsl(202, 57%, 68%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-bar.timeline-record-type-layout > .segment {
</span><del>- background-color: rgb(234, 153, 153);
- border-color: rgb(212, 108, 108);
</del><ins>+ background-color: hsl(0, 65%, 75%);
+ border-color: hsl(0, 54%, 62%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx">
</span><span class="cx"> .timeline-record-bar.timeline-record-type-layout.layout-timeline-record-paint > .segment,
</span><span class="cx"> .timeline-record-bar.timeline-record-type-layout.layout-timeline-record-composite > .segment {
</span><del>- background-color: rgb(176, 204, 105);
- border-color: rgb(152, 188, 77);
</del><ins>+ background-color: hsl(76, 49%, 60%);
+ border-color: hsl(79, 45%, 51%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-bar.timeline-record-type-script > .segment {
</span><del>- background-color: rgb(190, 148, 233);
- border-color: rgb(153, 113, 185);
</del><ins>+ background-color: hsl(269, 65%, 74%);
+ border-color: hsl(273, 33%, 58%);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRecordFramecss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -32,7 +32,7 @@
</span><span class="cx">
</span><span class="cx"> overflow: hidden;
</span><span class="cx">
</span><del>- -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%);
</del><ins>+ -webkit-mask-image: -webkit-linear-gradient(hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 1) 10%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-frame > .frame {
</span><span class="lines">@@ -51,10 +51,10 @@
</span><span class="cx"> box-sizing: border-box;
</span><span class="cx">
</span><span class="cx"> min-height: 3px;
</span><del>- background-color: rgb(231, 231, 231);
</del><ins>+ background-color: hsl(0, 0%, 90%);
</ins><span class="cx"> border-style: solid solid none solid;
</span><span class="cx"> border-width: 1px;
</span><del>- border-color: rgb(211, 211, 211);
</del><ins>+ border-color: hsl(0, 0%, 82%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-frame > .frame > .duration:last-child {
</span><span class="lines">@@ -62,16 +62,16 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-script {
</span><del>- background-color: rgb(190, 148, 233);
- border-color: rgb(153, 113, 185);
</del><ins>+ background-color: hsl(269, 65%, 74%);
+ border-color: hsl(273, 33%, 58%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-layout {
</span><del>- background-color: rgb(234, 153, 153);
- border-color: rgb(212, 108, 108);
</del><ins>+ background-color: hsl(0, 65%, 75%);
+ border-color: hsl(0, 54%, 62%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-record-frame > .frame > .duration.rendering-frame-timeline-record-paint {
</span><del>- background-color: rgb(176, 204, 105);
- border-color: rgb(152, 188, 77);
</del><ins>+ background-color: hsl(76, 49%, 60%);
+ border-color: hsl(79, 45%, 51%);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRecordingContentViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -44,6 +44,6 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .content-view.timeline-recording > .content-view-container > .timeline-view > .data-grid table.data {
</span><del>- background-image: linear-gradient(to bottom, white, white 50%, rgb(243, 243, 243) 50%, rgb(243, 243, 243));
</del><ins>+ background-image: linear-gradient(to bottom, white, white 50%, hsl(0, 0%, 95%) 50%, hsl(0, 0%, 95%));
</ins><span class="cx"> background-size: 100% 40px;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineRulercss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -38,7 +38,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .header {
</span><del>- border-bottom: 1px solid rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx">
</span><span class="cx"> position: absolute;
</span><span class="cx"> top: 0;
</span><span class="lines">@@ -48,7 +48,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .timeline-ruler > .header {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .header > .divider {
</span><span class="lines">@@ -57,11 +57,11 @@
</span><span class="cx"> top: 0;
</span><span class="cx"> bottom: 0;
</span><span class="cx"> -webkit-transform: translateX(-1px);
</span><del>- background-image: linear-gradient(to bottom, rgba(179, 179, 179, 0), rgba(179, 179, 179, 1) 85%);
</del><ins>+ background-image: linear-gradient(to bottom, hsla(0, 0%, 70%, 0), hsla(0, 0%, 70%, 2) 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .timeline-ruler > .header > .divider {
</span><del>- background-image: linear-gradient(to bottom, rgba(219, 219, 219, 0), rgba(219, 219, 219, 1) 85%);
</del><ins>+ background-image: linear-gradient(to bottom, hsla(0, 0%, 85%, 0), hsla(0, 0%, 85%, 1) 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .header > .divider > .label {
</span><span class="lines">@@ -69,7 +69,7 @@
</span><span class="cx"> top: 8px;
</span><span class="cx"> right: 5px;
</span><span class="cx"> font-size: 9px;
</span><del>- color: rgb(128, 128, 128);
</del><ins>+ color: hsl(0, 0%, 50%);
</ins><span class="cx"> white-space: nowrap;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -88,7 +88,7 @@
</span><span class="cx"> top: 1px;
</span><span class="cx"> bottom: 0;
</span><span class="cx"> -webkit-transform: translateX(-1px);
</span><del>- background-color: rgba(0, 0, 0, 0.05);
</del><ins>+ background-color: hsla(0, 0%, 0%, 0.05);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .markers > .marker {
</span><span class="lines">@@ -100,7 +100,7 @@
</span><span class="cx">
</span><span class="cx"> border-left-width: 1px;
</span><span class="cx"> border-left-style: dashed;
</span><del>- border-left-color: rgba(128, 128, 128, 0.5);
</del><ins>+ border-left-color: hsla(0, 0%, 50%, 0.5);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .markers > .marker.current-time {
</span><span class="lines">@@ -123,15 +123,15 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .markers > .marker.load-event {
</span><del>- border-left-color: rgba(255, 0, 0, 0.5);
</del><ins>+ border-left-color: hsla(0, 100%, 50%, 0.5);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .markers > .marker.dom-content-event {
</span><del>- border-left-color: rgba(0, 0, 255, 0.5);
</del><ins>+ border-left-color: hsla(240, 100%, 50%, 0.5);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .markers > .marker.timestamp {
</span><del>- border-left-color: rgba(0, 110, 0, 0.5);
</del><ins>+ border-left-color: hsla(119, 100%, 21%, 0.5);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .timeline-ruler > .selection-drag {
</span><span class="lines">@@ -152,7 +152,7 @@
</span><span class="cx"> width: 8px;
</span><span class="cx"> height: 28px;
</span><span class="cx"> border-radius: 5px;
</span><del>- background-color: rgb(164, 164, 164);
</del><ins>+ background-color: hsl(0, 0%, 64%);
</ins><span class="cx"> border: 1px solid white;
</span><span class="cx"> cursor: col-resize;
</span><span class="cx"> pointer-events: all;
</span><span class="lines">@@ -171,7 +171,7 @@
</span><span class="cx"> position: absolute;
</span><span class="cx"> top: 0;
</span><span class="cx"> bottom: 0;
</span><del>- background-color: rgba(0, 0, 0, 0.1);
</del><ins>+ background-color: hsla(0, 0%, 0%, 0.1);
</ins><span class="cx"> z-index: 15;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -29,11 +29,11 @@
</span><span class="cx"> left: 0;
</span><span class="cx"> right: 0;
</span><span class="cx"> height: 29px;
</span><del>- border-bottom: 1px solid rgb(179, 179, 179);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .sidebar > .panel.navigation.timeline > .status-bar {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph {
</span><span class="lines">@@ -80,8 +80,8 @@
</span><span class="cx"> line-height: 20px;
</span><span class="cx"> font-weight: bold;
</span><span class="cx">
</span><del>- color: rgb(76, 76, 76);
- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
</del><ins>+ color: hsl(0, 0%, 29%);
+ text-shadow: hsla(0, 0%, 100%, 0.5) 0 1px 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .panel.timeline .navigation-bar.timelines-view {
</span><span class="lines">@@ -95,9 +95,9 @@
</span><span class="cx">
</span><span class="cx"> height: 29px;
</span><span class="cx">
</span><del>- border-bottom: 1px solid rgb(179, 179, 179);
- background-color: rgb(242, 242, 242);
- color: rgb(57, 57, 57);
</del><ins>+ border-bottom: 1px solid hsl(0, 0%, 70%);
+ background-color: hsl(0, 0%, 94%);
+ color: hsl(0, 0%, 22%);
</ins><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> overflow: hidden;
</span><span class="lines">@@ -112,7 +112,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar {
</span><del>- border-bottom-color: rgb(219, 219, 219);
</del><ins>+ border-bottom-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .title-bar.timelines {
</span><span class="lines">@@ -138,7 +138,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 rgb(179, 179, 179);
</del><ins>+ border-top: 1px solid hsl(0, 0%, 70%);
</ins><span class="cx"> top: 166px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -163,7 +163,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .sidebar > .panel.navigation.timeline > .title-bar.timeline-events {
</span><del>- border-top-color: rgb(219, 219, 219);
</del><ins>+ border-top-color: hsl(0, 0%, 85%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .timelines-content {
</span><span class="lines">@@ -195,24 +195,24 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .timelines-content li.item:not(.selected):nth-child(even) {
</span><del>- background-color: rgba(0, 0, 0, 0.03);
</del><ins>+ background-color: hsla(0, 0%, 0%, 0.03);
</ins><span class="cx"> background-clip: padding-box;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .timelines-content li.item:not(.selected):not(:first-child) {
</span><del>- border-top: 1px solid rgba(0, 0, 0, 0.09);
</del><ins>+ border-top: 1px solid hsla(0, 0%, 0%, 0.09);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item {
</span><del>- border-top-color: rgb(212, 212, 212);
</del><ins>+ border-top-color: hsl(0, 0%, 83%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item {
</span><del>- border-top-color: rgb(212, 212, 212);
</del><ins>+ border-top-color: hsl(0, 0%, 83%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .timelines-content :focus li.item.selected + li.item {
</span><del>- border-top-color: rgb(0, 128, 252);
</del><ins>+ border-top-color: hsl(209, 100%, 49%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.navigation.timeline > .content,
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTimelineViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TimelineView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -37,6 +37,6 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .panel.navigation.timeline.timeline-recording-content-view-showing > .content > .navigation-sidebar-panel-content-tree-outline {
</span><del>- background-image: linear-gradient(to bottom, transparent, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03));
</del><ins>+ background-image: linear-gradient(to bottom, transparent, transparent 50%, hsla(0, 0%, 0%, 0.03) 50%, hsla(0, 0%, 0%, 0.03));
</ins><span class="cx"> background-size: 100% 40px;
</span><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsToolbarcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Toolbar.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -44,7 +44,7 @@
</span><span class="cx">
</span><span class="cx"> body.window-inactive:not(.mavericks) .toolbar {
</span><span class="cx"> background-image: none;
</span><del>- background-color: rgb(246, 246, 246);
</del><ins>+ background-color: hsl(0, 0%, 96%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.mac-platform:not(.docked, .mavericks) .toolbar {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTreeElementStatusButtoncss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -31,7 +31,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .item > .status > .status-button > svg .filled {
</span><del>- fill: rgb(128, 128, 128);
</del><ins>+ fill: hsl(0, 0%, 50%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> :matches(:focus, .force-focus) .item.selected > .status > .status-button > svg .filled {
</span><span class="lines">@@ -39,7 +39,7 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .item > .status > .status-button > svg .stroked {
</span><del>- stroke: rgb(128, 128, 128);
</del><ins>+ stroke: hsl(0, 0%, 50%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> :matches(:focus, .force-focus) .item.selected > .status > .status-button > svg .stroked {
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTypeTokenViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TypeTokenView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TypeTokenView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TypeTokenView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -44,29 +44,29 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .type-token-function, .type-token-boolean {
</span><del>- background-color: rgb(204, 59, 191);
</del><ins>+ background-color: hsl(305, 58%, 51%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .type-token-number {
</span><del>- background-color: rgb(59, 112, 226);
</del><ins>+ background-color: hsl(220, 74%, 55%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .type-token-string {
</span><del>- background-color: rgb(223, 53, 46);
</del><ins>+ background-color: hsl(2, 73%, 52%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .type-token-symbol {
</span><del>- background-color: rgb(63, 169, 156);
</del><ins>+ background-color: hsl(172, 45%, 45%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .type-token-default {
</span><del>- background-color: rgb(118, 174, 29);
</del><ins>+ background-color: hsl(83, 71%, 39%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .type-token-empty {
</span><del>- background-color: rgb(126, 126, 126);
</del><ins>+ background-color: hsl(0, 0%, 49%);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .type-token-many {
</span><del>- background-color: rgb(237, 132, 0);
</del><ins>+ background-color: hsl(33, 100%, 46%);
</ins><span class="cx"> }
</span></span></pre></div>
<a id="branchessafari601branchSourceWebInspectorUIUserInterfaceViewsTypeTreeViewcss"></a>
<div class="modfile"><h4>Modified: branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TypeTreeView.css (193011 => 193012)</h4>
<pre class="diff"><span>
<span class="info">--- branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TypeTreeView.css 2015-12-03 18:30:33 UTC (rev 193011)
+++ branches/safari-601-branch/Source/WebInspectorUI/UserInterface/Views/TypeTreeView.css 2015-12-03 18:31:13 UTC (rev 193012)
</span><span class="lines">@@ -60,6 +60,6 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .type-tree-outline li .empty-message {
</span><del>- color: rgb(60%, 60%, 60%);
</del><ins>+ color: hsl(0, 0%, 60%);
</ins><span class="cx"> margin-left: 13px;
</span><span class="cx"> }
</span></span></pre>
</div>
</div>
</body>
</html>