aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/browser
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome/browser')
-rw-r--r--arc-firefox-theme/chrome/browser/Push-16.pngbin606 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Push-64.pngbin8056 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/aboutCertError.css112
-rw-r--r--arc-firefox-theme/chrome/browser/aboutNetError.css24
-rw-r--r--arc-firefox-theme/chrome/browser/aboutTabCrashed.css31
-rw-r--r--arc-firefox-theme/chrome/browser/badge-add-engine@2x.pngbin0 -> 888 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/browser-lightweightTheme.css4
-rw-r--r--arc-firefox-theme/chrome/browser/browser.css274
-rw-r--r--arc-firefox-theme/chrome/browser/cert-error.svg43
-rw-r--r--arc-firefox-theme/chrome/browser/controlcenter/panel.css14
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl@2x.pngbin0 -> 16521 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/customize-illustration@2x.pngbin0 -> 16465 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip@2x.pngbin0 -> 501 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css15
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip@2x.pngbin0 -> 260 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl@2x.pngbin0 -> 465 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted@2x.pngbin0 -> 667 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.pngbin4296 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.pngbin11126 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devedition.css14
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/add.svg9
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/alerticon-warning.pngbin613 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.pngbin432 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/animation-fast-track.svg9
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/animationinspector.css508
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css224
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.pngbin5208 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/device.css410
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/help.css40
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg18
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/index.css103
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/noise.pngbin6216 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css556
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/arrow-e.pngbin168 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.pngbin417 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.pngbin1207 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.pngbin259 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.pngbin564 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css447
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/close.pngbin1466 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/close@2x.pngbin272 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-console.pngbin548 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-console@2x.pngbin1225 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-eyedropper.pngbin1049 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.pngbin2066 -> 0 bytes
-rwxr-xr-xarc-firefox-theme/chrome/browser/devtools/command-frames.pngbin522 -> 0 bytes
-rwxr-xr-xarc-firefox-theme/chrome/browser/devtools/command-frames@2x.pngbin836 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-paintflashing.pngbin872 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.pngbin1833 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-pick.pngbin1237 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-pick@2x.pngbin2721 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-responsivemode.pngbin951 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.pngbin1411 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-rulers.pngbin1281 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.pngbin1369 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-scratchpad.pngbin556 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.pngbin898 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-screenshot.pngbin1202 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.pngbin1631 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-tilt.pngbin1344 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.pngbin2411 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/commandline-icon.pngbin254 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.pngbin586 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/commandline.css172
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/common.css280
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/computedview.css203
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/controls.pngbin1630 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/controls@2x.pngbin2045 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.pngbin1184 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.pngbin1661 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dark-theme.css1463
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.pngbin547 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.pngbin988 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-collapse.pngbin311 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.pngbin338 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-expand.pngbin310 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.pngbin350 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-pause.pngbin150 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.pngbin189 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-play.pngbin288 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.pngbin494 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.pngbin639 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.pngbin1259 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-in.pngbin206 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.pngbin355 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-out.pngbin214 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.pngbin339 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-over.pngbin306 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.pngbin472 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.pngbin886 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.pngbin1676 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger.css677
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dock-bottom-maximize@2x.pngbin1096 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dock-bottom-minimize@2x.pngbin1125 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.pngbin154 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dock-side@2x.pngbin153 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dropmarker.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.pngbin430 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-breakpoint@2x.pngbin773 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-debug-location.pngbin266 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.pngbin462 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-error.pngbin3794 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/eyedropper.css45
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/fast-forward.pngbin1260 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.pngbin1621 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filetype-store.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filters.svg25
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css10
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css34
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/font-inspector.css80
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/inspector.css155
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg7
-rwxr-xr-xarc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemToggle.pngbin571 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.pngbin1032 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/layoutview.css339
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/light-theme.css1461
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.pngbin186 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.pngbin421 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/magnifying-glass.pngbin192 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.pngbin449 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/markup-view.css112
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/memory.css81
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/netmonitor.css864
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/newtab-inverted.pngbin470 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.pngbin866 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/newtab.pngbin568 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/newtab@2x.pngbin1742 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/noise.pngbin2118 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/performance-icons.svg45
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/performance.css758
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/power.svg14
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg17
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg17
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css188
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/promisedebugger.css3
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/pseudo-class.svg29
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.pngbin102 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.pngbin129 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.pngbin129 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.pngbin205 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.pngbin105 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.pngbin141 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-home.pngbin276 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.pngbin245 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.pngbin438 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.pngbin303 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.pngbin531 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.pngbin470 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.pngbin927 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/rewind.pngbin1269 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/rewind@2x.pngbin1650 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/ruleview.css329
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/scratchpad.css9
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg15
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg15
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg15
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/shadereditor.css119
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/splitview.css135
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/storage.css48
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/styleeditor.css305
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg26
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/toggle-tools.pngbin883 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.pngbin1834 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg10
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-network.svg39
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-options.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg17
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg17
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg9
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-shadereditor.svg26
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-storage.svg10
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg9
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.pngbin1418 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.pngbin1796 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.pngbin1434 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.pngbin1870 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.pngbin1401 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.pngbin1866 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.pngbin1377 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.pngbin1752 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tracer-icon.pngbin709 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.pngbin1323 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/undock@2x.pngbin178 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-delete.pngbin3229 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.pngbin3542 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-edit.pngbin3329 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.pngbin4062 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-lock.pngbin3269 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.pngbin3839 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.pngbin2942 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.pngbin3095 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css253
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/webconsole.css598
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/webconsole.svg101
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/widgets.css1590
-rw-r--r--arc-firefox-theme/chrome/browser/magnifier.pngbin371 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/magnifier@2x.pngbin689 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/newtab/newTab.css6
-rw-r--r--arc-firefox-theme/chrome/browser/notification-16.pngbin610 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/notification-64.pngbin3373 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css4
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css33
-rw-r--r--arc-firefox-theme/chrome/browser/sass/_browser-sass.scss364
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-dark.css274
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-darker.css274
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-light.css274
-rw-r--r--arc-firefox-theme/chrome/browser/search-engine-placeholder@2x.pngbin0 -> 461 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/search-indicator-badge-add@2x.pngbin0 -> 2263 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/search-indicator@2x.pngbin0 -> 694 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/searchbar.css34
-rw-r--r--arc-firefox-theme/chrome/browser/social/chat-icons.svg2
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg2
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg2
-rw-r--r--arc-firefox-theme/chrome/browser/tabview/tabview.css2
-rw-r--r--arc-firefox-theme/chrome/browser/theme-switcher-icon@2x.pngbin0 -> 5595 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/undoCloseTab@2x.pngbin0 -> 2413 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/usercontext/banking.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/usercontext/personal.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/usercontext/shopping.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/usercontext/work.svg8
-rw-r--r--arc-firefox-theme/chrome/browser/web-notifications-icon.svg15
-rw-r--r--arc-firefox-theme/chrome/browser/web-notifications-tray.svg23
240 files changed, 1356 insertions, 13776 deletions
diff --git a/arc-firefox-theme/chrome/browser/Push-16.png b/arc-firefox-theme/chrome/browser/Push-16.png
deleted file mode 100644
index 082b177..0000000
--- a/arc-firefox-theme/chrome/browser/Push-16.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Push-64.png b/arc-firefox-theme/chrome/browser/Push-64.png
deleted file mode 100644
index 6e09ab9..0000000
--- a/arc-firefox-theme/chrome/browser/Push-64.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/aboutCertError.css b/arc-firefox-theme/chrome/browser/aboutCertError.css
index c7caf53..e406eec 100644
--- a/arc-firefox-theme/chrome/browser/aboutCertError.css
+++ b/arc-firefox-theme/chrome/browser/aboutCertError.css
@@ -2,71 +2,97 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+@import url("chrome://global/skin/in-content/common.css");
-html {
- background: -moz-Dialog;
+body {
+ display: flex;
+ box-sizing: border-box;
+ min-height: 100vh;
+ padding: 0 48px;
+ align-items: center;
+ justify-content: center;
}
-body {
- margin: 0;
- padding: 0 1em;
- color: -moz-FieldText;
- font: message-box;
+#errorPageContainer {
+ position: relative;
+ min-width: 320px;
+ max-width: 512px;
}
-h1 {
- margin: 0 0 .6em 0;
- border-bottom: 1px solid ThreeDLightShadow;
- font-size: 160%;
+#errorTitle {
+ background: url("chrome://browser/skin/cert-error.svg") left 0 no-repeat;
+ background-size: 3em;
+ margin-inline-start: -5em;
+ padding-inline-start: 5em;
}
-h2 {
- font-size: 130%;
+#errorTitle:-moz-dir(rtl) {
+ background-position: right 0;
}
-#errorPageContainer {
- position: relative;
- min-width: 13em;
- max-width: 52em;
- margin: 4em auto;
- border: 1px solid #FFBD09; /* pale yellow extracted from yellow passport icon */
- border-radius: 10px;
- padding: 3em;
- -moz-padding-start: 30px;
- background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field;
- background-origin: content-box;
+#errorTitleText {
+ border-bottom: 1px solid #C1C1C1;
+ padding-bottom: 0.4em;
}
-#errorPageContainer:-moz-dir(rtl) {
- background-position: right 0;
+@media (max-width: 675px) {
+ #errorTitle {
+ padding-top: 0;
+ background-image: none;
+ margin-inline-start: 0;
+ padding-inline-start: 0;
+ }
}
-#errorTitle {
- -moz-margin-start: 80px;
+#buttonContainer {
+ display: flex;
+ flex-flow: row wrap;
}
-#errorLongContent {
- -moz-margin-start: 80px;
+#buttonSpacer {
+ flex: 1;
}
-.expander > button {
- -moz-padding-start: 20px;
- -moz-margin-start: -20px;
- background: url("chrome://browser/skin/aboutCertError_sectionExpanded.png") left center no-repeat;
- border: none;
- font: inherit;
- color: inherit;
+/* Pressing the retry button will cause the cursor to flicker from a pointer to
+ * not-allowed. Override the disabled cursor behaviour since we will never show
+ * the button disabled as the initial state. Remove this in Bug 1219861. */
+button:disabled {
cursor: pointer;
}
-.expander > button:-moz-dir(rtl) {
- background-position: right center;
+#returnButton {
+ background-color: var(--in-content-primary-button-background);
+ border: none;
+ color: var(--in-content-selected-text);
+ min-width: 250px;
+ margin-inline-start: 0;
+}
+
+#returnButton:hover {
+ background-color: var(--in-content-primary-button-background-hover) !important;
+}
+
+#returnButton:hover:active {
+ background-color: var(--in-content-primary-button-background-active) !important;
+}
+
+#advancedButton {
+ min-width: 150px;
}
-.expander[collapsed] > button {
- background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed.png");
+/* Advanced section is hidden via inline styles until the link is clicked */
+#advancedPanel {
+ background-color: white;
+ color: var(--in-content-text-color);
+ border: 1px lightgray solid;
+ /* Don't use top padding because the default p style has top padding, and it
+ * makes the overall div look uneven */
+ padding: 0 12px 10px;
+ margin-top: 10px;
+ box-shadow: 0 0 4px #ddd;
+ font-size: 0.9em;
}
-.expander[collapsed] > button:-moz-dir(rtl) {
- background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed-rtl.png");
+.hostname {
+ font-weight: bold;
}
diff --git a/arc-firefox-theme/chrome/browser/aboutNetError.css b/arc-firefox-theme/chrome/browser/aboutNetError.css
index ff80788..7a4eca3 100644
--- a/arc-firefox-theme/chrome/browser/aboutNetError.css
+++ b/arc-firefox-theme/chrome/browser/aboutNetError.css
@@ -49,7 +49,8 @@ ul {
background-position: right 0;
}
-#errorTitle[sslv3=true] {
+#errorTitle[sslv3=true],
+#errorTitle[weakCrypto=true] {
background-image: url("aboutNetError_alert.svg");
}
@@ -78,7 +79,8 @@ button:disabled {
cursor: pointer;
}
-div#certificateErrorReporting {
+div#certificateErrorReporting,
+div#weakCryptoAdvanced {
display: none;
float: right;
/* Align with the "Try Again" button */
@@ -86,11 +88,13 @@ div#certificateErrorReporting {
-moz-margin-end: 24px;
}
-div#certificateErrorReporting a {
+div#certificateErrorReporting a,
+div#weakCryptoAdvanced a {
text-decoration: none;
}
-div#certificateErrorReporting a:hover {
+div#certificateErrorReporting a:hover,
+div#weakCryptoAdvanced a:hover {
text-decoration: underline;
}
@@ -102,7 +106,8 @@ span.downArrow {
transform: scaleY(0.7);
}
-div#certificateErrorReportingPanel {
+div#certificateErrorReportingPanel,
+div#weakCryptoAdvancedPanel {
/* Hidden until the link is clicked */
display: none;
background-color: white;
@@ -117,15 +122,18 @@ div#certificateErrorReportingPanel {
margin-top: 10px;
}
-div#certificateErrorReportingPanel:-moz-dir(ltr) {
+div#certificateErrorReportingPanel:-moz-dir(ltr),
+div#weakCryptoAdvancedPanel:-moz-dir(ltr) {
left: 34%;
}
-div#certificateErrorReportingPanel:-moz-dir(rtl) {
+div#certificateErrorReportingPanel:-moz-dir(rtl),
+div#weakCryptoAdvancedPanel:-moz-dir(rtl) {
right: 0;
}
-#errorStatePanel {
+#errorStatePanel,
+#overrideWeakCryptoPanel {
display: flex;
flex-direction: row;
flex-wrap: wrap;
diff --git a/arc-firefox-theme/chrome/browser/aboutTabCrashed.css b/arc-firefox-theme/chrome/browser/aboutTabCrashed.css
index 2ef767e..e42922a 100644
--- a/arc-firefox-theme/chrome/browser/aboutTabCrashed.css
+++ b/arc-firefox-theme/chrome/browser/aboutTabCrashed.css
@@ -9,3 +9,34 @@
#reportSent {
font-weight: bold;
}
+
+#crash-reporter-container {
+ width: 80%;
+ background-color: var(--in-content-box-background-hover);
+ margin: 24px 0;
+ padding: 14px;
+ border: 1px solid var(--in-content-box-border-color);
+ border-radius: 2px;
+}
+
+#crash-reporter-title {
+ font-weight: bold;
+ margin: 0 0 14px 0;
+}
+
+input[type="text"],
+textarea {
+ width: 100%;
+ box-sizing: border-box;
+ resize: none;
+}
+
+#options {
+ list-style: none;
+ margin-inline-start: 0;
+}
+
+input[type="text"],
+#options > li {
+ margin: 14px 0 0 0;
+}
diff --git a/arc-firefox-theme/chrome/browser/badge-add-engine@2x.png b/arc-firefox-theme/chrome/browser/badge-add-engine@2x.png
new file mode 100644
index 0000000..abf084a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/badge-add-engine@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css b/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css
index 8bc1b45..53f07ec 100644
--- a/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css
+++ b/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css
@@ -18,7 +18,7 @@
#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
background-attachment: scroll, fixed;
background-color: transparent;
- background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*, lwtHeader;*/
+ background-image: linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4));/*, lwtHeader;*/
background-position: 0 0, right top;
background-repeat: repeat-x, no-repeat;
}
@@ -27,7 +27,7 @@
background-attachment: scroll, scroll, fixed;
background-color: transparent;
background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png),
- linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*,
+ linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4));/*,
lwtHeader;*/
background-position: 0 0, 0 0, right top;
background-repeat: repeat-x, repeat-x, no-repeat;
diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
index 3752502..e7c3a52 100644
--- a/arc-firefox-theme/chrome/browser/browser.css
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -95,10 +95,6 @@
/* opaque for layers optimization */
background-color: -moz-Dialog; }
-#urlbar:-moz-lwtheme:not([focused="true"]),
-.searchbar-textbox:-moz-lwtheme:not([focused="true"]) {
- opacity: .85; }
-
/* Places toolbar */
toolbarbutton.bookmark-item:not(.subviewbutton),
#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
@@ -482,6 +478,15 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
list-style-image: url("chrome://global/skin/console/console.png"); }
/* Primary toolbar buttons */
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
+ max-width: 16px; }
+
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ max-width: 18px; }
+
.findbar-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
@@ -503,19 +508,16 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
transition-property: background-color, border-color;
transition-duration: 150ms; }
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
padding: 3px 7px; }
-/* Help SDK icons fit: */
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
- width: 16px; }
-
-:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
- /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
- width: 32px; }
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ /* horizontal padding + border + actual icon width */
+ max-width: 32px !important; }
#nav-bar #PanelUI-menu-button {
-moz-padding-start: 5px;
@@ -580,18 +582,30 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
padding: 3px; }
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons {
+ margin-left: 2px;
+ margin-right: 2px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons > .toolbarbutton-1 {
+ padding-left: 0;
+ padding-right: 0; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons:not(:hover) > separator,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
content: "";
display: -moz-box;
width: 1px;
height: 18px;
-moz-margin-end: -1px;
- background-image: var(--toolbarbutton-combined-backgroundimage);
- background-clip: padding-box;
+ background-image: linear-gradient(currentColor 0, currentColor 100%);
background-position: center;
background-repeat: no-repeat;
background-size: 1px 18px;
- box-shadow: var(--toolbarbutton-combined-boxshadow); }
+ opacity: .2; }
+
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbaritem-combined-buttons > separator,
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ opacity: .3; }
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-moz-margin-start: -4px; }
@@ -641,14 +655,14 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; }
/* Menu panel buttons */
-:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); }
- #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
+ #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"); }
-#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
@@ -788,9 +802,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
transform: scaleX(-1); }
-#web-apps-button[cui-areatype="toolbar"] {
- -moz-image-region: rect(0, 720px, 18px, 702px); }
-
#loop-button {
list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg");
-moz-image-region: rect(0, 18px, 18px, 0); }
@@ -838,8 +849,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
@media not all and (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image); }
#home-button[cui-areatype="menu-panel"],
@@ -963,10 +974,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
-moz-image-region: rect(32px, 896px, 64px, 864px); }
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 928px, 32px, 896px); }
-
#webide-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #webide-button {
-moz-image-region: rect(0px, 960px, 32px, 928px); }
@@ -1042,8 +1049,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
/* Menu panel and palette styles */
@media (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image-2x); }
#home-button[cui-areatype="menu-panel"],
@@ -1206,10 +1213,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
-moz-image-region: rect(64px, 1792px, 128px, 1728px); }
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 1856px, 64px, 1792px); }
-
toolbaritem[sdkstylewidget="true"] > toolbarbutton {
-moz-image-region: rect(0, 1664px, 64px, 1600px); }
@@ -1284,7 +1287,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#minimize-button:active {
list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/minimize_pressed.svg"); }
-/* Location bar */
#urlbar,
.searchbar-textbox {
-moz-appearance: none;
@@ -1304,6 +1306,15 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
.searchbar-textbox {
border-radius: 20px; }
+#urlbar:-moz-lwtheme,
+.searchbar-textbox:-moz-lwtheme {
+ background-color: rgba(255, 255, 255, 0.8);
+ color: black; }
+
+#urlbar:-moz-lwtheme[focused=true],
+.searchbar-textbox:-moz-lwtheme[focused=true] {
+ background-color: white; }
+
.urlbar-textbox-container {
-moz-appearance: none;
-moz-box-align: center; }
@@ -1315,7 +1326,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-appearance: toolbarbutton-dropdown;
transition: opacity 0.15s ease; }
-#urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker {
+#navigator-toolbox:not(:hover) .urlbar-history-dropmarker {
opacity: 0; }
#urlbar-container {
@@ -1489,6 +1500,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.verifiedIdentity > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-secure.svg); }
+.insecureLoginForms > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
.mixedActiveContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-mixed-active-loaded.svg); }
@@ -1518,9 +1530,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.popup-notification-icon[popupid="geolocation"] {
list-style-image: url(chrome://browser/skin/Geolocation-64.png); }
-.popup-notification-icon[popupid="push"] {
- list-style-image: url(chrome://browser/skin/Push-64.png); }
-
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
.popup-notification-icon[popupid="addon-install-origin-blocked"] {
@@ -1548,7 +1557,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); }
.popup-notification-icon[popupid="web-notifications"] {
- list-style-image: url(chrome://browser/skin/notification-64.png); }
+ list-style-image: url(chrome://browser/skin/web-notifications-icon.svg); }
.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
.popup-notification-icon[popupid*="offline-app-requested"],
@@ -1613,9 +1622,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
#geo-notification-icon {
list-style-image: url(chrome://browser/skin/Geolocation-16.png); }
-#push-notification-icon {
- list-style-image: url(chrome://browser/skin/Push-16.png); }
-
#addons-notification-icon {
list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); }
@@ -1699,7 +1705,16 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.web-notifications-notification-icon,
#web-notifications-notification-icon {
- list-style-image: url(chrome://browser/skin/notification-16.png); }
+ list-style-image: url(chrome://browser/skin/web-notifications-tray.svg);
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+.web-notifications-notification-icon:hover,
+#web-notifications-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+.web-notifications-notification-icon:hover:active,
+#web-notifications-notification-icon:hover:active {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
.pointerLock-notification-icon,
#pointerLock-notification-icon {
@@ -2571,6 +2586,29 @@ lwtHeader;*/
background-repeat: no-repeat;
background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; }
+/* User Context UI - change tab decoration depending on userContextId.
+ Defaults to gray for unknown usercontextids. */
+.tabbrowser-tab[usercontextid] {
+ background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%);
+ background-size: auto 2px;
+ background-repeat: no-repeat; }
+
+/* Personal User Context */
+.tabbrowser-tab[usercontextid="1"] {
+ background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); }
+
+/* Work User Context */
+.tabbrowser-tab[usercontextid="2"] {
+ background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); }
+
+/* Banking User Context */
+.tabbrowser-tab[usercontextid="3"] {
+ background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); }
+
+/* Shopping User Context */
+.tabbrowser-tab[usercontextid="4"] {
+ background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); }
+
/* Tab pointer-events */
.tabbrowser-tab {
pointer-events: none; }
@@ -2589,12 +2627,20 @@ lwtHeader;*/
height: 100%;
position: absolute; }
-.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
+.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%);
background-position: center bottom var(--tab-toolbar-navbar-overlap);
background-repeat: no-repeat;
background-size: 85% 100%; }
+.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([visuallyselected="true"]) {
+ background-position: left bottom var(--tab-toolbar-navbar-overlap);
+ background-size: 34px 100%; }
+
+.tab-label[attention]:not([visuallyselected="true"]) {
+ font-weight: bold; }
+
/* Tab separators */
/* Also show separators beside the selected tab when dragging it. */
/* New tab button */
@@ -2724,10 +2770,16 @@ lwtHeader;*/
box-shadow: inset -5px 0 ThreeDShadow; }
.alltabs-endimage[muted] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted); }
.alltabs-endimage[soundplaying] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio); }
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu); }
+
+menuitem:hover > hbox > .alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted-hover); }
+
+menuitem:hover > hbox > .alltabs-endimage[soundplaying] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-hover); }
/* Sidebar */
#sidebar-throbber[loading="true"] {
@@ -2798,7 +2850,7 @@ toolbarbutton.chevron > .toolbarbutton-icon {
margin-bottom: 5px; }
#sync-start-panel-subtitle {
- margin: 0; }
+ margin-bottom: 0; }
/* Status panel */
.statuspanel-label {
@@ -2951,7 +3003,7 @@ html|*#fullscreen-exit-button {
-moz-appearance: none;
display: -moz-box;
background-color: transparent;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
border-width: 0;
min-width: 16px; }
@@ -2973,7 +3025,7 @@ html|*#fullscreen-exit-button {
.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-moz-appearance: none !important;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
padding: 0 3px; }
@@ -2982,19 +3034,19 @@ html|*#fullscreen-exit-button {
margin-left: 0; }
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close.png"); }
+ list-style-image: url("chrome://devtools/skin/images/close.png"); }
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate.png"); }
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); }
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png"); }
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate@2x.png"); } }
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); }
.devtools-responsiveui-touch[checked] {
@@ -3002,24 +3054,24 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); }
.devtools-responsiveui-touch[checked] {
-moz-image-region: rect(0px, 64px, 32px, 32px); } }
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot.png"); }
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot@2x.png"); } }
.devtools-responsiveui-resizebarV {
width: 7px;
height: 24px;
cursor: ew-resize;
transform: translate(12px, -12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer.png"); }
.devtools-responsiveui-resizebarH {
width: 24px;
@@ -3027,7 +3079,7 @@ html|*#fullscreen-exit-button {
cursor: ns-resize;
transform: translate(-12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer.png"); }
.devtools-responsiveui-resizehandle {
width: 16px;
@@ -3035,7 +3087,7 @@ html|*#fullscreen-exit-button {
cursor: se-resize;
transform: translate(12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer.png"); }
/* FxOS custom mode with additional buttons and phone look'n feel */
/* Hide devtools manual resizer */
@@ -3071,7 +3123,7 @@ html|*#fullscreen-exit-button {
-moz-user-focus: ignore;
width: 40px;
height: 30px;
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-home.png"); }
.devtools-responsiveui-sleep-button {
-moz-user-focus: ignore;
@@ -3117,13 +3169,13 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-resizebarV {
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer@2x.png"); }
.devtools-responsiveui-resizebarH {
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer@2x.png"); }
.devtools-responsiveui-resizehandle {
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer@2x.png"); } }
/* Developer toolbar */
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
@@ -3180,7 +3232,7 @@ html|*#fullscreen-exit-button {
:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
- filter: url("chrome://browser/skin/devtools/filters.svg#invert"); }
+ filter: url("chrome://devtools/skin/images/filters.svg#invert"); }
.developer-toolbar-button > .toolbarbutton-icon,
#developer-toolbar-closebutton > .toolbarbutton-icon {
@@ -3188,7 +3240,7 @@ html|*#fullscreen-exit-button {
height: 16px; }
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); }
#developer-toolbar-toolbox-button > label {
@@ -3205,7 +3257,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); }
#developer-toolbar-toolbox-button:hover {
@@ -3217,7 +3269,7 @@ html|*#fullscreen-exit-button {
#developer-toolbar-toolbox-button[checked=true] {
-moz-image-region: rect(0px, 128px, 32px, 96px); } }
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close.png");
+ list-style-image: url("chrome://devtools/skin/images/close.png");
-moz-appearance: none;
border: none;
margin: 0 4px;
@@ -3227,7 +3279,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png"); } }
#developer-toolbar-closebutton > .toolbarbutton-icon {
/* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
use evil CSS to give the impression of smaller content */
@@ -3289,7 +3341,7 @@ html|*#gcli-output-frame {
width: 16px;
height: 16px;
margin: 0 2px;
- background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-image: url("chrome://devtools/skin/images/commandline-icon.png");
background-position: 0 center;
background-size: 32px 16px; }
@@ -3298,7 +3350,7 @@ html|*#gcli-output-frame {
@media (min-resolution: 1.1dppx) {
.gclitoolbar-input-node::before {
- background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } }
+ background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } }
.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
background-color: var(--selection-background);
color: var(--selection-color);
@@ -3734,6 +3786,12 @@ toolbar[brighttext] #downloads-indicator-counter {
chatbar > chatbox > .chat-titlebar > .chat-swap-button {
transform: none; }
+chatbox[src^="about:loopconversation#"] .chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white"); }
+
+chatbox[src^="about:loopconversation#"] .chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white"); }
+
.chat-loop-hangup {
list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white");
background-color: #d13f1a;
@@ -3755,6 +3813,9 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
text-shadow: none;
cursor: inherit; }
+chatbox[src^="about:loopconversation#"] .chat-title {
+ color: white; }
+
.chat-titlebar {
height: 26px;
min-height: 26px;
@@ -3771,6 +3832,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
.chat-titlebar[selected] {
background-color: #f0f0f0; }
+chatbox[src^="about:loopconversation#"] > .chat-titlebar {
+ background-color: #00a9dc;
+ border-color: #00a9dc; }
+
.chat-titlebar > .notification-anchor-icon {
margin-left: 2px;
margin-right: 2px; }
@@ -4627,5 +4692,62 @@ notification.heartbeat {
-moz-padding-end: 0 !important;
-moz-margin-end: 0 !important; }
-.browser-action-panel > .panel-arrowcontainer > .panel-arrowcontent {
- padding: 0; }
+.browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ overflow: hidden; }
+
+/* User Context UI browser styles */
+#menu_newUserContextTabPersonal {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); }
+
+#menu_newUserContextTabWork {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg"); }
+
+#menu_newUserContextTabBanking {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); }
+
+#menu_newUserContextTabShopping {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
+
+/* URL Bar Decoration */
+#userContext-indicator {
+ height: 16px;
+ width: 16px; }
+
+#userContext-label {
+ margin-inline-end: 3px;
+ color: #909090; }
+
+#userContext-icons:not([usercontextid]) {
+ display: none; }
+
+#userContext-icons {
+ -moz-box-align: center; }
+
+/* Personal User Context */
+#userContext-icons[usercontextid="1"] > #userContext-label {
+ color: #00a7e0; }
+
+#userContext-icons[usercontextid="1"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); }
+
+/* Work User Context */
+#userContext-icons[usercontextid="2"] > #userContext-label {
+ color: #f89c24; }
+
+#userContext-icons[usercontextid="2"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg"); }
+
+/* Banking User Context */
+#userContext-icons[usercontextid="3"] > #userContext-label {
+ color: #7dc14c; }
+
+#userContext-icons[usercontextid="3"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); }
+
+/* Shopping User Context */
+#userContext-icons[usercontextid="4"] > #userContext-label {
+ color: #ee5195; }
+
+#userContext-icons[usercontextid="4"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
diff --git a/arc-firefox-theme/chrome/browser/cert-error.svg b/arc-firefox-theme/chrome/browser/cert-error.svg
new file mode 100644
index 0000000..4bf5077
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/cert-error.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="45"
+ height="45"
+ viewBox="0 0 45 45">
+
+ <style>
+ .icon-default {
+ fill: #999;
+ }
+ </style>
+
+ <defs>
+ <rect id="shape-lock-clasp-outer" x="8" y="2" width="28" height="40" rx="14" ry="14" />
+ <rect id="shape-lock-clasp-inner" x="14" y="8" width="16" height="28" rx="8" ry="8" />
+ <rect id="shape-lock-base" x="4" y="18" width="36" height="24" rx="3" ry="3" />
+
+ <mask id="mask-clasp-cutout">
+ <rect width="48" height="48" fill="#000" />
+ <use xlink:href="#shape-lock-clasp-outer" fill="#fff" />
+ <use xlink:href="#shape-lock-clasp-inner" fill="#000" />
+ <line x1="4" y1="38" x2="41" y2="3" stroke="#000" stroke-width="5.5" />
+ <line x1="4" y1="46" x2="41" y2="11" stroke="#000" stroke-width="5.5" />
+ <rect x="4" y="18" width="36" height="26" rx="6" ry="6" />
+ </mask>
+
+ <mask id="mask-base-cutout">
+ <rect width="45" height="45" fill="#000" />
+ <use xlink:href="#shape-lock-base" fill="#fff" />
+ <line x1="2.5" y1="41.5" x2="41" y2="5" stroke="#000" stroke-width="8.5" />
+ </mask>
+ </defs>
+
+ <use xlink:href="#shape-lock-clasp-outer" mask="url(#mask-clasp-cutout)" fill="#999" />
+ <use xlink:href="#shape-lock-base" mask="url(#mask-base-cutout)" fill="#999" />
+
+ <line x1="2.5" y1="41.5" x2="41" y2="5" stroke="#d92d21" stroke-width="5.5" />
+
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/controlcenter/panel.css b/arc-firefox-theme/chrome/browser/controlcenter/panel.css
index e3a4d14..824c652 100644
--- a/arc-firefox-theme/chrome/browser/controlcenter/panel.css
+++ b/arc-firefox-theme/chrome/browser/controlcenter/panel.css
@@ -4,7 +4,7 @@
/* Hide all conditional elements by default. */
-:-moz-any([when-connection],[when-mixedcontent],[when-ciphers]) {
+:-moz-any([when-connection],[when-mixedcontent],[when-ciphers],[when-loginforms]) {
display: none;
}
@@ -14,6 +14,8 @@
#identity-popup[connection=secure] [when-connection~=secure],
#identity-popup[connection=chrome] [when-connection~=chrome],
#identity-popup[connection=file] [when-connection~=file],
+/* Show insecure login forms messages when needed. */
+#identity-popup[loginforms=insecure] [when-loginforms=insecure],
/* Show weak cipher messages when needed. */
#identity-popup[ciphers=weak] [when-ciphers~=weak],
/* Show mixed content warnings when needed */
@@ -27,6 +29,14 @@
display: inherit;
}
+/* Hide redundant messages based on insecure login forms presence. */
+#identity-popup[loginforms=secure] [and-when-loginforms=insecure] {
+ display: none;
+}
+#identity-popup[loginforms=insecure] [and-when-loginforms=secure] {
+ display: none;
+}
+
/* Hide 'not secure' message in subview when weak cipher or mixed content messages are shown. */
#identity-popup-securityView-body:-moz-any([mixedcontent],[ciphers]) > description[when-connection=not-secure],
/* Hide 'passive-loaded (only)' message when there is mixed passive content loaded and active blocked. */
@@ -223,6 +233,8 @@
background-image: url(chrome://browser/skin/controlcenter/conn-degraded.svg);
}
+#identity-popup[loginforms=insecure] #identity-popup-securityView,
+#identity-popup[loginforms=insecure] #identity-popup-security-content,
#identity-popup[mixedcontent~=active-loaded][isbroken] #identity-popup-securityView,
#identity-popup[mixedcontent~=active-loaded][isbroken] #identity-popup-security-content {
background-image: url(chrome://browser/skin/controlcenter/mcb-disabled.svg);
diff --git a/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl@2x.png b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl@2x.png
new file mode 100644
index 0000000..c1af129
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/customize-illustration@2x.png b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration@2x.png
new file mode 100644
index 0000000..50c0d19
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip@2x.png b/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip@2x.png
new file mode 100644
index 0000000..7a87fac
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
index 367bf27..4095e76 100644
--- a/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
+++ b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
@@ -22,7 +22,8 @@
#PanelUI-popup #PanelUI-contents:empty::before {
content: "";
- background-image: url(chrome://browser/skin/customizableui/whimsy-bw.png);
+ background-image: url(chrome://browser/skin/customizableui/whimsy.png);
+ background-size: 64px 64px;
display: block;
width: 64px;
height: 64px;
@@ -32,6 +33,10 @@
whimsyMoveY 3.4s linear 0s infinite alternate;
}
+#PanelUI-popup #PanelUI-contents:not(:hover):empty::before {
+ filter: grayscale(100%);
+}
+
#PanelUI-popup #PanelUI-contents:active:empty::before {
animation: whimsyMoveX 3.05s linear 0s infinite alternate,
whimsyMoveY 3.4s linear 0s infinite alternate,
@@ -49,16 +54,8 @@
whimsyRotate 1s linear 0s infinite normal;
}
-#PanelUI-popup #PanelUI-contents:empty:hover::before {
- background-image: url(chrome://browser/skin/customizableui/whimsy.png);
-}
-
@media (min-resolution: 2dppx) {
#PanelUI-popup #PanelUI-contents:empty::before {
- background-image: url(chrome://browser/skin/customizableui/whimsy-bw@2x.png);
- background-size: 64px 64px;
- }
- #PanelUI-popup #PanelUI-contents:empty:hover::before {
background-image: url(chrome://browser/skin/customizableui/whimsy@2x.png);
}
}
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip@2x.png b/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip@2x.png
new file mode 100644
index 0000000..cfd7ba9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl@2x.png b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl@2x.png
new file mode 100644
index 0000000..bb25040
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted@2x.png b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted@2x.png
new file mode 100644
index 0000000..1c8e86d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png
deleted file mode 100644
index 481d3fc..0000000
--- a/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png
deleted file mode 100644
index 09516ab..0000000
--- a/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devedition.css b/arc-firefox-theme/chrome/browser/devedition.css
index eb2234b..9f0796a 100644
--- a/arc-firefox-theme/chrome/browser/devedition.css
+++ b/arc-firefox-theme/chrome/browser/devedition.css
@@ -162,13 +162,10 @@
.browserContainer > findbar,
#browser-bottombox {
background-color: var(--chrome-secondary-background-color) !important;
+ background-image: none !important;
color: var(--chrome-color);
}
-.browserContainer > findbar {
- background-image: none;
-}
-
.browserContainer > .findbar-textbox {
background-color: var(--url-and-searchbar-background-color) !important;
color: var(--url-and-searchbar-color);
@@ -243,7 +240,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
border-bottom: none !important;
border-radius: 0 !important;
box-shadow: 0 -1px var(--chrome-nav-bar-separator-color) !important;
- background-image: none !important;
}
/* No extra vertical padding for nav bar */
@@ -281,12 +277,18 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
pointer-events: auto;
}
-.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
+.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
background-image: var(--pinned-tab-glow);
background-position: center;
background-size: 100%;
}
+.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([visuallyselected="true"]) {
+ background-position: left bottom var(--tab-toolbar-navbar-overlap);
+ background-size: 34px 100%;
+}
+
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover,
.tabbrowser-tab:hover {
diff --git a/arc-firefox-theme/chrome/browser/devtools/add.svg b/arc-firefox-theme/chrome/browser/devtools/add.svg
deleted file mode 100644
index b8b93de..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/add.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <g fill="#babec3">
- <rect x="3" y="7" width="10" height="2" />
- <rect x="7" y="3" width="2" height="10" />
- </g>
-</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png
deleted file mode 100644
index 5c5d0ae..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png
deleted file mode 100644
index dc3a3b1..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/animation-fast-track.svg b/arc-firefox-theme/chrome/browser/devtools/animation-fast-track.svg
deleted file mode 100644
index ee84427..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/animation-fast-track.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-
-<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12">
- <g transform="matrix(1.0251088,0,0,0.85613344,-3.1546734,-888.94343)">
- <path d="m 5.1284819,1038.3667 6.4950901,0 -2.7147491,4.6651 2.9438561,0 -8.1148915,9.3081 1.6126718,-6.8973 -2.2701022,0 z" style="fill:#4cb0e1;"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/animationinspector.css b/arc-firefox-theme/chrome/browser/devtools/animationinspector.css
deleted file mode 100644
index dfd1b3d..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/animationinspector.css
+++ /dev/null
@@ -1,508 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* Animation-inspector specific theme variables */
-
-.theme-dark {
- --even-animation-timeline-background-color: rgba(255,255,255,0.03);
-}
-
-.theme-light {
- --even-animation-timeline-background-color: rgba(128,128,128,0.03);
-}
-
-:root {
- /* How high should toolbars be */
- --toolbar-height: 20px;
- /* How wide should the sidebar be */
- --timeline-sidebar-width: 150px;
- /* How high should animations displayed in the timeline be */
- --timeline-animation-height: 20px;
-}
-
-html {
- height: 100%;
-}
-
-body {
- margin: 0;
- padding: 0;
- display : flex;
- flex-direction: column;
- height: 100%;
- overflow: hidden;
- color: var(--theme-content-color3);
-}
-
-/* The top toolbar, containing the toggle-all button. And the timeline toolbar,
- containing playback control buttons, shown only when there are animations
- displayed in the timeline */
-
-#global-toolbar,
-#timeline-toolbar {
- border-bottom: 1px solid var(--theme-splitter-color);
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-end;
- height: var(--toolbar-height);
-}
-
-#timeline-toolbar {
- display: none;
-}
-
-[timeline] #global-toolbar {
- display: none;
-}
-
-[timeline] #timeline-toolbar {
- display: flex;
-}
-
-#global-toolbar .label {
- padding: 1px 4px;
-}
-
-/* The main animations container */
-
-#players {
- height: calc(100% - var(--toolbar-height));
- overflow: auto;
-}
-
-[empty] #players {
- display: none;
-}
-
-/* The error message, shown when an invalid/unanimated element is selected */
-
-#error-message {
- padding-top: 10%;
- text-align: center;
- flex: 1;
- overflow: auto;
-
- /* The error message is hidden by default */
- display: none;
-}
-
-[empty] #error-message {
- display: block;
-}
-
-/* Element picker, toggle-all buttons, timeline pause button, ... */
-
-#global-toolbar .devtools-button,
-#timeline-toolbar .devtools-button {
- border-width: 0 0 0 1px;
- min-height: var(--toolbar-height);
-}
-
-.devtools-button {
- position: relative;
-}
-
-.devtools-button::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- left: 50%;
- top: 50%;
- margin: -8px 0 0 -8px;
-}
-
-#element-picker::before {
- background-image: url("chrome://browser/skin/devtools/command-pick.png");
-}
-
-.pause-button::before {
- background-image: url("debugger-pause.png");
-}
-
-#element-picker[checked]::before {
- background-position: -48px 0;
- filter: none; /* Icon is blue when checked, don't invert for light theme */
-}
-
-.pause-button.paused::before {
- background-image: url("debugger-play.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- #element-picker::before {
- background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
- background-size: 64px;
- }
-
- .pause-button::before {
- background-image: url("debugger-pause@2x.png");
- }
-
- .pause-button.paused::before {
- background-image: url("debugger-play@2x.png");
- }
-}
-
-/* Animation timeline component */
-
-.animation-timeline {
- height: 100%;
- overflow: hidden;
- position: relative;
- /* The timeline gets its background-image from a canvas element created in
- /browser/devtools/animationinspector/utils.js drawGraphElementBackground
- thanks to document.mozSetImageElement("time-graduations", canvas)
- This is done so that the background can be built dynamically from script */
- background-image: -moz-element(#time-graduations);
- background-repeat: repeat-y;
- /* The animations are drawn 150px from the left edge so that animated nodes
- can be displayed in a sidebar */
- background-position: var(--timeline-sidebar-width) 0;
- display: flex;
- flex-direction: column;
-}
-
-.animation-timeline .scrubber {
- position: absolute;
- height: 100%;
- width: var(--timeline-sidebar-width);
- border-right: 1px solid red;
- box-sizing: border-box;
- z-index: 1;
- pointer-events: none;
-}
-
-.animation-timeline .scrubber::before {
- content: "";
- position: absolute;
- top: 0;
- width: 1px;
- right: -6px;
- border-top: 5px solid red;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
-}
-
-.animation-timeline .time-header {
- margin-left: var(--timeline-sidebar-width);
- min-height: var(--toolbar-height);
- overflow: hidden;
- position: relative;
- /* This is the same color as the time graduations in
- browser/devtools/animationinspector/utils.js */
- border-bottom: 1px solid rgba(128, 136, 144, .5);
- cursor: col-resize;
- -moz-user-select: none;
-}
-
-.animation-timeline .time-header .time-tick {
- position: absolute;
- top: 3px;
-}
-
-.animation-timeline .animations {
- width: 100%;
- overflow-y: auto;
- overflow-x: hidden;
- margin: 0;
- padding: 0;
- list-style-type: none;
-}
-
-/* Animation block widgets */
-
-.animation-timeline .animation {
- margin: 4px 0;
- height: var(--timeline-animation-height);
- position: relative;
-}
-
-.animation-timeline .animation:nth-child(2n) {
- background-color: var(--even-animation-timeline-background-color);
-}
-
-.animation-timeline .animation .target {
- width: var(--timeline-sidebar-width);
- overflow: hidden;
- height: 100%;
-}
-
-.animation-timeline .animation-target {
- background-color: transparent;
-}
-
-.animation-timeline .animation .time-block {
- position: absolute;
- top: 0;
- left: var(--timeline-sidebar-width);
- right: 0;
- height: 100%;
-}
-
-/* Animation iterations */
-
-.animation-timeline .animation .iterations {
- position: relative;
- height: 100%;
- box-sizing: border-box;
-
- --timelime-border-color: var(--theme-body-color);
- --timeline-background-color: var(--theme-splitter-color);
-
- /* Iterations of the animation are displayed with a repeating linear-gradient
- which size is dynamically changed from JS. The gradient only draws 1px
- borders between each iteration. These borders must have the same color as
- the border of this element */
- background-image:
- linear-gradient(to right,
- var(--timelime-border-color) 0,
- var(--timelime-border-color) 1px,
- transparent 1px,
- transparent 2px);
- background-repeat: repeat-x;
- background-position: -1px 0;
- border: 1px solid var(--timelime-border-color);
-
- /* The background color is set independently */
- background-color: var(--timeline-background-color);
-}
-
-.animation-timeline .animation .cssanimation {
- --timelime-border-color: var(--theme-highlight-lightorange);
- --timeline-background-color: var(--theme-contrast-background);
-}
-
-.animation-timeline .animation .csstransition {
- --timelime-border-color: var(--theme-highlight-bluegrey);
- --timeline-background-color: var(--theme-highlight-blue);
-}
-
-.animation-timeline .animation .iterations.infinite {
- border-right-width: 0;
-}
-
-.animation-timeline .animation .iterations.infinite::before,
-.animation-timeline .animation .iterations.infinite::after {
- content: "";
- position: absolute;
- top: 0;
- right: 0;
- width: 0;
- height: 0;
- border-right: 4px solid var(--theme-body-background);
- border-top: 4px solid transparent;
- border-bottom: 4px solid transparent;
-}
-
-.animation-timeline .animation .iterations.infinite::after {
- bottom: 0;
- top: unset;
-}
-
-.animation-timeline .animation .name {
- color: var(--theme-selection-color);
- height: 100%;
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- line-height: 150%;
- padding: 0 2px;
-}
-
-.animation-timeline .animation .delay {
- position: absolute;
- top: 0;
- /* Make sure the delay covers up the animation border */
- transform: translate(-1px, -1px);
- box-sizing: border-box;
- height: calc(100% + 2px);
-
- border: 1px solid var(--timelime-border-color);
- border-width: 1px 0 1px 1px;
- background-image: repeating-linear-gradient(45deg,
- transparent,
- transparent 1px,
- var(--theme-selection-color) 1px,
- var(--theme-selection-color) 4px);
- background-color: var(--timelime-border-color);
-}
-
-.animation-timeline .animation .delay.negative {
- /* Negative delays are displayed on top of the animation, so they need a
- right border. Whereas normal delays are displayed just before the
- animation, so there's already the animation's left border that serves as
- a separation. */
- border-width: 1px;
-}
-
-/* Animation target node gutter, contains a preview of the dom node */
-
-.animation-target {
- background-color: var(--theme-toolbar-background);
- padding: 1px 4px;
- box-sizing: border-box;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.animation-target .attribute-name {
- padding-left: 4px;
-}
-
-.animation-target .node-selector {
- background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
- padding-left: 16px;
- margin-right: 5px;
- cursor: pointer;
-}
-
-.animation-target .node-selector:hover {
- background-position: -32px 0;
-}
-
-.animation-target .node-selector:active {
- background-position: -16px 0;
-}
-
-/* Animation title gutter, contains the name, duration, iteration */
-
-.animation-title {
- background-color: var(--theme-toolbar-background);
- border-bottom: 1px solid var(--theme-splitter-color);
- padding: 1px 4px;
- word-wrap: break-word;
- overflow: auto;
-}
-
-.animation-title .meta-data {
- float: right;
-}
-
-.animation-title strong {
- margin: 0 .5em;
-}
-
-.animation-title .meta-data .compositor-icon {
- display: none;
- background-image: url("animation-fast-track.svg");
- background-repeat: no-repeat;
- padding-left: 12px;
- /* Make sure the icon is positioned above the timeline range input so that
- its tooltip appears on hover */
- z-index: 1;
- position: relative;
-}
-
-/* Timeline wiget */
-
-.timeline {
- height: var(--timeline-animation-height);
- width: 100%;
- display: flex;
- flex-direction: row;
- border-bottom: 1px solid var(--theme-splitter-color);
-}
-
-.timeline .playback-controls {
- display: flex;
- flex-direction: row;
-}
-
-/* Playback control buttons */
-
-.timeline .playback-controls button {
- flex-grow: 1;
- border-width: 0 1px 0 0;
-}
-
-.timeline .toggle::before {
- background-image: url(debugger-pause.png);
-}
-
-.paused .timeline .toggle::before,
-.finished .timeline .toggle::before {
- background-image: url(debugger-play.png);
-}
-
-.timeline .ff::before {
- background-image: url(fast-forward.png);
-}
-
-.timeline .rw::before {
- background-image: url(rewind.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- .timeline .toggle::before {
- background-image: url(debugger-pause@2x.png);
- }
-
- .paused .timeline .toggle::before,
- .finished .timeline .toggle::before {
- background-image: url(debugger-play@2x.png);
- }
-
- .timeline .ff::before {
- background-image: url(fast-forward@2x.png);
- }
-
- .timeline .rw::before {
- background-image: url(rewind@2x.png);
- }
-}
-
-.timeline .rate {
- -moz-appearance: none;
- text-align: center;
- color: var(--theme-body-color);
- border-right: 1px solid var(--theme-splitter-color);
-}
-
-/* Slider (input type range) container */
-
-.timeline .sliders-container {
- flex-grow: 1;
- height: 100%;
- position: relative;
- border-width: 1px 0;
-}
-
-.timeline .sliders-container .current-time {
- position: absolute;
- padding: 0;
- margin: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-
-.timeline .sliders-container .current-time::-moz-range-thumb {
- height: 100%;
- width: 4px;
- border-radius: 0;
- border: none;
- background: var(--theme-highlight-blue);
-}
-
-.timeline .sliders-container .current-time::-moz-range-track {
- width: 100%;
- height: 50px;
- background: transparent;
-}
-
-/* Current time label */
-
-.timeline .time-display {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 50px;
- border-left: 1px solid var(--theme-splitter-color);
- background: var(--theme-toolbar-background);
-} \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg
deleted file mode 100644
index 4a8e12a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="64px" height="64px" viewBox="0 0 64 64">
- <path fill="#00b2f7" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5 S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62 h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702 c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css
deleted file mode 100644
index dc51832..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css
+++ /dev/null
@@ -1,224 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/************** LAYOUT **************/
-
-#connection-footer {
- display: flex;
- flex-direction: column;
- height: 50px;
-}
-
-#banners-and-logs {
- display: flex;
- flex-grow: 1;
- max-height: 100%;
-}
-
-#logs {
- display: flex;
- width: 40%;
- padding: 0;
- width: 100%;
-}
-
-.banner {
- display: none;
- width: 60%;
-}
-
-#connection-footer[status="connected"] #banner-connected,
-#connection-footer[status="connecting"] #banner-connecting,
-#connection-footer[status="disconnected"] #banner-disconnected,
-#connection-footer[status="disconnecting"] #banner-disconnecting {
- display: flex;
-}
-
-body.show-simulators .banner,
-body.edit-connection .banner {
- display: none !important;
-}
-
-body.show-simulators #banner-simulators,
-body.edit-connection #banner-editing {
- display: flex !important;
-}
-
-#banner-logs {
- width: 40%;
- display: flex;
-}
-
-#logs > pre {
- overflow: auto;
- white-space: pre-line;
-}
-
-#status.banner-box {
- width: 100% !important;
-}
-
-.banner-box {
- display: flex;
- flex-direction: column;
- justify-content: center;
- width: 100%;
-}
-
-#banner-connected > .banner-box {
- align-items: flex-start;
-}
-
-#start-simulator-box {
- display: inline;
-}
-
-/************** PIXELS **************/
-
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-size: 0.9rem;
-}
-
-body {
- color: #333;
- background-color: white;
- font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
-}
-
-button {
- background: linear-gradient(to bottom, #49535C, #394148);
- box-shadow: 0px 1px 1px #3C444D, inset 0 1px 0px rgba(255,255,255,0.1);
- color: #9FA6AD;
- text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
- border: 1px solid #111;
- cursor: pointer;
- border-radius: 3px;
- padding: 3px 10px;
-}
-
-button.left {
- margin-right: 0px;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-button.right {
- margin-left: -6px;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
-}
-
-button.action-primary {
- background: linear-gradient(to bottom, #276DA3, #1E5580);
- color: #EEE;
-}
-
-button.action-cancel {
- background: linear-gradient(to bottom, #B32B02, #942300);
- color: #EEE;
-}
-
-#banners-and-logs {
- border-top: #111 solid;
- border-width: 1px 0;
- background: linear-gradient(to bottom, #323A42, #29313A);
- color: #A8BABF;
- box-shadow: inset 0 0 1px #424A51;
-}
-
-#status {
- background: linear-gradient(to bottom, #454F59, #404952);
- box-shadow: inset 0 0 1px #606D78, inset 0 1px 0 #5E6973;
-}
-
-#logs > pre {
- border: 1px solid #111;
- box-shadow: 0px 1px 1px #49525A, inset 0 0 5px rgba(0,0,0,0.3);
- font-size: 10px;
- background: #22272D;
- padding: 5px;
- height: 100%;
- padding-left: 20px;
- position: relative;
-}
-
-#logs > pre span{
- text-shadow: 0 1px 2px #000;
- color: #3195FB;
- position: fixed;
- right: calc(30% - 15px);
- bottom: -1px;
-}
-
-#logs > pre b {
- font-size: 10px;
- color: #70C4FF;
-}
-
-.banner-box {
- box-shadow: inset 0 0 1px #667480, inset 0 1px 0 #5E6973;
- border-right: 1px solid #111;
- background-position: center right;
- background-size: 1px 100%;
- background-repeat: no-repeat;
- padding: 10px 20px;
- position: relative;
-}
-
-.connected-status {
- color: #B3BFC9;
- text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
- padding-bottom: 10px;
-}
-
-.connected-status {
- font-size: 150%;
- top: 10%;
- padding-right: 3px;
- position: relative;
-}
-
-.connected-indicator {
- box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0px 1px rgba(255,255,255,0.3);
- height: 100%;
- flex: 0 0 10px;
-}
-
-#banner-connected .connected-indicator,
-#banner-connecting .connected-indicator {
- background: linear-gradient(to bottom, #69B8FF, #339FFF );
-}
-
-#banner-simulators .connected-indicator,
-#banner-disconnected .connected-indicator,
-#banner-editing .connected-indicator,
-#banner-disconnecting .connected-indicator {
- background: linear-gradient(to bottom, #375A87, #1C4375 );
-}
-
-#banner-simulators .banner-content > * {
- display: inline-block;
-}
-
-#banner-simulators[simulator-count="0"] .found-simulator,
-#banner-simulators:not([simulator-count="0"]) .no-simulator {
- display: none;
-}
-
-#connection-no-device,
-[device-count="0"] > #connection-found-device,
-#connection-manual,
-#connection-assisted {
- display: none;
-}
-
-#connection-found-device,
-[device-count="0"] > #connection-no-device,
-[adb-available="true"] > #connection-assisted,
-[adb-available="false"] > #connection-manual {
- display: inline;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png b/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png
deleted file mode 100644
index f186d9c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css
deleted file mode 100644
index fc6efd9..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css
+++ /dev/null
@@ -1,410 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/***************** GENERAL *****************/
-
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
-}
-
-html, body {
- height: 100%;
-}
-
-body {
- font-size: 0.9rem;
- color: #333;
- background-color: rgb(225, 225, 225);
- font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
- display: flex;
- flex-direction: column;
-}
-
-template {
- display: none;
-}
-
-h1 {
- font-size: 20px;
-}
-
-#content {
- display: flex;
- flex-direction: row;
- height: 100%;
- overflow: hidden;
-}
-
-#detail {
- background-image: url('noise.png');
- display: flex;
- flex-grow: 1;
- z-index: 1;
- overflow: hidden;
-}
-
-#meta {
- background-size: 100%;
- padding-top: 50px;
-}
-
-#connection-footer {
- border-width: 0;
- height: 50px;
- min-height: 50px;
-}
-
-
-#root-actor-debug {
- background: white;
-}
-
-/***************** APP BUTTONS *****************/
-
-
-
-.app-buttons {
- display: block;
- margin-left: 20px;
- color: #BBB;
-}
-
-button {
- margin: 0;
- font-size: 11px;
- border: 1px solid #CCC;
- padding: 5px 15px;
- cursor: pointer;
- background: rgba(255,255,255,0.4);
- text-transform: uppercase;
- border-radius: 3px;
- border-width: 1px;
-}
-
-.app-buttons > button {
- display: none;
-}
-
-.app-buttons > button[disabled] {
- background-color: transparent;
- opacity: 0.4;
- pointer-events: none;
-}
-
-.app[running="false"] > .app-buttons > .button-start,
-.app[running="true"] > .app-buttons > .button-stop,
-.app[running="true"] > .app-buttons > .button-debug {
- display: inline-block;
-}
-
-.button-debug {
- color: #3498DB;
-}
-
-.button-debug:hover {
- background-color: #3498DB;
- color: #FFF;
-}
-
-.button-debug[disabled] {
- color: #3498DB;
-}
-
-.button-start {
- color: #18BC9C
-}
-
-.button-start:hover {
- background-color: #18BC9C;
- color: #FFF;
-}
-
-.button-start[disabled] {
- color: #18BC9C
-}
-
-.button-stop {
- color: #E74C3C;
-}
-
-.button-stop:hover {
- background-color: #E74C3C;
- color: #FFF;
-}
-
-.button-stop[disabled] {
- color: #E74C3C;
-}
-
-
-
-/***************** PERMISSIONS *****************/
-
-
-
-
-.permission-table {
- display: flex;
- flex-direction: column;
- height: 100%;
-}
-
-.permission-table-body {
- overflow: auto;
- display: flex;
- flex-grow: 1;
- flex-direction: column;
-}
-
-.permission-table-header,
-.permission-table-footer {
- display: flex;
- background: #FFF;
- border-top: 1px solid #CCC;
- z-index: 2;
- flex-shrink: 0;
-}
-
-.permission-table-header > div,
-.permission-table-footer > div {
- z-index: 2;
- flex-grow: 1;
- background: linear-gradient(to bottom, #49535C, #394148);
- box-shadow: 0px 1px 3px rgba(12, 20, 30, 0.5), inset 0 1px 0px rgba(255,255,255,0.1);
- color: #9FA6AD;
- text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
- border: 0;
- margin: auto 0;
- padding: 5px;
- text-align: center;
- background: transparent;
- box-shadow: none;
- text-shadow: none;
-}
-
-.permission-table-header > div {
- flex-basis: 20%;
-}
-
-.permission-table-header > div:first-child {
- text-align: start;
- padding-left: 10px;
- flex-basis: 30%;
-}
-
-.permission-table-header {
- border: 0;
- border-bottom: 1px solid #CCC;
- box-shadow: 0 1px 4px rgba(0,0,0,0.3);
-}
-
-.permission-table-footer {
- box-shadow: 0 -1px 4px rgba(0,0,0,0.3);
-}
-
-.permission {
- display: flex;
- flex-grow: 1;
-}
-
-.permission:nth-child(odd) {
- background: #E4E4E4;
-}
-
-.permission:hover {
- background: #EEE;
-}
-
-.permission > div {
- flex-grow: 1;
- flex-basis: 20%;
- text-align: center;
- padding: 3px;
- border-right: 1px solid #CCC;
- border-bottom: 1px solid #CCC;
-}
-
-.permission > div:first-child {
- text-align: start;
- padding: 3px 10px;
- flex-basis: 30%;
- font-weight: bold;
-}
-
-.permission > div[permission="1"]:before, .allow-label:after {
- color: #98CF39;
- content: ' \2713';
-}
-
-.permission > div[permission="2"]:before, .deny-label:after {
- color: #CC4908;
- content: ' \2715';
-}
-
-.permission > div[permission="3"]:before, .prompt-label:after {
- color: #009EED;
- content: ' !';
-}
-
-
-
-
-/***************** SIDEBAR *****************/
-
-
-
-
-#sidebar {
- background: #EEE;
- position: relative;
- box-shadow: 0 1px 6px rgba(0,0,0,0.3);
- display: flex;
- flex-direction: column;
- flex: 0 0 350px;
- overflow: hidden;
- z-index: 100;
-}
-
-.sidebar-item {
- background-color: #F6F6F6;
- box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
- color: #666;
- line-height: 120%;
- cursor: pointer;
- display: flex;
- padding: 15px 10px;
- display: block;
- text-align: start;
- flex-grow: 1;
-}
-
-.sidebar-item > * {
- flex-shrink: 0;
-}
-
-.sidebar-item:hover {
- background-color: #EEE;
-}
-
-.sidebar-item.selected {
- background-color: #46AFE3;
- color: #FFF;
-}
-
-.help {
- float: right;
- padding: 0 5px;
-}
-
-/***************** HEADER *****************/
-
-header {
- padding-top: 140px;
- background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
- color: #FFF;
- text-shadow: 0 1px 2px rgba(0,0,0,0.8);
- padding: 10px;
-}
-
-
-
-/***************** APPS & BROWSER TABS *****************/
-
-
-
-
-.apps, .browser-tabs {
- display: flex;
- flex-direction: column;
- overflow: auto;
-}
-
-.browser-tabs.hidden {
- display: none;
-}
-
-.app, .browser-tab {
- display: flex;
- align-items: center;
- order: 1;
-}
-
-.app-name, .browser-tab-details {
- flex-grow: 1;
- font-weight: bold;
-}
-
-.app, .browser-tab {
- padding: 10px 20px;
- border-bottom: 1px solid #CCC;
-}
-
-.app:hover, .browser-tab:hover {
- background-color: #EFEFEF;
-}
-
-.app-icon {
- width: 32px;
- height: 32px;
- margin-right: 10px;
-}
-
-.browser-tab-url-subheading {
- font-size: 10px;
-}
-
-
-
-/***************** NOT CONNECTED *****************/
-
-
-
-body:not(.notconnected) > #notConnectedMessage,
-body.notconnected > #content {
- display: none;
-}
-
-#notConnectedMessage {
- flex-grow: 1;
- flex-direction: column;
- margin: 50px auto;
-}
-
-#notConnectedMessage > span {
- padding: 20px;
- border: 1px solid #CCC;
- border-radius: 5px;
-}
-
-#notConnectedMessage > span:before {
- content: '';
- background: url('error.svg') no-repeat;
- background-size: 18px;
- height: 24px;
- width: 24px;
- position: relative;
- top: 10px;
- display: inline-block;
-}
-
-
-
-/***************** TABS *****************/
-
-#tabs {
- flex-grow: 1;
- overflow: auto;
-}
-
-.tabpanel:not(.selected) {
- display: none;
-}
-
-#tabs-headers {
- flex-shrink: 0;
- display: flex;
- flex-direction: column;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg
deleted file mode 100644
index 7876e46..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="64px" height="64px" viewBox="0 0 64 64">
- <path fill="#e25026" d="M32,4.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5S47.74,4.894,32,4.894 z M46.903,48.674c-1.817,1.817-4.691,1.76-6.449,0.002l-8.327-8.327l-8.151,8.151c-1.877,1.877-4.87,1.814-6.685,0 c-1.877-1.877-1.879-4.811-0.002-6.687l8.151-8.151l-8.327-8.327c-1.76-1.76-1.817-4.634,0-6.451c1.76-1.76,4.691-1.76,6.451,0 l8.327,8.327l8.151-8.151c1.877-1.877,4.811-1.874,6.687,0.002c1.814,1.814,1.877,4.808,0,6.685l-8.151,8.151l8.327,8.327 C48.662,43.982,48.662,46.914,46.903,48.674z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css
deleted file mode 100644
index 087819e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css
+++ /dev/null
@@ -1,40 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-html, body {
- margin: 0;
- height: 100%;
-}
-
-body {
- color: #555;
- font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
- overflow: hidden;
- max-width: 600px;
- margin: auto;
- padding: 20px 0;
- background-color: #FFF;
-}
-
-button {
- border: 1px solid #CCC;
- padding: 5px 15px;
- cursor: pointer;
- background: rgba(255,255,255,0.4);
- text-transform: uppercase;
- color: #3498DB;
-}
-
-button:hover {
- background-color: #3498DB;
- color: #FFF;
-}
-
-a, a:visited {
- color: rgb(39,109,163);
-}
-
-#close-button {
- float: right;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg
deleted file mode 100644
index 3fea1e4..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="160px" height="240px" viewBox="0 0 160 240">
- <path fill="#414042" d="M40,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L28,39.181v12l3.204,0l4.467-4.466 c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.466,4.466l3.204,0v-12l-4.597-4.596 C46.042,27.895,42.044,21.149,40,21.149z M40.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244 c-0.987,0-1.933,0.099-2.815,0.271C38.03,30.199,39.289,28.185,40.005,28.185z"/>
- <path fill="#414042" d="M41.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553 c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627 s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C41.337,49.929,41.436,50.434,41.436,50.98z"/>
- <path fill="#b2b5b9" d="M40,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L28,39.181v12l3.204,0l4.467-4.466 c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.466,4.466l3.204,0v-12l-4.597-4.596 C46.042,27.895,42.044,21.149,40,21.149z M40.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244 c-0.987,0-1.933,0.099-2.815,0.271C38.03,30.199,39.289,28.185,40.005,28.185z"/>
- <path fill="#b2b5b9" d="M41.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553 c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627 s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C41.337,49.929,41.436,50.434,41.436,50.98z"/>
- <path fill="#dce8f3" d="M120,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L108,39.181v12l3.204,0l4.467-4.466 c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.467,4.466l3.204,0v-12l-4.597-4.596 C126.042,27.895,122.044,21.149,120,21.149z M120.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244 c-0.987,0-1.933,0.099-2.815,0.271C118.03,30.199,119.289,28.185,120.005,28.185z"/>
- <path fill="#dce8f3" d="M121.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553 c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627 s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C121.337,49.929,121.436,50.434,121.436,50.98z"/>
- <path fill="#b2b5b9" d="M52.5,136.017c0,2.279-1.888,4.167-4.167,4.167H31.667c-2.279,0-4.167-1.888-4.167-4.167v-33.333 c0-2.279,1.888-4.167,4.167-4.167h16.667c2.279,0,4.167,1.888,4.167,4.167V136.017z M49.375,107.892 c0-0.554-0.488-1.042-1.042-1.042H31.667c-0.553,0-1.042,0.488-1.042,1.042v22.917c0,0.554,0.488,1.042,1.042,1.042h16.667 c0.553,0,1.042-0.488,1.042-1.042V107.892z M42.604,102.684h-5.208c-0.293,0-0.521,0.228-0.521,0.521 c0,0.293,0.228,0.521,0.521,0.521h5.208c0.293,0,0.521-0.228,0.521-0.521C43.125,102.912,42.897,102.684,42.604,102.684z M40,133.413c-1.432,0-2.604,1.171-2.604,2.604c0,1.433,1.172,2.604,2.604,2.604s2.604-1.171,2.604-2.604 C42.604,134.585,41.432,133.413,40,133.413z"/>
- <path fill="#dce8f3" d="M132.5,136.017c0,2.279-1.888,4.167-4.167,4.167h-16.667c-2.279,0-4.167-1.888-4.167-4.167v-33.333 c0-2.279,1.888-4.167,4.167-4.167h16.667c2.279,0,4.167,1.888,4.167,4.167V136.017z M129.375,107.892 c0-0.554-0.488-1.042-1.042-1.042h-16.667c-0.553,0-1.042,0.488-1.042,1.042v22.917c0,0.554,0.488,1.042,1.042,1.042h16.667 c0.553,0,1.042-0.488,1.042-1.042V107.892z M122.604,102.684h-5.208c-0.293,0-0.521,0.228-0.521,0.521 c0,0.293,0.228,0.521,0.521,0.521h5.208c0.293,0,0.521-0.228,0.521-0.521C123.125,102.912,122.897,102.684,122.604,102.684z M120,133.413c-1.432,0-2.604,1.171-2.604,2.604c0,1.433,1.172,2.604,2.604,2.604s2.604-1.171,2.604-2.604 C122.604,134.585,121.432,133.413,120,133.413z"/>
- <path fill="#b2b5b9" d="M40,185.388c8.121,0,14.729,6.607,14.729,14.729S48.121,214.845,40,214.845s-14.729-6.607-14.729-14.729 S31.879,185.388,40,185.388 M40,182.75c-9.591,0-17.367,7.775-17.367,17.367c0,9.591,7.775,17.367,17.367,17.367 s17.367-7.775,17.367-17.367C57.367,190.525,49.591,182.75,40,182.75L40,182.75z"/>
- <path fill="#b2b5b9" d="M39.565,204.504c-0.688,0-1.196-0.508-1.286-1.195l-0.299-2.57c-0.12-0.808,0.359-1.405,1.166-1.495 c2.81-0.269,4.364-1.345,4.364-3.229v-0.06c0-1.674-1.285-2.84-3.438-2.84c-1.584,0-2.87,0.568-4.065,1.645 c-0.299,0.239-0.688,0.418-1.106,0.418c-0.926,0-1.674-0.747-1.674-1.644c0-0.448,0.18-0.927,0.598-1.285 c1.584-1.495,3.587-2.481,6.337-2.481c4.185,0,7.024,2.331,7.024,6.068v0.06c0,3.767-2.72,5.47-6.038,6.038l-0.12,1.375 c-0.12,0.657-0.598,1.195-1.285,1.195H39.565z M39.565,206.687c1.226,0,2.122,0.896,2.122,2.062v0.299 c0,1.166-0.896,2.062-2.122,2.062s-2.123-0.896-2.123-2.062v-0.299C37.442,207.583,38.339,206.687,39.565,206.687z"/>
- <path fill="#dce8f3" d="M120,185.388c8.121,0,14.729,6.607,14.729,14.729s-6.607,14.729-14.729,14.729s-14.729-6.607-14.729-14.729 S111.879,185.388,120,185.388 M120,182.75c-9.591,0-17.367,7.775-17.367,17.367c0,9.591,7.775,17.367,17.367,17.367 s17.367-7.775,17.367-17.367C137.367,190.525,129.591,182.75,120,182.75L120,182.75z"/>
- <path fill="#dce8f3" d="M119.564,204.504c-0.688,0-1.195-0.508-1.285-1.195l-0.299-2.57c-0.12-0.808,0.358-1.405,1.166-1.495 c2.81-0.269,4.363-1.345,4.363-3.229v-0.06c0-1.674-1.285-2.84-3.438-2.84c-1.584,0-2.869,0.568-4.064,1.645 c-0.3,0.239-0.688,0.418-1.106,0.418c-0.927,0-1.674-0.747-1.674-1.644c0-0.448,0.18-0.927,0.598-1.285 c1.584-1.495,3.587-2.481,6.337-2.481c4.186,0,7.024,2.331,7.024,6.068v0.06c0,3.767-2.72,5.47-6.038,6.038l-0.119,1.375 c-0.12,0.657-0.598,1.195-1.285,1.195H119.564z M119.564,206.687c1.226,0,2.122,0.896,2.122,2.062v0.299 c0,1.166-0.896,2.062-2.122,2.062s-2.122-0.896-2.122-2.062v-0.299C117.442,207.583,118.339,206.687,119.564,206.687z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css
deleted file mode 100644
index cb3f876..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css
+++ /dev/null
@@ -1,103 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
-}
-
-#tabs {
- box-shadow: inset -4px 0 0 rgba(0,0,0,0.3);
- background: #252C33;
-}
-
-#toolbox-tabs {
- overflow-y: auto;
-}
-
-.button {
- width: 80px;
- height: 85px;
- padding-bottom: 5px;
- -moz-appearance: none;
- border: none;
- border-bottom: 1px solid #121214;
- background-color: transparent;
- color: #B5B8BB;
- cursor: pointer;
- text-align: center;
- -moz-box-align: end;
- font-size: 10px;
- text-shadow: 0 1px 0 #333;
- color: #9FA6AD;
-}
-
-.button:first-child {
- border-top: none;
-}
-
-.button[selected] {
- box-shadow: inset -4px 0 0 rgba(0,0,0,0.3), inset 2px 0 0 #DEFFFF, inset 3px 0 0 #8DC7E8, inset 4px 0 1px #1D6496;
- color: #DCE8F3;
- background-color: #1A4766;
- border-color: #191B1E;
-}
-
-.button::-moz-focus-inner {
- border-width: 0;
-}
-
-.panel {
- border-width: 0;
-}
-
-.panel:not([selected="true"]) {
- display: none;
-}
-
-.button.toolbox {
- background-repeat: no-repeat;
- background-position: center 15px;
- background-size: 40px 40px;
-}
-
-.projects-button {
- background: url('chrome://browser/skin/devtools/app-manager/index-icons.svg') no-repeat;
- background-position: left -5px;
-}
-
-.projects-button[selected] {
- background-position: right -5px;
-}
-
-.device-button {
- background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
- background-position: left -85px, top left;
- background-repeat: no-repeat, no-repeat;
- background-size: 160px 240px, 2px 80px;
-}
-
-.device-button[selected] {
- background-position: right -85px, top left;
-}
-
-.help-button {
- border-bottom: 0;
- background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
- background-position: left -165px, top left;
- background-repeat: no-repeat, no-repeat;
- background-size: 160px 240px, 2px 80px;
-}
-
-.help-button[selected] {
- background-position: right -165px, top left;
-}
-
-#connection-footer {
- border-width: 0;
- height: 50px;
- min-height: 50px;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png b/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png
deleted file mode 100644
index b3c42ac..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg
deleted file mode 100644
index d21764e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="64px" height="64px" viewBox="0 0 64 64">
- <path fill="#ababab" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5 S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62 h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702 c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css
deleted file mode 100644
index 98b2289..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css
+++ /dev/null
@@ -1,556 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-size: 0.9rem;
-}
-
-html, body {
- height: 100%;
-}
-
-template {
- display: none;
-}
-
-body {
- display: flex;
- color: #333;
- background-color: white;
- font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
- overflow: hidden;
-}
-
-body:not(.connected) button.device-action {
- display: none;
-}
-
-strong {
- color: #111;
-}
-
-
-/********* SIDEBAR ***********/
-
-
-
-#sidebar {
- display: flex;
- flex-direction: column;
- flex: 0 0 350px;
- overflow: hidden;
- z-index: 100;
- background-color: #E9EAEB;
- position: relative;
- box-shadow: 3px 0 1.5px rgba(0,0,0,0.08);
-}
-
-#project-list {
- height: 100%;
- overflow: auto;
-}
-
-#project-list:not([projects-count="0"]) > #no-project {
- display: none;
-}
-
-#no-project {
- padding: 100px 20px 0;
- font-weight: bold;
- color: #BBB;
- font-size: 22px;
-}
-
-
-/********* PROJECT MENU ***********/
-
-
-.project-item {
- padding: 10px 0;
- background-color: #F0F1F2;
- box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
- color: #666;
- line-height: 120%;
- cursor: pointer;
- display: flex;
- position: relative;
-}
-
-.project-item:hover {
- background-color: #EEE;
-}
-
-.project-item > * {
- flex-shrink: 0;
-}
-
-.project-item.selected {
- background-color: #46AFE3;
-}
-
-.project-item.selected strong {
- color: #FFF;
-}
-
-.project-item.selected p,
-.project-item.selected span {
- color: #C1DCF0;
-}
-
-.button-remove {
- background-image: url('remove.svg');
- background-size: 20px;
- width: 20px;
- height: 20px;
- position: absolute;
- right: 5px;
- bottom: 5px;
- visibility: hidden;
- opacity: 0.5;
-}
-
-.project-item:hover .button-remove {
- visibility: visible;
-}
-
-.project-item-status {
- width: 6px;
- margin: -10px 0;
- border-right: 1px solid rgba(0,0,0,0.1);
- box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.2);
-}
-
-.project-item-status[status="valid"] {
- background-color: #70BF53;
-}
-
-.project-item-status[status~="warning"] {
- background-color: #F2B33F;
-}
-
-.project-item-status[status~="error"] {
- background-color: #ED4C62;
-}
-
-.project-item-icon {
- width: 32px;
- height: 32px;
- margin: 0 10px;
-}
-
-.project-item-meta {
- flex-grow: 1;
- flex-shrink: 1 !important;
-}
-
-.project-item-type {
- font-size: 10px;
- line-height: 20px;
- float: right;
- padding-right: 10px;
- color: #7597B9;
- text-transform: uppercase;
-}
-
-.project-item-description {
- color: #888;
- font-size: 90%;
-}
-
-/********* ADD PROJECT ***********/
-
-#new-packaged-project {
- box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
- background-position: calc(100% - 10px) 10px;
-}
-
-#new-packaged-project,
-#new-hosted-project {
- background-color: #EEE;
- border: none;
- border-top: 1px solid #DDD;
- padding: 10px;
- font-weight: bold;
-}
-
-#new-packaged-project:hover,
-#new-hosted-project:hover {
- background-color: #DDD;
-}
-
-#new-hosted-project-wrapper {
- display: flex;
- align-items: center;
-}
-
-#new-packaged-project,
-#new-hosted-project-click {
- background-image: url('plus.svg');
- background-size: 20px;
- background-repeat: no-repeat;
- cursor: pointer;
-}
-
-#new-hosted-project-click {
- background-position: top right;
- width: 20px;
- height: 20px;
- margin-left: 5px;
-}
-
-#url-input {
- flex-grow: 1;
- width: 90%;
- box-shadow: none;
- border-radius: 3px;
- border: 1px solid #DDD;
- padding: 4px;
- margin-top: 4px;
-}
-
-
-/********* LENSE ***********/
-
-
-#lense {
- height: 100%;
- flex-grow: 1;
- display: flex;
- z-index: 1;
- overflow: hidden;
- background-color: rgb(225, 225, 225);
- background-image: url('rocket.svg'), url('noise.png');
- background-repeat: no-repeat, repeat;
- background-size: 35%, auto;
- background-position: center center, top left;
-}
-
-#lense > div {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
-}
-
-
-/********* PROJECT ***********/
-
-
-.project-details {
- background-color: rgb(225, 225, 225);
- padding: 10px;
- line-height: 160%;
- display: flex;
- flex-direction: column;
-}
-
-.project-metadata {
- flex-grow: 1;
-}
-
-.project-status {
- display: flex;
-}
-
-.project-title {
- flex-direction: row;
- display: flex;
- align-items: flex-start;
- padding-bottom: 10px;
- border-bottom: 1px solid #CCC;
- margin-bottom: 10px;
-}
-
-.project-title > h1 {
- flex-grow: 1;
- font-size: 24px;
-}
-
-.project-location {
- color: gray;
- font-size: 10px;
- cursor: pointer;
- font-family: monospace;
-}
-
-.project-location:hover {
- text-decoration: underline;
-}
-
-.project-header {
- display: flex;
- border-bottom: 1px solid #CCC;
- margin: 10px 20px 10px 20px;
- padding-bottom: 10px;
-}
-
-.project-icon {
- flex-shrink: 0;
- width: 64px;
- height: 64px;
- margin-right: 10px;
-}
-
-.project-location {
- font-size: 11px;
- color: #999;
-}
-
-.project-description {
- font-style: italic;
- color: #333;
-}
-
-.project-status > p {
- text-transform: uppercase;
- font-size: 10px;
- padding: 2px 10px;
- border-radius: 2px;
- margin-top: 6px;
- line-height: 10px;
-}
-
-.project-validation {
- color: #FFF;
- display: none;
- margin-left: 10px;
-}
-
-.project-validation.valid {
- background-color: #70BF53;
-}
-
-.project-validation.warning {
- background-color: #F2B33F;
-}
-
-.project-validation.error {
- background-color: #ED4C62;
-}
-
-[status="valid"] > .project-validation.valid,
-[status~="warning"] > .project-validation.warning,
-[status~="error"] > .project-validation.error {
- display: inline;
-}
-
-.project-type {
- display: none;
- margin-left: 10px;
-}
-[type="hosted"] > .project-type.hosted,
-[type="packaged"] > .project-type.packaged {
- display: inline;
-}
-
-/********* PROJECT BUTTONS ***********/
-
-
-
-.project-buttons {
- display: flex;
- margin-left: 20px;
- color: #BBB;
-}
-
-.project-buttons > button {
- margin: 0;
- font-size: 11px;
- border: 1px solid #CCC;
- border-left-width: 0;
- padding: 5px 15px;
- cursor: pointer;
- background: rgba(255,255,255,0.4);
- text-transform: uppercase;
-}
-
-.project-buttons > button[disabled] {
- background-color: transparent;
- opacity: 0.4;
- pointer-events: none;
-}
-
-.project-buttons > button:first-child {
- border-left-width: 1px;
-}
-
-.project-button-debug {
- color: #3498DB;
-}
-
-.project-button-debug:hover {
- background-color: #3498DB;
- color: #FFF;
-}
-
-.project-button-debug[disabled] {
- color: #3498DB;
-}
-
-.project-button-update {
- color: #777;
-}
-
-.project-button-update:hover {
- background-color: #777;
- color: #FFF;
-}
-
-.project-button-update[disabled] {
- color: #777;
-}
-
-
-
-/********* ERRORS AND WARNINGS ***********/
-
-.project-warnings,
-.project-errors,
-.project-item-warnings,
-.project-item-errors {
- display: none;
-}
-
-[status~="warning"] .project-item-warnings,
-[status~="error"] .project-item-errors {
- display: inline-block;
-}
-
-[status~="warning"] > .project-warnings,
-[status~="error"] > .project-errors {
- display: block;
-}
-
-.project-warnings,
-.project-errors {
- margin: 20px 20px 0;
- padding: 10px 10px;
- font-family: monospace;
-}
-
-.project-warnings {
- border-left: 3px solid #ECB51E;
- background-color: rgba(236, 181, 20, 0.1);
-}
-
-.project-errors {
- border-left: 3px solid #ED4C62;
- background-color: rgba(237,76,98,0.1);
-}
-
-.project-item-warnings {
- background-image: url('warning.svg');
-}
-
-.project-item-errors {
- background-image: url('error.svg');
- color: rgb(227, 79, 34);
-}
-
-.project-item-warnings,
-.project-item-errors {
- background-repeat: no-repeat;
- background-size: 12px;
- background-position: left center;
- margin-top: 6px;
-}
-
-.project-item-warnings > span,
-.project-item-errors > span {
- font-size: 11px;
- padding-left: 16px;
- font-weight: bold;
-}
-
-
-/********* MANIFEST EDITOR ***********/
-
-.manifest-editor {
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- background-color: #E1E1E1;
-}
-
-.manifest-header {
- display: flex;
- flex-direction: row;
-}
-
-.manifest-header > h2 {
- font-size: 18px;
- margin: 1em 15px 1em 30px;
- display: none;
-}
-
-.manifest-header > button {
- margin: 18px 0;
- font-size: 11px;
- border: 1px solid #CCC;
- border-right-width: 0;
- padding: 2px;
- cursor: pointer;
- background: rgba(255,255,255,0.4);
- text-transform: uppercase;
- display: none;
-}
-
-.manifest-header > button[disabled] {
- background-color: transparent;
- opacity: 0.4;
- pointer-events: none;
-}
-
-.manifest-header > button:last-child {
- border-right-width: 1px;
-}
-
-[type="packaged"] > .editable {
- display: block;
-}
-
-[type="hosted"] > .viewable {
- display: block;
-}
-
-.manifest-button-save {
- color: #777;
-}
-
-.manifest-button-save:hover {
- background-color: #777;
- color: #FFF;
-}
-
-.manifest-button-save[disabled] {
- color: #777;
-}
-
-.variables-view {
- flex-grow: 1;
- border: 0;
- border-top: 5px solid #C9C9C9;
-}
-
-/* Bug 925921: Remove when the manifest editor is always on */
-
-.manifest-editor {
- display: none;
-}
-
-.project-details {
- flex-grow: 1;
-}
-
-#lense[manifest-editable] .manifest-editor {
- display: flex;
-}
-
-#lense[manifest-editable] .project-details {
- flex-grow: 0;
-}
-
-/* End blocks to remove */
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg
deleted file mode 100644
index 9b98e8f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="64px" height="64px" viewBox="0 0 64 64">
- <path fill="#ff6b00" d="m 12.183457,12.241457 c -11.129861,11.12986 -11.129861,29.175226 0,40.305086 11.12986,11.129861 29.175226,11.129861 40.305086,0 11.129861,-11.12986 11.129861,-29.175226 0,-40.305086 -11.12986,-11.129861 -29.175226,-11.129861 -40.305086,0 z m 32.241241,14.52963 -5.531697,5.531696 5.388154,5.388154 c 1.82575,1.82575 1.82575,4.823882 0,6.649632 -1.827164,1.827164 -4.825297,1.827164 -6.651047,0.0014 l -5.388153,-5.388153 -5.527454,5.527453 c -1.781909,1.781909 -4.686704,1.779081 -6.465784,0 -1.779081,-1.77908 -1.781202,-4.684582 0,-6.465784 l 5.527453,-5.527454 -5.388153,-5.388153 c -1.82575,-1.82575 -1.82575,-4.823883 0.0014,-6.651047 1.82575,-1.82575 4.823882,-1.82575 6.649632,0 l 5.388154,5.388154 5.531696,-5.531697 c 1.777667,-1.777666 4.68529,-1.777666 6.46437,0.0014 1.779081,1.77908 1.779081,4.686703 0.0014,6.46437 z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg
deleted file mode 100644
index a0cca5c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
- <g opacity="0.1">
- <path fill="#fff" d="M12,2.3c-1.127,0-3.333,3.721-4.084,7.411l-2.535,2.535v6.619l1.767,0l2.464-2.464 c0.252,0.264,0.529,0.486,0.827,0.662h3.118c0.299-0.175,0.579-0.397,0.831-0.662l2.464,2.464l1.767,0v-6.619l-2.535-2.535 C15.333,6.021,13.127,2.3,12,2.3z M12.003,6.181c0.393,0,1.084,1.103,1.515,2.423c-0.466-0.087-0.963-0.135-1.481-0.135 c-0.545,0-1.066,0.054-1.553,0.15C10.914,7.292,11.608,6.181,12.003,6.181z"/>
- <path fill="#fff" d="M12.792,18.755c0,0.778-0.603,1.408-0.805,1.408c-0.201,0-0.805-0.631-0.805-1.408 c0-0.301,0.055-0.579,0.147-0.809h-0.932c-0.109,0.403-0.171,0.854-0.171,1.33c0,1.714,1.33,3.104,1.774,3.104 s1.774-1.389,1.774-3.103c0-0.477-0.062-0.927-0.171-1.331l-0.957,0C12.738,18.175,12.792,18.453,12.792,18.755z"/>
- <path fill="#414042" d="M12,2c-1.127,0-3.333,3.721-4.084,7.411l-2.535,2.535v6.619l1.767,0l2.464-2.464 c0.252,0.264,0.529,0.486,0.827,0.662h3.118c0.299-0.175,0.579-0.397,0.831-0.662l2.464,2.464l1.767,0v-6.619l-2.535-2.535 C15.333,5.721,13.127,2,12,2z M12.003,5.881c0.393,0,1.084,1.103,1.515,2.423c-0.466-0.087-0.963-0.135-1.481-0.135 c-0.545,0-1.066,0.054-1.553,0.15C10.914,6.992,11.608,5.881,12.003,5.881z"/>
- <path fill="#414042" d="M12.792,18.455c0,0.778-0.603,1.408-0.805,1.408c-0.201,0-0.805-0.631-0.805-1.408 c0-0.301,0.055-0.579,0.147-0.809h-0.932c-0.109,0.403-0.171,0.854-0.171,1.33c0,1.714,1.33,3.104,1.774,3.104 s1.774-1.389,1.774-3.103c0-0.477-0.062-0.927-0.171-1.331l-0.957,0C12.738,17.875,12.792,18.153,12.792,18.455z"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg
deleted file mode 100644
index d26e2e6..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="64px" height="64px" viewBox="0 0 64 64">
- <path fill="#ecb51f" d="M61.689,51.121L36.437,7.384c-2.441-4.227-6.434-4.227-8.875,0L2.311,51.121 c-2.441,4.227-0.444,7.686,4.437,7.686h50.504C62.133,58.807,64.13,55.349,61.689,51.121z M35.968,47.68 c0,2.191-1.688,3.877-3.968,3.877s-3.968-1.686-3.968-3.877v-0.093c0-2.187,1.688-3.873,3.968-3.873s3.968,1.686,3.968,3.873V47.68z M36.059,21.548l-1.961,17.146c-0.137,1.233-0.958,2.009-2.098,2.009s-1.961-0.776-2.098-2.009l-1.961-17.146 c-0.137-1.322,0.592-2.325,1.825-2.325h4.469C35.466,19.223,36.196,20.226,36.059,21.548z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/arrow-e.png b/arc-firefox-theme/chrome/browser/devtools/arrow-e.png
deleted file mode 100644
index cfa950a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/arrow-e.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png b/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png
deleted file mode 100644
index c628ca0..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png
deleted file mode 100644
index 9ce5dd7..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png
deleted file mode 100644
index 5f28c8b..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png
deleted file mode 100644
index 22c3c86..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css b/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css
deleted file mode 100644
index efeac51..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css
+++ /dev/null
@@ -1,447 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-
-/* Reload and waiting notices */
-
-.notice-container {
- margin-top: -50vh;
- background-color: var(--theme-toolbar-background);
- color: var(--theme-body-color-alt);
-}
-
-#empty-notice > button {
- min-width: 30px;
- min-height: 28px;
- margin: 0;
- list-style-image: url(profiler-stopwatch.svg);
-}
-
-#empty-notice > button .button-text {
- display: none;
-}
-
-#waiting-notice {
- font-size: 110%;
-}
-
-/* Snapshots pane */
-
-#snapshots-pane > tabs {
- -moz-border-end: 1px solid;
-}
-
-#snapshots-pane .devtools-toolbar {
- -moz-border-end: 1px solid;
-}
-
-.theme-dark #snapshots-pane > tabs,
-.theme-dark #snapshots-pane .devtools-toolbar {
- -moz-border-end-color: black; /* Match the splitter color. */
-}
-
-.theme-light #snapshots-pane > tabs,
-.theme-light #snapshots-pane .devtools-toolbar {
- -moz-border-end-color: #aaa; /* Match the splitter color. */
-}
-
-#record-snapshot {
- list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg");
-}
-
-#record-snapshot[checked] {
- list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg");
-}
-
-/* Snapshots items */
-
-.snapshot-item-thumbnail {
- image-rendering: -moz-crisp-edges;
- background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2));
- background-size: 12px 12px, 12px 12px;
- background-position: 0px 0px, 6px 6px;
- background-repeat: repeat, repeat;
-}
-
-.snapshot-item-thumbnail[flipped=true] {
- transform: scaleY(-1);
-}
-
-.theme-dark .snapshot-item-thumbnail {
- background-color: #000;
-}
-
-.theme-light .snapshot-item-thumbnail {
- background-color: #fff;
-}
-
-.snapshot-item-details {
- -moz-padding-start: 6px;
-}
-
-.snapshot-item-calls {
- padding-top: 4px;
- font-size: 80%;
-}
-
-.snapshot-item-save {
- padding-bottom: 2px;
- font-size: 90%;
-}
-
-.snapshot-item-calls,
-.snapshot-item-save {
- color: var(--theme-body-color-alt);
-}
-
-.snapshot-item-save {
- text-decoration: underline;
- cursor: pointer;
-}
-
-.snapshot-item-save[disabled=true] {
- text-decoration: none;
- pointer-events: none;
-}
-
-.snapshot-item-footer.devtools-throbber::before {
- margin-top: -2px;
-}
-
-#snapshots-list .selected label {
- /* Text inside a selected item should not be custom colored. */
- color: inherit !important;
-}
-
-/* Debugging pane controls */
-
-#debugging-controls .devtools-toolbarbutton > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
-#resume {
- list-style-image: url(debugger-play.png);
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
-#step-over {
- list-style-image: url(debugger-step-over.png);
-}
-
-#step-in {
- list-style-image: url(debugger-step-in.png);
-}
-
-#step-out {
- list-style-image: url(debugger-step-out.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- #resume {
- list-style-image: url(debugger-play@2x.png);
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-
- #step-over {
- list-style-image: url(debugger-step-over@2x.png);
- }
-
- #step-in {
- list-style-image: url(debugger-step-in@2x.png);
- }
-
- #step-out {
- list-style-image: url(debugger-step-out@2x.png);
- }
-}
-
-#debugging-controls > toolbarbutton {
- transition: opacity 0.15s ease-in-out;
-}
-
-#debugging-controls > toolbarbutton[disabled=true] {
- opacity: 0.5;
-}
-
-#calls-slider {
- -moz-padding-end: 24px;
-}
-
-#calls-slider .scale-slider {
- margin: 0;
-}
-
-#debugging-toolbar-sizer-button {
- /* This button's only purpose in life is to make the
- container .devtools-toolbar have the right height. */
- visibility: hidden;
- min-width: 1px;
-}
-
-/* Calls list pane */
-
-#calls-list .side-menu-widget-container {
- background: transparent;
-}
-
-#calls-list .side-menu-widget-item {
- padding: 0;
-}
-
-/* Calls list items */
-
-.theme-dark #calls-list .side-menu-widget-item {
- border-color: #111;
- border-bottom-color: transparent;
-}
-
-.theme-light #calls-list .side-menu-widget-item {
- border-color: #eee;
- border-bottom-color: transparent;
-}
-
-.theme-dark .call-item-view:hover {
- background-color: rgba(255,255,255,.025);
-}
-
-.theme-light .call-item-view:hover {
- background-color: rgba(0,0,0,.025);
-}
-
-.theme-dark .call-item-view[draw-call] {
- background-color: rgba(112,191,83,0.15);
-}
-
-.theme-light .call-item-view[draw-call] {
- background-color: rgba(44,187,15,0.1);
-}
-
-.theme-dark .call-item-view[interesting-call] {
- background-color: rgba(223,128,255,0.15);
-}
-
-.theme-light .call-item-view[interesting-call] {
- background-color: rgba(184,46,229,0.1);
-}
-
-.call-item-gutter {
- width: calc(3em + 22px);
- -moz-padding-start: 22px;
- -moz-padding-end: 4px;
- padding-top: 2px;
- padding-bottom: 2px;
- -moz-border-end: 1px solid;
- -moz-margin-end: 6px;
-}
-
-.selected .call-item-gutter {
- background-image: url("editor-debug-location.png");
- background-repeat: no-repeat;
- background-position: 6px center;
- background-size: 12px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .selected .call-item-gutter {
- background-image: url("editor-debug-location@2x.png");
- }
-}
-
-.call-item-gutter {
- background-color: var(--theme-sidebar-background);
- color: var(--theme-content-color3);
- border-color: var(--theme-splitter-color);
-}
-
-.call-item-index {
- text-align: end;
-}
-
-.call-item-context {
- color: var(--theme-highlight-orange);
-}
-
-.call-item-name {
- color: var(--theme-highlight-blue);
-}
-
-.call-item-location {
- -moz-padding-start: 2px;
- -moz-padding-end: 6px;
- text-align: end;
- cursor: pointer;
- color: var(--theme-highlight-bluegrey);
-}
-
-.call-item-location:hover {
- color: var(--theme-highlight-blue);
-}
-
-.call-item-view:hover .call-item-location,
-.call-item-view[expanded] .call-item-location {
- text-decoration: underline;
-}
-
-.theme-dark .call-item-location {
- border-color: #111;
-}
-
-.theme-light .call-item-location {
- border-color: #eee;
-}
-
-.call-item-stack {
- -moz-padding-start: calc(3em + 22px);
- padding-bottom: 10px;
-}
-
-.theme-dark .call-item-stack {
- background: rgba(0,0,0,0.9);
-}
-
-.theme-light .call-item-stack {
- background: rgba(255,255,255,0.9);
-}
-
-.call-item-stack-fn {
- padding-top: 2px;
- padding-bottom: 2px;
-}
-
-.call-item-stack-fn-location {
- -moz-padding-start: 2px;
- -moz-padding-end: 6px;
- text-align: end;
- cursor: pointer;
- text-decoration: underline;
-}
-
-.call-item-stack-fn-name {
- color: var(--theme-content-color3);
-}
-
-.call-item-stack-fn-location {
- color: var(--theme-highlight-bluegrey);
-}
-
-.call-item-stack-fn-location:hover {
- color: var(--theme-highlight-blue);
-}
-
-#calls-list .selected .call-item-contents > label:not(.call-item-gutter) {
- /* Text inside a selected item should not be custom colored. */
- color: inherit !important;
-}
-
-/* Rendering preview */
-
-#screenshot-container {
- background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2));
- background-size: 30px 30px, 30px 30px;
- background-position: 0px 0px, 15px 15px;
- background-repeat: repeat, repeat;
-}
-
-.theme-dark #screenshot-container {
- background-color: #000;
-}
-
-.theme-light #screenshot-container {
- background-color: #fff;
-}
-
-@media (min-width: 701px) {
- #screenshot-container {
- width: 30vw;
- max-width: 50vw;
- min-width: 100px;
- }
-}
-
-@media (max-width: 700px) {
- #screenshot-container {
- height: 40vh;
- max-height: 70vh;
- min-height: 100px;
- }
-}
-
-#screenshot-image {
- background-image: -moz-element(#screenshot-rendering);
- background-size: contain;
- background-position: center, center;
- background-repeat: no-repeat;
-}
-
-#screenshot-image[flipped=true] {
- transform: scaleY(-1);
-}
-
-#screenshot-dimensions {
- padding-top: 4px;
- padding-bottom: 4px;
- text-align: center;
-}
-
-.theme-dark #screenshot-dimensions {
- background-color: rgba(0,0,0,0.4);
-}
-
-.theme-light #screenshot-dimensions {
- background-color: rgba(255,255,255,0.8);
-}
-
-/* Snapshot filmstrip */
-
-#snapshot-filmstrip {
- overflow: hidden;
-}
-
-.theme-dark #snapshot-filmstrip {
- border-top: 1px solid #000;
- color: var(--theme-selection-color);
-}
-
-.theme-light #snapshot-filmstrip {
- border-top: 1px solid #aaa;
- color: var(--theme-body-color-alt);
-}
-
-.filmstrip-thumbnail {
- image-rendering: -moz-crisp-edges;
- background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2));
- background-size: 12px 12px, 12px 12px;
- background-position: 0px -1px, 6px 5px;
- background-repeat: repeat, repeat;
- background-origin: content-box;
- cursor: pointer;
- padding-top: 1px;
- padding-bottom: 1px;
- transition: opacity 0.1s ease-in-out;
-}
-
-.filmstrip-thumbnail[flipped=true] {
- transform: scaleY(-1);
-}
-
-.theme-dark .filmstrip-thumbnail {
- background-color: #000;
-}
-
-.theme-light .filmstrip-thumbnail {
- background-color: #fff;
-}
-
-.filmstrip-thumbnail {
- -moz-border-end: 1px solid var(--theme-splitter-color)
-}
-
-#snapshot-filmstrip > .filmstrip-thumbnail:hover,
-#snapshot-filmstrip:not(:hover) > .filmstrip-thumbnail[highlighted] {
- border: 1px solid var(--theme-highlight-blue);
- margin: 0 0 0 -1px;
- padding: 0;
- opacity: 0.66;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/close.png b/arc-firefox-theme/chrome/browser/devtools/close.png
deleted file mode 100644
index b539412..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/close.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/close@2x.png b/arc-firefox-theme/chrome/browser/devtools/close@2x.png
deleted file mode 100644
index 79ef6ce..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/close@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-console.png b/arc-firefox-theme/chrome/browser/devtools/command-console.png
deleted file mode 100644
index 5c3740e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-console.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png
deleted file mode 100644
index 00bdc35..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png
deleted file mode 100644
index a96b8eb..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png
deleted file mode 100644
index edfe4c1..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-frames.png b/arc-firefox-theme/chrome/browser/devtools/command-frames.png
deleted file mode 100755
index 5c37ccb..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-frames.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png
deleted file mode 100755
index 84b37d3..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png
deleted file mode 100644
index 244fb3c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png
deleted file mode 100644
index 77435bf..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-pick.png b/arc-firefox-theme/chrome/browser/devtools/command-pick.png
deleted file mode 100644
index 37ce97c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-pick.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png
deleted file mode 100644
index 88d739e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png
deleted file mode 100644
index 2cad915..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png
deleted file mode 100644
index 6fce404..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-rulers.png b/arc-firefox-theme/chrome/browser/devtools/command-rulers.png
deleted file mode 100644
index ae7c705..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-rulers.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png
deleted file mode 100644
index 8378959..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png
deleted file mode 100644
index f9470b4..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png
deleted file mode 100644
index ea5630f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png b/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png
deleted file mode 100644
index f6da8e9..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png
deleted file mode 100644
index b7cdced..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-tilt.png b/arc-firefox-theme/chrome/browser/devtools/command-tilt.png
deleted file mode 100644
index 6909b0a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-tilt.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png
deleted file mode 100644
index 2c35d19..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png b/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png
deleted file mode 100644
index e51f67f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png b/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png
deleted file mode 100644
index 407fdae..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline.css b/arc-firefox-theme/chrome/browser/devtools/commandline.css
deleted file mode 100644
index 7666eed..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/commandline.css
+++ /dev/null
@@ -1,172 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-
-/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
- We are copy/pasting variables from light-theme and dark-theme,
- since they aren't loaded in this context (within commandlineoutput.xhtml
- and commandlinetooltip.xhtml). */
-:root[devtoolstheme="light"] {
- --gcli-background-color: #ebeced; /* --theme-tab-toolbar-background */
- --gcli-input-focused-background: #f7f7f7; /* --theme-sidebar-background */
- --gcli-input-color: #18191a; /* --theme-body-color */
- --gcli-border-color: #aaaaaa; /* --theme-splitter-color */
-}
-
-:root[devtoolstheme="dark"] {
- --gcli-background-color: #343c45; /* --theme-toolbar-background */
- --gcli-input-focused-background: #252c33; /* --theme-tab-toolbar-background */
- --gcli-input-color: #b6babf; /* --theme-body-color-alt */
- --gcli-border-color: black; /* --theme-splitter-color */
-}
-
-.gcli-body {
- margin: 0;
- font: message-box;
- color: var(--gcli-input-color);
-}
-
-#gcli-output-root,
-#gcli-tooltip-root {
- border: 1px solid var(--gcli-border-color);
- border-radius: 3px;
- background-color: var(--gcli-background-color);
-}
-
-#gcli-output-root {
- padding: 5px 10px;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- border-bottom: 0;
-}
-
-#gcli-tooltip-root {
- padding: 5px 0px;
-}
-
-#gcli-tooltip-connector {
- margin-top: -1px;
- margin-left: 8px;
- width: 20px;
- height: 10px;
- border-left: 1px solid var(--gcli-border-color);
- border-right: 1px solid var(--gcli-border-color);
- background-color: var(--gcli-background-color);
-}
-
-.gcli-tt-description,
-.gcli-tt-error {
- padding: 0 10px;
-}
-
-.gcli-row-out {
- padding: 0 5px;
- line-height: 1.2em;
- border-top: none;
- border-bottom: none;
- color: var(--gcli-input-color);
-}
-
-.gcli-row-out p,
-.gcli-row-out h1,
-.gcli-row-out h2,
-.gcli-row-out h3 {
- margin: 5px 0;
-}
-
-.gcli-row-out h1,
-.gcli-row-out h2,
-.gcli-row-out h3,
-.gcli-row-out h4,
-.gcli-row-out h5,
-.gcli-row-out th,
-.gcli-row-out strong,
-.gcli-row-out pre {
- color: var(--gcli-input-color);
-}
-
-.gcli-row-out pre {
- font-size: 80%;
-}
-
-.gcli-row-out td {
- white-space: nowrap;
-}
-
-.gcli-out-shortcut,
-.gcli-help-synopsis {
- padding: 0 3px;
- margin: 0 4px;
- font-weight: normal;
- font-size: 90%;
- border-radius: 3px;
- background-color: var(--gcli-background-color);
- border: 1px solid var(--gcli-border-color);
-}
-
-.gcli-out-shortcut:before,
-.gcli-help-synopsis:before {
- color: var(--gcli-input-color);
- -moz-padding-end: 2px;
-}
-
-.gcli-help-arrow {
- color: #666;
-}
-
-.gcli-help-description {
- margin: 0 20px;
- padding: 0;
-}
-
-.gcli-help-parameter {
- margin: 0 30px;
- padding: 0;
-}
-
-.gcli-help-header {
- margin: 10px 0 6px;
-}
-
-.gcli-menu-name {
- -moz-padding-start: 8px;
-}
-
-.gcli-menu-desc {
- -moz-padding-end: 8px;
- color: var(--gcli-input-color);
-}
-
-.gcli-menu-name:hover,
-.gcli-menu-desc:hover {
- background-color: var(--gcli-input-focused-background);
-}
-
-.gcli-menu-highlight,
-.gcli-menu-highlight:hover {
- background-color: hsla(0,100%,100%,.1);
-}
-
-.gcli-menu-typed {
- color: hsl(25,78%,50%);
-}
-
-.gcli-menu-more {
- font-size: 80%;
- text-align: end;
- -moz-padding-end: 8px;
-}
-
-.gcli-addon-disabled {
- opacity: 0.6;
- text-decoration: line-through;
-}
-
-.gcli-breakpoint-label {
- font-weight: bold;
-}
-
-.gcli-breakpoint-lineText {
- font-family: monospace;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/common.css b/arc-firefox-theme/chrome/browser/devtools/common.css
index 0a655c7..fb6a8fe 100644
--- a/arc-firefox-theme/chrome/browser/devtools/common.css
+++ b/arc-firefox-theme/chrome/browser/devtools/common.css
@@ -1,274 +1,10 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-:root {
- font: message-box;
- --monospace-font-family: monospace;
-}
+ /**
+ * This file only exists to support add-ons which import this style sheet at a
+ * specific path.
+ */
-.devtools-monospace {
- font-family: var(--monospace-font-family);
- font-size: 80%;
-}
-
-/* Bottom-docked toolbox minimize transition */
-.devtools-toolbox-bottom-iframe {
- transition: margin-bottom .1s;
-}
-
-/* Splitters */
-.devtools-horizontal-splitter {
- -moz-appearance: none;
- background-image: none;
- background-color: transparent;
- border: 0;
- border-bottom: 1px solid rgba(118, 121, 125, .5);
- min-height: 3px;
- height: 3px;
- margin-top: -3px;
- position: relative;
-}
-
-.devtools-side-splitter {
- -moz-appearance: none;
- background-image: none;
- background-color: transparent;
- border: 0;
- -moz-border-end: 1px solid rgba(118, 121, 125, .5);
- min-width: 3px;
- width: 3px;
- -moz-margin-start: -3px;
- position: relative;
- cursor: e-resize;
-}
-
-.devtools-horizontal-splitter.disabled,
-.devtools-side-splitter.disabled {
- pointer-events: none;
-}
-
-.devtools-toolbox-side-iframe {
- min-width: 465px;
-}
-
-/* Autocomplete Popup */
-/* Dark and light theme */
-
-.devtools-autocomplete-popup {
- -moz-appearance: none !important;
- box-shadow: 0 1px 0 hsla(209,29%,72%,.25) inset;
- background-color: transparent;
- border-radius: 3px;
- overflow-x: hidden;
- max-height: 32rem;
-}
-
-.devtools-autocomplete-listbox {
- -moz-appearance: none !important;
- background-color: transparent;
- border-width: 0px !important;
-}
-
-.devtools-autocomplete-listbox > richlistitem,
-.devtools-autocomplete-listbox > richlistitem[selected] {
- width: 100%;
- background-color: transparent;
- border-radius: 4px;
-}
-
-.devtools-autocomplete-listbox.dark-theme > richlistitem[selected],
-.devtools-autocomplete-listbox.dark-theme > richlistitem:hover {
- background-color: rgba(0,0,0,0.5);
-}
-
-.devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > .autocomplete-value,
-.devtools-autocomplete-listbox:focus.dark-theme > richlistitem[selected] > .initial-value {
- color: hsl(208,100%,60%);
-}
-
-.devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > label {
- color: #eee;
-}
-
-.devtools-autocomplete-listbox.dark-theme > richlistitem > label {
- color: #ccc;
-}
-
-.devtools-autocomplete-listbox > richlistitem > .initial-value,
-.devtools-autocomplete-listbox > richlistitem > .autocomplete-value {
- margin: 0;
- padding: 1px 0;
-}
-
-.devtools-autocomplete-listbox > richlistitem > .autocomplete-count {
- text-align: end;
-}
-
-/* Rest of the dark and light theme */
-
-.devtools-autocomplete-popup,
-.theme-dark .CodeMirror-hints,
-.theme-dark .CodeMirror-Tern-tooltip {
- border: 1px solid hsl(210,11%,10%);
- background-image: linear-gradient(to bottom, hsla(209,18%,18%,0.9), hsl(210,11%,16%));
-}
-
-.devtools-autocomplete-popup.light-theme,
-.light-theme .CodeMirror-hints,
-.light-theme .CodeMirror-Tern-tooltip {
- border: 1px solid hsl(210,24%,90%);
- background-image: linear-gradient(to bottom, hsla(209,18%,100%,0.9), hsl(210,24%,95%));
-}
-
-.devtools-autocomplete-popup.light-theme {
- box-shadow: 0 1px 0 hsla(209,29%,90%,.25) inset;
-}
-
-.devtools-autocomplete-listbox.light-theme > richlistitem[selected],
-.devtools-autocomplete-listbox.light-theme > richlistitem:hover {
- background-color: rgba(128,128,128,0.3);
-}
-
-.devtools-autocomplete-listbox.light-theme > richlistitem[selected] > .autocomplete-value,
-.devtools-autocomplete-listbox:focus.light-theme > richlistitem[selected] > .initial-value {
- color: #222;
-}
-
-.devtools-autocomplete-listbox.light-theme > richlistitem > label {
- color: #666;
-}
-
-/* Tooltip widget (see browser/devtools/shared/widgets/Tooltip.js) */
-
-.devtools-tooltip .panel-arrowcontent {
- padding: 4px;
-}
-
-.devtools-tooltip .panel-arrowcontainer {
- /* Reseting the transition used when panels are shown */
- transition: none;
- /* Panels slide up/down/left/right when they appear using a transform.
- Since we want to remove the transition, we don't need to transform anymore
- plus it can interfeer by causing mouseleave events on the underlying nodes */
- transform: none;
-}
-
-.devtools-tooltip[clamped-dimensions] {
- min-height: 100px;
- max-height: 400px;
- min-width: 100px;
- max-width: 400px;
-}
-.devtools-tooltip[clamped-dimensions-no-min-height] {
- min-height: 0;
- max-height: 400px;
- min-width: 100px;
- max-width: 400px;
-}
-.devtools-tooltip[clamped-dimensions-no-max-or-min-height] {
- min-width: 400px;
- max-width: 400px;
-}
-.devtools-tooltip[clamped-dimensions] .panel-arrowcontent,
-.devtools-tooltip[clamped-dimensions-no-min-height] .panel-arrowcontent,
-.devtools-tooltip[clamped-dimensions-no-max-or-min-height] .panel-arrowcontent {
- overflow: hidden;
-}
-.devtools-tooltip[wide] {
- max-width: 600px;
-}
-
-/* Tooltip: Simple Text */
-
-.devtools-tooltip-simple-text {
- max-width: 400px;
- margin: 0 -4px; /* Compensate for the .panel-arrowcontent padding. */
- padding: 8px 12px;
- white-space: pre-wrap;
-}
-
-.devtools-tooltip-simple-text:first-child {
- margin-top: -4px;
-}
-
-.devtools-tooltip-simple-text:last-child {
- margin-bottom: -4px;
-}
-
-/* Tooltip: Alert Icon */
-
-.devtools-tooltip-alert-icon {
- width: 32px;
- height: 32px;
- margin: 6px;
- -moz-margin-end: 20px;
-}
-
-.devtools-tooltip-alert-icon {
- list-style-image: url("chrome://global/skin/icons/warning-32.png");
-}
-
-/* Tooltip: Variables View */
-
-.devtools-tooltip-variables-view-box {
- margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
-}
-
-.devtools-tooltip-variables-view-box .variable-or-property > .title {
- -moz-padding-end: 6px;
-}
-
-/* Tooltip: Tiles */
-
-.devtools-tooltip-tiles {
- background-color: #eee;
- background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
- linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
- background-size: 20px 20px;
- background-position: 0 0, 10px 10px;
-}
-
-.devtools-tooltip-iframe {
- border: none;
- background: transparent;
-}
-
-/* Eyedropper Widget */
-
-.devtools-eyedropper-panel {
- pointer-events: none;
- -moz-appearance: none;
- width: 156px;
- height: 120px;
- background-color: transparent;
- border: none;
-}
-
-/* links to source code, like displaying `myfile.js:45` */
-
-.devtools-source-link {
- font-family: var(--monospace-font-family);
- color: var(--theme-highlight-blue);
- cursor: pointer;
- white-space: nowrap;
- display: flex;
- text-decoration: none;
- font-size: 11px;
- width: 12em; /* probably should be changed for each tool */
-}
-
-.devtools-source-link:hover {
- text-decoration: underline;
-}
-
-.devtools-source-link > .filename {
- text-overflow: ellipsis;
- text-align: end;
- overflow: hidden;
- margin: 2px 0px;
- cursor: pointer;
-}
-
-.devtools-source-link > .line-number {
- flex: none;
- margin: 2px 0px;
- cursor: pointer;
-}
+@import url("chrome://devtools/skin/common.css");
diff --git a/arc-firefox-theme/chrome/browser/devtools/computedview.css b/arc-firefox-theme/chrome/browser/devtools/computedview.css
deleted file mode 100644
index a4eff43..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/computedview.css
+++ /dev/null
@@ -1,203 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* From content */
-
-* {
- box-sizing: border-box;
-}
-
-:root {
- height: 100%;
-}
-
-body {
- margin: 0;
- display : flex;
- flex-direction: column;
- height: 100%;
-}
-
-#propertyContainer {
- -moz-user-select: text;
- overflow: auto;
- min-height: 0;
- flex: 1;
-}
-
-.row-striped {
- background: var(--theme-body-background);
-}
-
-.property-view-hidden,
-.property-content-hidden {
- display: none;
-}
-
-.property-view {
- clear: both;
- padding: 2px 0 2px 17px;
-}
-
-.property-view > * {
- display: inline-block;
- vertical-align: middle;
-}
-
-.property-name {
- /* -12px is so the expander triangle isn't pushed up above the property */
- width: calc(100% - 12px);
- overflow-x: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- outline: 0;
-}
-
-.property-value, .other-property-value {
- background-image: url(arrow-e.png);
- background-repeat: no-repeat;
- background-size: 5px 8px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .property-value, .other-property-value {
- background-image: url(arrow-e@2x.png);
- }
-}
-
-.property-value {
- width: 100%;
- overflow-x: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- background-position: 2px center;
- padding-left: 10px;
- outline: 0;
-}
-
-.other-property-value {
- background-position: left center;
- padding-left: 8px;
-}
-
-@media (min-width: 400px) {
- .property-name {
- width: 200px;
- }
- .property-value {
- /* -212px is accounting for the 200px property-name and the 12px triangle */
- width: calc(100% - 212px);
- }
-}
-
-.property-content {
- padding-left: 17px;
-}
-
-/* From skin */
-.expander {
- visibility: hidden;
- margin-left: -12px!important;
-}
-
-.expandable {
- visibility: visible;
-}
-
-.match {
- visibility: hidden;
-}
-
-.matchedselectors > p {
- clear: both;
- margin: 0 2px 0 0;
- padding: 2px;
- overflow-x: hidden;
- border-style: dotted;
- border-color: rgba(128,128,128,0.4);
- border-width: 1px 1px 0 1px;
-}
-
-.matchedselectors > p:last-of-type {
- border-bottom-width: 1px;
-}
-
-.matched {
- text-decoration: line-through;
-}
-
-.parentmatch {
- opacity: 0.5;
-}
-
-#noResults {
- font-size: 110%;
- margin: 5px;
- text-align: center;
-}
-
-.onlyuserstyles {
- cursor: pointer;
-}
-
-.legendKey {
- margin: 0 5px;
-}
-
-#root .devtools-toolbar {
- width: 100%;
- display: flex;
-}
-
-.link {
- padding: 0 3px;
- cursor: pointer;
- float: right;
-}
-
-/* Take away these two :visited rules to get a core dumper */
-/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
-
-.link,
-.link:visited {
- color: #0091ff;
-}
-
-.link,
-.helplink,
-.link:visited,
-.helplink:visited {
- text-decoration: none;
-}
-
-.link:hover {
- text-decoration: underline;
-}
-
-.computedview-colorswatch {
- border-radius: 50%;
- width: 0.9em;
- height: 0.9em;
- vertical-align: middle;
- -moz-margin-end: 5px;
- display: inline-block;
- position: relative;
-}
-
-.computedview-colorswatch::before {
- content: '';
- background-color: #eee;
- background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
- linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
- background-size: 12px 12px;
- background-position: 0 0, 6px 6px;
- position: absolute;
- border-radius: 50%;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: -1;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/controls.png b/arc-firefox-theme/chrome/browser/devtools/controls.png
deleted file mode 100644
index 569c266..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/controls.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/controls@2x.png b/arc-firefox-theme/chrome/browser/devtools/controls@2x.png
deleted file mode 100644
index fb06251..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/controls@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png
deleted file mode 100644
index 2dcb58a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png
deleted file mode 100644
index 64dbef8..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/dark-theme.css b/arc-firefox-theme/chrome/browser/devtools/dark-theme.css
deleted file mode 100644
index 22480b2..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/dark-theme.css
+++ /dev/null
@@ -1,1463 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* Colors are taken from:
- * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors.
- * Changes should be kept in sync with commandline.css and commandline.inc.css.
- */
-:root {
- --theme-body-background: #14171a;
- --theme-sidebar-background: #181d20;
- --theme-contrast-background: #b28025;
-
- --theme-tab-toolbar-background: #252c33;
- --theme-toolbar-background: #343c45;
- --theme-selection-background: #1d4f73;
- --theme-selection-background-semitransparent: rgba(29, 79, 115, .5);
- --theme-selection-color: #f5f7fa;
- --theme-splitter-color: black;
- --theme-comment: #757873;
-
- --theme-body-color: #8fa1b2;
- --theme-body-color-alt: #b6babf;
- --theme-content-color1: #a9bacb;
- --theme-content-color2: #8fa1b2;
- --theme-content-color3: #5f7387;
-
- --theme-highlight-green: #70bf53;
- --theme-highlight-blue: #46afe3;
- --theme-highlight-bluegrey: #5e88b0;
- --theme-highlight-purple: #6b7abb;
- --theme-highlight-lightorange: #d99b28;
- --theme-highlight-orange: #d96629;
- --theme-highlight-red: #eb5368;
- --theme-highlight-pink: #df80ff;
-
- /* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */
- --theme-graphs-green: #70bf53;
- --theme-graphs-blue: #46afe3;
- --theme-graphs-bluegrey: #5e88b0;
- --theme-graphs-purple: #df80ff;
- --theme-graphs-yellow: #d99b28;
- --theme-graphs-red: #eb5368;
- --theme-graphs-grey: #757873;
-}
-
-.theme-body {
- background: var(--theme-body-background);
- color: var(--theme-body-color);
-}
-
-.theme-sidebar {
- background: var(--theme-sidebar-background);
- color: var(--theme-content-color1);
-}
-
-::-moz-selection {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.theme-bg-darker {
- background-color: var(--theme-selection-background-semitransparent);
-}
-
-.theme-selected,
-.CodeMirror-hint-active {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.theme-bg-contrast,
-.variable-or-property:not([overridden])[changed] {
- background: var(--theme-contrast-background);
-}
-
-.theme-link,
-.cm-s-mozilla .cm-link {
- color: var(--theme-highlight-blue);
-}
-
-/*
- * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion
- * failures in debug builds.
- */
-.theme-link:visited,
-.cm-s-mozilla .cm-link:visited,
-.CodeMirror-Tern-type {
- color: var(--theme-highlight-blue);
-}
-
-
-.theme-comment,
-.cm-s-mozilla .cm-meta,
-.cm-s-mozilla .cm-hr,
-.cm-s-mozilla .cm-comment,
-.variable-or-property .token-undefined,
-.variable-or-property .token-null,
-.CodeMirror-Tern-completion-unknown:before {
- color: var(--theme-comment);
-}
-
-.theme-gutter {
- background-color: #0f171f;
- color: var(--theme-content-color3);
- border-color: #303b47;
-}
-
-.theme-separator { /* grey */
- border-color: #303b47;
-}
-
-.theme-fg-color1,
-.cm-s-mozilla .cm-number,
-.variable-or-property .token-number,
-.variable-or-property[return] > .title > .name,
-.variable-or-property[scope] > .title > .name {
- color: var(--theme-highlight-green);
-}
-
-.CodeMirror-Tern-completion-number:before {
- background-color: #5c9966;
-}
-
-.theme-fg-color2,
-.cm-s-mozilla .cm-attribute,
-.cm-s-mozilla .cm-variable,
-.cm-s-mozilla .cm-def,
-.cm-s-mozilla .cm-property,
-.cm-s-mozilla .cm-qualifier,
-.variables-view-variable > .title > .name {
- color: var(--theme-highlight-blue);
-}
-
-.CodeMirror-Tern-completion-object:before {
- background-color: #3689b2;
-}
-
-.cm-s-mozilla .cm-unused-line {
- text-decoration: line-through;
- text-decoration-color: #0072ab;
-}
-
-.cm-s-mozilla .cm-executed-line {
- background-color: #133c26;
-}
-
-.theme-fg-color3,
-.cm-s-mozilla .cm-builtin,
-.cm-s-mozilla .cm-tag,
-.cm-s-mozilla .cm-header,
-.cm-s-mozilla .cm-bracket,
-.variables-view-property > .title > .name {
- color: var(--theme-highlight-pink);
-}
-
-.CodeMirror-Tern-completion-array:before {
- background-color: var(--theme-highlight-bluegrey);
-}
-
-.theme-fg-color4 {
- color: var(--theme-highlight-purple);
-}
-
-.theme-fg-color5,
-.cm-s-mozilla .cm-keyword {
- color: var(--theme-highlight-lightorange);
-}
-
-.theme-fg-color6,
-.cm-s-mozilla .cm-string,
-.cm-s-mozilla .cm-string-2,
-.variable-or-property .token-string,
-.CodeMirror-Tern-farg {
- color: var(--theme-highlight-orange);
-}
-
-.CodeMirror-Tern-completion-string:before,
-.CodeMirror-Tern-completion-fn:before {
- background-color: #b26b47;
-}
-
-.theme-fg-color7,
-.cm-s-mozilla .cm-atom,
-.cm-s-mozilla .cm-quote,
-.cm-s-mozilla .cm-error,
-.variable-or-property .token-boolean,
-.variable-or-property .token-domnode,
-.variable-or-property[exception] > .title > .name {
- color: var(--theme-highlight-red);
-}
-
-.CodeMirror-Tern-completion-bool:before {
- background-color: #bf5656;
-}
-
-.variable-or-property .token-domnode {
- font-weight: bold;
-}
-
-.theme-toolbar,
-.devtools-toolbar,
-.devtools-sidebar-tabs tabs,
-.devtools-sidebar-alltabs,
-.CodeMirror-dialog { /* General toolbar styling */
- color: var(--theme-body-color-alt);
- background-color: var(--theme-toolbar-background);
- border-color: hsla(210,8%,5%,.6);
-}
-
-.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
- color: black;
-}
-
-.ruleview-swatch,
-.computedview-colorswatch {
- box-shadow: 0 0 0 1px #818181;
-}
-
-/* CodeMirror specific styles.
- * Best effort to match the existing theme, some of the colors
- * are duplicated here to prevent weirdness in the main theme. */
-
-.CodeMirror { /* Inherit platform specific font sizing and styles */
- font-family: inherit;
- font-size: inherit;
- background: transparent;
-}
-
-.CodeMirror pre,
-.cm-s-mozilla .cm-variable-2,
-.cm-s-mozilla .cm-variable-3,
-.cm-s-mozilla .cm-operator,
-.cm-s-mozilla .cm-special {
- color: var(--theme-content-color1);
-}
-
-.cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor {
- border-left: solid 1px #fff;
-}
-
-.cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */
- background: rgb(185, 215, 253);
-}
-
-.cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */
- background: rgb(176, 176, 176);
-}
-
-.cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */
- background: rgba(185, 215, 253, .15);
-}
-
-div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */
- outline: solid 1px rgba(255, 255, 255, .25);
- color: white;
-}
-
-/* Highlight for a line that contains an error. */
-div.CodeMirror div.error-line {
- background: rgba(255,0,0,0.2);
-}
-
-/* Highlight for a line that represents a stack frame's location. */
-div.CodeMirror div.debug-line {
- background: rgba(0,128,255,0.1);
- box-shadow:
- 0 1px 0 0 rgba(0,128,255,0.4),
- 0 -1px 0 0 rgba(0,128,255,0.4);
-}
-
-/* Generic highlighted text */
-div.CodeMirror span.marked-text {
- background: rgba(255,255,0,0.2);
- border: 1px dashed rgba(192,192,0,0.6);
- -moz-margin-start: -1px;
- -moz-margin-end: -1px;
-}
-
-/* Highlight for evaluating current statement. */
-div.CodeMirror span.eval-text {
- background-color: #556;
-}
-
-.cm-s-mozilla .CodeMirror-linenumber { /* line number text */
- color: var(--theme-content-color3);
-}
-
-.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */
- border-right-color: var(--theme-toolbar-background);
- background-color: var(--theme-sidebar-background);
-}
-
-.cm-s-markup-view pre {
- line-height: 1.4em;
- min-height: 1.4em;
-}
-
-/* Twisty and checkbox controls */
-.theme-twisty, .theme-checkbox {
- width: 14px;
- height: 14px;
- background-repeat: no-repeat;
- background-image: url("chrome://browser/skin/devtools/controls.png");
- background-size: 56px 28px;
-}
-
-.theme-twisty {
- cursor: pointer;
- background-position: -28px -14px;
-}
-
-.theme-twisty:-moz-focusring {
- outline-style: none;
-}
-
-.theme-twisty[open] {
- background-position: -42px -14px;
-}
-
-.theme-twisty[invisible] {
- visibility: hidden;
-}
-
-.theme-checkbox {
- display: inline-block;
- border: 0;
- padding: 0;
- outline: none;
- background-position: -28px 0;
-}
-
-.theme-checkbox[checked] {
- background-position: -42px 0;
-}
-
-@media (min-resolution: 1.1dppx) {
- .theme-twisty, .theme-checkbox {
- background-image: url("chrome://browser/skin/devtools/controls@2x.png");
- }
-}
-
-/* XUL panel styling (see browser/devtools/shared/widgets/Tooltip.js) */
-
-.theme-tooltip-panel .panel-arrowcontent {
- padding: 5px;
- background: rgba(19, 28, 38, .9);
- border-radius: 5px;
- box-shadow: none;
- border: 3px solid #434850;
-}
-
-/* Overring panel arrow images to fit with our light and dark themes */
-
-.theme-tooltip-panel .panel-arrow[side="top"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png");
- margin-bottom: -4px;
-}
-
-.theme-tooltip-panel .panel-arrow[side="bottom"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png");
- margin-top: -4px;
-}
-
-.theme-tooltip-panel .panel-arrow[side="left"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png");
- margin-right: -4px;
-}
-
-.theme-tooltip-panel .panel-arrow[side="right"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png");
- margin-left: -4px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .theme-tooltip-panel .panel-arrow[side="top"],
- .theme-tooltip-panel .panel-arrow[side="bottom"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark@2x.png");
- }
-
- .theme-tooltip-panel .panel-arrow[side="left"],
- .theme-tooltip-panel .panel-arrow[side="right"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark@2x.png");
- }
-}
-
-.theme-tooltip-panel .devtools-tooltip-simple-text {
- color: white;
- border-bottom: 1px solid #434850;
-}
-
-.theme-tooltip-panel .devtools-tooltip-simple-text:last-child {
- border-bottom: 0;
-}
-
-.devtools-textinput,
-.devtools-searchinput {
- background-color: rgba(24, 29, 32, 1);
- color: rgba(184, 200, 217, 1);
-}
-
-.CodeMirror-Tern-fname {
- color: #f7f7f7;
-}
-
-.CodeMirror-hints,
-.CodeMirror-Tern-tooltip {
- box-shadow: 0 0 4px rgba(255, 255, 255, .3);
- background-color: #0f171f;
- color: var(--theme-body-color);
-}
-
-
-
-/* CSS Variables specific to the devtools toolbar that aren't defined by the themes */
-.theme-light {
- --searchbox-background-color: #ffee99;
- --searchbox-border-color: #ffbf00;
- --searcbox-no-match-background-color: #ffe5e5;
- --searcbox-no-match-border-color: #e52e2e;
-}
-
-.theme-dark {
- --searchbox-background-color: #4d4222;
- --searchbox-border-color: #d99f2b;
- --searcbox-no-match-background-color: #402325;
- --searcbox-no-match-border-color: #cc3d3d;
-}
-
-/* Toolbars */
-.devtools-toolbar,
-.devtools-sidebar-tabs tabs {
- -moz-appearance: none;
- padding: 0;
- border-width: 0;
- border-bottom-width: 1px;
- border-style: solid;
- height: 24px;
- line-height: 24px;
- box-sizing: border-box;
-}
-
-.devtools-toolbar {
- padding: 0 3px;
-}
-
-.devtools-toolbar checkbox {
- margin: 0 2px;
- padding: 0;
- line-height: -moz-block-height;
-}
-.devtools-toolbar checkbox .checkbox-check {
- margin: 0;
- padding: 0;
- vertical-align: bottom;
-}
-.devtools-toolbar checkbox .checkbox-label-box {
- border: none !important; /* overrides .checkbox-label-box from checkbox.css */
-}
-.devtools-toolbar checkbox .checkbox-label-box .checkbox-label {
- margin: 0 6px !important; /* overrides .checkbox-label from checkbox.css */
- padding: 0;
-}
-
-/* Toolbar buttons */
-.devtools-menulist,
-.devtools-toolbarbutton {
- -moz-appearance: none;
- -moz-box-align: center;
- background: transparent;
- min-width: 78px;
- min-height: 18px;
- padding: 1px;
- text-shadow: none;
- border: none;
- border-radius: 0;
- margin: 2px 3px;
- color: inherit;
- transition: background 0.05s ease-in-out;
- color: var(--theme-content-color1);
- background-color: var(--theme-toolbar-background);
-}
-
-.devtools-menulist:-moz-focusring,
-.devtools-toolbarbutton:-moz-focusring {
- outline: 1px dotted hsla(210,30%,85%,0.7);
- outline-offset: -4px;
-}
-
-.devtools-toolbarbutton[standalone] {
- -moz-margin-end: 5px;
- border-width: 1px;
- border-style: solid;
-}
-.devtools-toolbarbutton[label][standalone] {
- min-height: 2em;
-}
-
-.devtools-toolbarbutton:not([label]),
-.devtools-toolbarbutton[text-as-image] {
- min-width: 32px;
-}
-
-#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
- min-width: inherit;
-}
-
-/* Command buttons with menupopups should be styled slightly differently -
- no background color and a bit more narrow */
-#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
- background: transparent;
-}
-#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
- padding: 0 2px;
-}
-
-.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
- display: none;
-}
-
-.devtools-toolbar .devtools-toolbarbutton {
- border-width: 0;
-}
-
-.devtools-toolbarbutton > .toolbarbutton-icon {
- margin: 0;
-}
-
-.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
- -moz-appearance: none;
- color: inherit;
- border-width: 0;
- -moz-box-orient: horizontal;
- padding: 0;
-}
-
-.devtools-toolbarbutton[type=menu-button] {
- padding: 0 1px;
- -moz-box-align: stretch;
-}
-
-.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- -moz-margin-end: 4px;
-}
-
-.devtools-menulist > .menulist-dropmarker {
- -moz-appearance: none;
- display: -moz-box;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
- -moz-box-align: center;
- min-width: 16px;
-}
-
-.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
-.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
- -moz-appearance: none !important;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
- -moz-box-align: center;
- padding: 0 3px;
-}
-
-.theme-dark .devtools-menulist,
-.theme-dark .devtools-toolbarbutton {
- border-color: rgba(0, 0, 0, .4); /* Splitters */
-}
-.theme-light .devtools-menulist,
-.theme-light .devtools-toolbarbutton {
- border-color: rgba(170, 170, 170, .5); /* Splitters */
-}
-
-/* Text-only buttons */
-.theme-light .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
-.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- background-color: rgba(170, 170, 170, .2); /* Splitter */
-}
-.theme-dark .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
-.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- background-color: rgba(0, 0, 0, .2); /* Splitter */
-}
-
-/* Button States */
-.theme-dark .devtools-toolbarbutton:not([disabled]):hover,
-.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
-.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
- background: rgba(0, 0, 0, .3); /* Splitters */
-}
-.theme-light .devtools-toolbarbutton:not([disabled]):hover,
-.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
-.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
- background: rgba(170, 170, 170, .3); /* Splitters */
-}
-
-.theme-dark .devtools-toolbarbutton:not([disabled]):hover:active,
-.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
-.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
- background: rgba(0, 0, 0, .4); /* Splitters */
-}
-.theme-light .devtools-toolbarbutton:not([disabled]):hover:active,
-.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
-.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
- background: rgba(170, 170, 170, .4); /* Splitters */
-}
-
-/* Menu type buttons and checked states */
-.theme-dark .devtools-toolbarbutton[checked=true],
-.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
- background: rgba(29, 79, 115, .7); /* Select highlight blue */
- color: var(--theme-selection-color);
-}
-
-.theme-light .devtools-toolbarbutton[checked=true],
-.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
- background: rgba(76, 158, 217, .2); /* Select highlight blue */
-}
-
-.theme-dark .devtools-menulist[open=true],
-.theme-dark .devtools-toolbarbutton[open=true],
-.theme-dark .devtools-toolbarbutton[open=true]:hover,
-.theme-dark .devtools-toolbarbutton[open=true]:hover:active,
-.theme-dark .devtools-toolbarbutton[checked=true]:hover {
- background: rgba(29, 79, 115, .8); /* Select highlight blue */
- color: var(--theme-selection-color);
-}
-
-.theme-light .devtools-menulist[open=true],
-.theme-light .devtools-toolbarbutton[open=true],
-.theme-light .devtools-toolbarbutton[open=true]:hover,
-.theme-light .devtools-toolbarbutton[open=true]:hover:active,
-.theme-light .devtools-toolbarbutton[checked=true]:hover {
- background: rgba(76, 158, 217, .4); /* Select highlight blue */
-}
-
-.devtools-option-toolbarbutton {
- -moz-appearance: none;
- list-style-image: url("chrome://browser/skin/devtools/tool-options.svg");
- background: none;
- opacity: .8;
- border: none;
-}
-
-.devtools-option-toolbarbutton[open=true] {
- opacity: 1;
-}
-
-/* Toolbar button groups */
-.devtools-toolbarbutton-group > .devtools-toolbarbutton {
- margin-left: 1px;
- margin-right: 1px;
- outline-offset: -3px;
- box-shadow: none;
-}
-
-.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child {
- -moz-margin-end: 0;
-}
-
-.devtools-toolbarbutton-group + .devtools-toolbarbutton {
- -moz-margin-start: 3px;
-}
-
-.devtools-separator + .devtools-toolbarbutton {
- -moz-margin-start: 1px;
-}
-
-/* HTML buttons, similar to toolbar buttons, but work in HTML documents */
-
-.devtools-button {
- border: 0 solid var(--theme-splitter-color);
- background: var(--theme-toolbar-background);
- color: var(--theme-body-color);
- margin: 0;
- padding: 0;
- min-width: 32px;
- min-height: 18px;
- /* The icon is absolutely positioned in the button using ::before */
- position: relative;
-}
-
-.devtools-button[standalone] {
- min-height: 32px;
- border-width: 1px;
-}
-
-/* Button States */
-.theme-dark .devtools-button:not([disabled]):hover {
- background: rgba(0, 0, 0, .3); /* Splitters */
-}
-.theme-light .devtools-button:not([disabled]):hover {
- background: rgba(170, 170, 170, .3); /* Splitters */
-}
-
-.theme-dark .devtools-button:not([disabled]):hover:active {
- background: rgba(0, 0, 0, .4); /* Splitters */
-}
-.theme-light .devtools-button:not([disabled]):hover:active {
- background: rgba(170, 170, 170, .4); /* Splitters */
-}
-
-/* Menu type buttons and checked states */
-.theme-dark .devtools-button[checked] {
- background: rgba(29, 79, 115, .7) !important; /* Select highlight blue */
- color: var(--theme-selection-color);
-}
-
-.theme-light .devtools-button[checked] {
- background: rgba(76, 158, 217, .2) !important; /* Select highlight blue */
-}
-
-.devtools-button::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- left: 50%;
- top: 50%;
- margin: -8px 0 0 -8px;
- background-repeat: no-repeat;
-}
-
-.devtools-button[disabled]::before,
-.devtools-button:disabled::before {
- opacity: 0.5;
-}
-
-@media (min-resolution: 1.1dppx) {
- .devtools-button::before {
- background-size: 32px;
- }
-}
-
-/* Text input */
-
-.devtools-textinput,
-.devtools-searchinput {
- -moz-appearance: none;
- margin: 0 3px;
- border: 1px solid;
- border-radius: 2px;
- padding: 4px 6px;
- border-color: var(--theme-splitter-color);
-}
-
-.devtools-searchinput {
- margin-top: 1px;
- margin-bottom: 1px;
- padding: 0;
- -moz-padding-start: 22px;
- -moz-padding-end: 4px;
- background-position: 8px center;
- background-size: 11px 11px;
- background-repeat: no-repeat;
- font-size: inherit;
-}
-
-.theme-dark .devtools-searchinput {
- background-image: url(magnifying-glass.png);
-}
-
-.theme-light .devtools-searchinput {
- background-image: url(magnifying-glass-light.png);
-}
-
-.devtools-searchinput:-moz-locale-dir(rtl) {
- background-position: calc(100% - 8px) center;
-}
-
-.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
- visibility: hidden;
-}
-
-/* Searchbox is a div container element for a search input element */
-.devtools-searchbox {
- display: flex;
- flex: 1;
- position: relative;
-}
-
-.devtools-rule-searchbox {
- -moz-box-flex: 1;
- padding-right: 23px;
- width: 100%;
- font: inherit;
-}
-
-.devtools-rule-searchbox[filled] {
- background-color: var(--searchbox-background-color);
- border-color: var(--searchbox-border-color);
-}
-
-.devtools-style-searchbox-no-match {
- background-color: var(--searcbox-no-match-background-color) !important;
- border-color: var(--searcbox-no-match-border-color) !important;
-}
-
-.devtools-no-search-result {
- border-color: var(--theme-highlight-red) !important;
-}
-
-.devtools-searchinput-clear {
- position: absolute;
- top: 3.5px;
- right: 7px;
- padding: 0;
- border: 0;
- width: 16px;
- height: 16px;
- background-position: 0 0;
- background-repeat: no-repeat;
- background-color: transparent;
-}
-
-.theme-dark .devtools-searchinput-clear {
- background-image: url("chrome://browser/skin/devtools/search-clear-dark.svg");
-}
-
-.theme-light .devtools-searchinput-clear {
- background-image: url("chrome://browser/skin/devtools/search-clear-light.svg");
-}
-
-.devtools-style-searchbox-no-match + .devtools-searchinput-clear {
- background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important;
-}
-
-.devtools-searchinput-clear:hover {
- background-position: -16px 0;
-}
-
-.theme-dark .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
- list-style-image: url("chrome://browser/skin/devtools/search-clear-dark.svg");
- -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-.theme-light .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
- list-style-image: url("chrome://browser/skin/devtools/search-clear-light.svg");
- -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover {
- -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- .theme-dark .devtools-searchinput {
- background-image: url(magnifying-glass@2x.png);
- }
-
- .theme-light .devtools-searchinput {
- background-image: url(magnifying-glass-light@2x.png);
- }
-}
-
-/* Close button */
-
-.devtools-closebutton {
- -moz-appearance: none;
- border: none;
- margin: 0 4px;
- min-width: 16px;
- width: 16px;
- opacity: 0.8;
-}
-
-.devtools-closebutton > image {
- width: 16px;
- height: 16px;
- -moz-appearance: none;
- background-size: 16px 16px;
- background-image: url("chrome://browser/skin/devtools/close@2x.png");
- background-position: center center;
- background-repeat: no-repeat;
-}
-
-.devtools-closebutton > .toolbarbutton-icon {
- /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
- use evil CSS to give the impression of smaller content */
- margin: -4px;
-}
-
-.devtools-closebutton > .toolbarbutton-text {
- display: none;
-}
-
-.devtools-closebutton:hover {
- opacity: 1;
-}
-
-/* In-tools sidebar */
-.devtools-sidebar-tabs {
- -moz-appearance: none;
- margin: 0;
-}
-
-.devtools-sidebar-tabs > tabpanels {
- -moz-appearance: none;
- background: transparent;
- padding: 0;
- border: 0;
-}
-
-.theme-light .devtools-sidebar-tabs > tabpanels {
- background: var(--theme-sidebar-background);
- color: var(--theme-body-color);
-}
-
-.devtools-sidebar-tabs tabs {
- position: static;
- font: inherit;
- margin-bottom: 0;
- overflow: hidden;
-}
-
-.devtools-sidebar-alltabs {
- -moz-appearance: none;
- height: 24px;
- line-height: 24px;
- padding: 0 4px;
- margin: 0;
- border-width: 0 0 1px 0;
- -moz-border-start-width: 1px;
- border-style: solid;
-}
-
-.devtools-sidebar-alltabs .toolbarbutton-icon {
- display: none;
-}
-
-.devtools-sidebar-tabs tabs > .tabs-right,
-.devtools-sidebar-tabs tabs > .tabs-left {
- display: none;
-}
-
-.devtools-sidebar-tabs tabs > tab {
- -moz-appearance: none;
- /* We want to match the height of a toolbar with a toolbarbutton
- * First, we need to replicated the padding of toolbar (4px),
- * then we need to take the border of the buttons into account (1px).
- */
- padding: 0 3px;
- margin: 0;
- min-width: 78px;
- text-align: center;
- background-color: transparent;
- color: inherit;
- -moz-box-flex: 1;
- border-width: 0;
- -moz-border-start-width: 1px;
- border-style: solid;
- border-radius: 0;
- position: static;
- text-shadow: none;
-}
-
-.devtools-sidebar-tabs tabs > tab {
- border-image: linear-gradient(transparent 15%, var(--theme-splitter-color) 15%, var(--theme-splitter-color) 85%, transparent 85%) 1 1;
-}
-
-.devtools-sidebar-tabs tabs > tab[selected],
-.devtools-sidebar-tabs tabs > tab[selected] + tab {
- border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1;
-}
-
-.devtools-sidebar-tabs tabs > tab:first-child {
- -moz-border-start-width: 0;
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab:hover {
- background: hsla(206,37%,4%,.2);
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab:hover:active {
- background: hsla(206,37%,4%,.4);
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
- background: hsla(206,37%,4%,.2);
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active {
- background: hsla(206,37%,4%,.4);
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab[selected],
-.theme-dark .devtools-sidebar-tabs tabs > tab[selected]:hover:active {
- color: var(--theme-selection-color);
- background: #1d4f73;
-}
-
-.theme-light .devtools-sidebar-tabs tabs > tab:hover {
- background: #ddd;
-}
-
-.theme-light .devtools-sidebar-tabs tabs > tab:hover:active {
- background: #ddd;
-}
-
-.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
- background: #ddd;
-}
-
-.theme-light .devtools-sidebar-tabs tabs > tab[selected],
-.theme-light .devtools-sidebar-tabs tabs > tab[selected]:hover:active {
- color: var(--theme-selection-color);
- background: #4c9ed9;
-}
-
-/* Toolbox - moved from toolbox.css.
- * Rules that apply to the global toolbox like command buttons,
- * devtools tabs, docking buttons, etc. */
-
-#toolbox-controls > toolbarbutton,
-#toolbox-dock-buttons > toolbarbutton {
- -moz-appearance: none;
- border: none;
- margin: 0 4px;
- min-width: 16px;
- width: 16px;
-}
-
-#toolbox-controls > toolbarbutton > .toolbarbutton-text,
-#toolbox-dock-buttons > toolbarbutton > .toolbarbutton-text,
-.command-button > .toolbarbutton-text {
- display: none;
-}
-
-#toolbox-dock-buttons > toolbarbutton > image {
- -moz-appearance: none;
- width: 16px;
- height: 16px;
- background-size: 16px 16px;
- background-position: 0 center;
- background-repeat: no-repeat;
-}
-
-#toolbox-dock-bottom > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom@2x.png");
-}
-
-#toolbox-dock-side > image {
- background-image: url("chrome://browser/skin/devtools/dock-side@2x.png");
-}
-
-#toolbox-dock-window > image {
- background-image: url("chrome://browser/skin/devtools/undock@2x.png");
-}
-
-#toolbox-dock-bottom-minimize {
- /* Bug 1177463 - The minimize button is currently hidden until we agree on
- the UI for it, and until bug 1173849 is fixed too. */
- display: none;
-}
-
-#toolbox-dock-bottom-minimize > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom-minimize@2x.png");
-}
-
-#toolbox-dock-bottom-minimize.minimized > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom-maximize@2x.png");
-}
-
-#toolbox-dock-window,
-#toolbox-dock-bottom,
-#toolbox-dock-side {
- opacity: 0.8;
-}
-
-#toolbox-dock-window:hover,
-#toolbox-dock-bottom:hover,
-#toolbox-dock-side:hover {
- opacity: 1;
-}
-
-.devtools-separator {
- margin: 0 2px;
- width: 2px;
- background-image: linear-gradient(transparent, hsla(204,45%,98%,.1), transparent),
- linear-gradient(transparent, hsla(206,37%,4%,.6), transparent),
- linear-gradient(transparent, hsla(204,45%,98%,.1), transparent);
- background-size: 1px 100%;
- background-repeat: no-repeat;
- background-position: 0, 1px, 2px;
-}
-
-#toolbox-buttons:empty + .devtools-separator,
-.devtools-separator[invisible] {
- visibility: hidden;
-}
-
-#toolbox-controls-separator {
- margin: 0;
-}
-
-/* Command buttons */
-
-.command-button {
- -moz-appearance: none;
- border: none;
- padding: 0 8px;
- margin: 0;
- width: 32px;
- position: relative;
-}
-
-.command-button:hover {
- background-color: hsla(206,37%,4%,.2);
-}
-.command-button:hover:active, .command-button[checked=true]:not(:hover) {
- background-color: hsla(206,37%,4%,.4);
-}
-
-.command-button > image {
- -moz-appearance: none;
- width: 16px;
- height: 16px;
- background-size: 64px 16px;
- background-position: 0 center;
- background-repeat: no-repeat;
-}
-.command-button:hover > image {
- background-position: -16px center;
-}
-.command-button:hover:active > image {
- background-position: -32px center;
-}
-.command-button[checked=true] > image {
- background-position: -48px center;
-}
-.command-button[open=true] > image {
- background-position: 0 center;
-}
-
-#command-button-paintflashing > image {
- background-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
-}
-
-#command-button-screenshot > image {
- background-image: url("chrome://browser/skin/devtools/command-screenshot.png");
-}
-
-#command-button-responsive > image {
- background-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
-}
-
-#command-button-tilt > image {
- background-image: url("chrome://browser/skin/devtools/command-tilt.png");
-}
-
-#command-button-scratchpad > image {
- background-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
- background-size: 48px 16px;
-}
-
-#command-button-pick > image {
- background-image: url("chrome://browser/skin/devtools/command-pick.png");
-}
-
-#command-button-frames > image {
- background-image: url("chrome://browser/skin/devtools/command-frames.png");
-}
-
-#command-button-splitconsole > image {
- background-image: url("chrome://browser/skin/devtools/command-console.png");
-}
-
-#command-button-eyedropper > image {
- background-image: url("chrome://browser/skin/devtools/command-eyedropper.png");
-}
-
-#command-button-rulers > image {
- background-image: url("chrome://browser/skin/devtools/command-rulers.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- #command-button-paintflashing > image {
- background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
- }
-
- #command-button-screenshot > image {
- background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png");
- }
-
- #command-button-responsive > image {
- background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png");
- }
-
- #command-button-tilt > image {
- background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png");
- }
-
- #command-button-scratchpad > image {
- background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png");
- }
-
- #command-button-pick > image {
- background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
- }
-
- #command-button-frames > image {
- background-image: url("chrome://browser/skin/devtools/command-frames@2x.png");
- }
-
- #command-button-splitconsole > image {
- background-image: url("chrome://browser/skin/devtools/command-console@2x.png");
- }
-
- #command-button-eyedropper > image {
- background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png");
- }
-
- #command-button-rulers > image {
- background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png");
- }
-}
-
-/* Tabs */
-
-.devtools-tabbar {
- -moz-appearance: none;
- min-height: 24px;
- border: 0px solid;
- border-bottom-width: 1px;
- padding: 0;
- background: var(--theme-tab-toolbar-background);
- border-bottom-color: var(--theme-splitter-color);
-}
-
-.theme-light .devtools-tabbar {
- box-shadow: 0 -2px 0 rgba(170,170,170,.1) inset;
-}
-
-.theme-dark .devtools-tabbar {
- box-shadow: 0 -2px 0 rgba(0,0,0,.1) inset;
-}
-
-#toolbox-tabs {
- margin: 0;
-}
-
-.devtools-tab {
- -moz-appearance: none;
- -moz-binding: url("chrome://global/content/bindings/general.xml#control-item");
- -moz-box-align: center;
- min-width: 32px;
- min-height: 24px;
- max-width: 110px;
- margin: 0;
- padding: 0;
- border-style: solid;
- border-width: 0;
- -moz-border-start-width: 1px;
- -moz-box-align: center;
-}
-
-.theme-dark .devtools-tab {
- color: var(--theme-body-color-alt);
- border-color: #42484f;
-}
-
-.theme-light .devtools-tab {
- color: var(--theme-body-color);
- border-color: var(--theme-splitter-color);
-}
-
-.theme-dark .devtools-tab:hover {
- background-color: hsla(206,37%,4%,.2);
- color: #ced3d9;
-}
-
-.theme-light .devtools-tab:hover {
- background-color: rgba(170,170,170,.2);
-}
-
-.theme-dark .devtools-tab:hover:active {
- background-color: hsla(206,37%,4%,.4);
- color: var(--theme-selection-color);
-}
-
-.theme-light .devtools-tab:hover:active {
- background-color: rgba(170,170,170,.4);
-}
-
-.devtools-tab:not([selected])[highlighted] {
- box-shadow: 0 2px 0 var(--theme-highlight-green) inset;
-}
-
-.theme-dark .devtools-tab:not([selected])[highlighted] {
- background-color: hsla(99,100%,14%,.2);
-}
-
-.theme-light .devtools-tab:not([selected])[highlighted] {
- background-color: rgba(44, 187, 15, .2);
-}
-
-.devtools-tab > image {
- border: none;
- -moz-margin-end: 0;
- -moz-margin-start: 4px;
- opacity: 0.6;
- max-height: 16px;
- width: 16px; /* Prevents collapse during theme switching */
-}
-
-.devtools-tab > label {
- white-space: nowrap;
-}
-
-.devtools-tab:hover > image {
- opacity: 0.8;
-}
-
-.devtools-tab:active > image,
-.devtools-tab[selected] > image {
- opacity: 1;
-}
-
-.devtools-tabbar .devtools-tab[selected],
-.devtools-tabbar .devtools-tab[selected]:hover:active {
- color: var(--theme-selection-color);
- background-color: var(--theme-selection-background);
-}
-
-.theme-dark .devtools-tabbar .devtools-tab[selected] {
- box-shadow: 0 2px 0 #d7f1ff inset,
- 0 8px 3px -5px #2b82bf inset,
- 0 -2px 0 rgba(0,0,0,.2) inset;
-}
-
-.theme-light .devtools-tabbar .devtools-tab[selected] {
- box-shadow: 0 2px 0 #d7f1ff inset,
- 0 8px 3px -5px #2b82bf inset,
- 0 -2px 0 rgba(0,0,0,.06) inset;
-}
-
-#toolbox-tabs .devtools-tab[selected],
-#toolbox-tabs .devtools-tab[highlighted] {
- border-width: 0;
- -moz-padding-start: 1px;
-}
-
-#toolbox-tabs .devtools-tab[selected]:last-child,
-#toolbox-tabs .devtools-tab[highlighted]:last-child {
- -moz-padding-end: 1px;
-}
-
-#toolbox-tabs .devtools-tab[selected] + .devtools-tab,
-#toolbox-tabs .devtools-tab[highlighted] + .devtools-tab {
- -moz-border-start-width: 0;
- -moz-padding-start: 1px;
-}
-
-#toolbox-tabs .devtools-tab:first-child[selected] {
- -moz-border-start-width: 0;
-}
-
-#toolbox-tabs .devtools-tab:last-child {
- -moz-border-end-width: 1px;
-}
-
-.devtools-tab:not([highlighted]) > .highlighted-icon,
-.devtools-tab[selected] > .highlighted-icon,
-.devtools-tab:not([selected])[highlighted] > .default-icon {
- visibility: collapse;
-}
-
-/* The options tab is special - it doesn't have the same parent
- as the other tabs (toolbox-option-container vs toolbox-tabs) */
-#toolbox-option-container .devtools-tab:not([selected]) {
- background-color: transparent;
-}
-#toolbox-option-container .devtools-tab {
- border-color: transparent;
- border-width: 0;
- -moz-padding-start: 1px;
-}
-#toolbox-tab-options > image {
- margin: 0 8px;
-}
-
-/* Invert the colors of certain dark theme images for displaying
- * inside of the light theme.
- */
-.theme-light .devtools-tab[icon-invertable] > image,
-.theme-light #toolbox-dock-buttons > toolbarbutton > image,
-.theme-light .command-button-invertable > image,
-.theme-light .command-button-invertable:active > image,
-.theme-light .devtools-closebutton > image,
-.theme-light .devtools-toolbarbutton > image,
-.theme-light .devtools-option-toolbarbutton > image,
-.theme-light #breadcrumb-separator-normal,
-.theme-light .scrollbutton-up > .toolbarbutton-icon,
-.theme-light .scrollbutton-down > .toolbarbutton-icon,
-.theme-light #black-boxed-message-button .button-icon,
-.theme-light .notice-container button .button-icon,
-.theme-light #requests-menu-perf-notice-button .button-icon,
-.theme-light #requests-menu-network-summary-button .button-icon,
-.theme-light .event-tooltip-debugger-icon,
-.theme-light .devtools-button::before {
- filter: url(filters.svg#invert);
-}
-
-/* Since selected backgrounds are blue, we want to use the normal
- * (light) icons. */
-.theme-light .command-button-invertable[checked=true]:not(:active) > image,
-.theme-light .devtools-tab[icon-invertable][selected] > image,
-.theme-light .devtools-tab[icon-invertable][highlighted] > image,
-.theme-light #record-snapshot[checked] > image,
-.theme-light #profiler-start[checked] > image,
-.theme-light .notice-container button[checked] .button-icon {
- filter: none !important;
-}
-
-.theme-light .command-button:hover {
- background-color: inherit;
-}
-
-.theme-light .command-button:hover:active,
-.theme-light .command-button[checked=true]:not(:hover) {
- background-color: inherit;
-}
-
-.hidden-labels-box:not(.visible) > label,
-.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
- display: none;
-}
-
-.devtools-invisible-splitter {
- border-color: transparent;
-}
-
-.devtools-horizontal-splitter {
- border-bottom: 1px solid var(--theme-splitter-color);
-}
-
-.devtools-side-splitter {
- -moz-border-end: 1px solid var(--theme-splitter-color);
- border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */
-}
-
-/* Throbbers */
-.devtools-throbber::before {
- content: "";
- display: inline-block;
- vertical-align: bottom;
- -moz-margin-end: 0.5em;
- width: 1em;
- height: 1em;
- border: 2px solid currentColor;
- border-right-color: transparent;
- border-radius: 50%;
- animation: 1.1s linear throbber-spin infinite;
-}
-
-@keyframes throbber-spin {
- from {
- transform: none;
- }
- to {
- transform: rotate(360deg);
- }
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png
deleted file mode 100644
index c64f4bb..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png
deleted file mode 100644
index 2dd33d2..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png
deleted file mode 100644
index 9573fc7..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png
deleted file mode 100644
index 12f7223..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png b/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png
deleted file mode 100644
index f317997..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png
deleted file mode 100644
index 091601f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png b/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png
deleted file mode 100644
index 8288bdf..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png
deleted file mode 100644
index 53ed141..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-play.png b/arc-firefox-theme/chrome/browser/devtools/debugger-play.png
deleted file mode 100644
index 9189a0a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-play.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png
deleted file mode 100644
index 5fe68e1..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png
deleted file mode 100644
index fb59dcc..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png
deleted file mode 100644
index e3791bf..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png
deleted file mode 100644
index b16b706..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png
deleted file mode 100644
index c0b4500..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png
deleted file mode 100644
index 859c727..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png
deleted file mode 100644
index 1c19679..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png
deleted file mode 100644
index ec28fc0..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png
deleted file mode 100644
index 452f0d4..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png
deleted file mode 100644
index c4b7dcb..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png
deleted file mode 100644
index b8bbadd..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger.css b/arc-firefox-theme/chrome/browser/devtools/debugger.css
deleted file mode 100644
index e16cdb8..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/debugger.css
+++ /dev/null
@@ -1,677 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* Sources and breakpoints pane */
-
-#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
- border-color: transparent;
-}
-
-#sources-pane > tabs {
- -moz-border-end: 1px solid;
-}
-
-#sources-pane .devtools-toolbar {
- border: none; /* Remove the devtools-toolbar bottom border. */
- -moz-border-end: 1px solid;
-}
-
-#sources-pane > tabs,
-#sources-pane .devtools-toolbar {
- -moz-border-end-color: var(--theme-splitter-color);
-}
-
-/* Sources and breakpoints list */
-
-.dbg-source-item {
- padding: 2px 0px;
-}
-
-.dbg-breakpoint-line {
- font-weight: 600;
-}
-
-.dbg-breakpoint-text {
- -moz-padding-start: 6px;
- font-style: italic;
- font-size: 90%;
-}
-
-.dbg-breakpoint-checkbox {
- width: 16px;
- height: 16px;
- margin: 2px;
-}
-
-.dbg-breakpoint-condition-thrown-message {
- display: none;
- color: var(--theme-highlight-red);
-}
-
-.dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message {
- display: block;
- -moz-padding-start: 0;
-}
-
-/* Sources toolbar */
-
-#sources-toolbar > .devtools-toolbarbutton,
-#sources-controls > .devtools-toolbarbutton {
- min-width: 32px;
-}
-
-#black-box {
- list-style-image: url(debugger-blackbox.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- #black-box {
- list-style-image: url(debugger-blackbox@2x.png);
- }
-}
-
-#pretty-print {
- list-style-image: url(debugger-prettyprint.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- #pretty-print {
- list-style-image: url(debugger-prettyprint@2x.png);
- }
-}
-
-#toggle-breakpoints {
- list-style-image: url(debugger-toggleBreakpoints.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- #toggle-breakpoints {
- list-style-image: url(debugger-toggleBreakpoints@2x.png);
- }
-}
-
-#toggle-promise-debugger {
- /* TODO Bug 1186119: Add a toggle promise debugger image */
-}
-
-#sources-toolbar .devtools-toolbarbutton:not([label]) {
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- #sources-toolbar .devtools-toolbarbutton:not([label]) {
- -moz-image-region: rect(0px,32px,32px,0px);
- }
-
- #sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-}
-
-#sources .black-boxed {
- color: rgba(128,128,128,0.4);
-}
-
-#sources .selected .black-boxed {
- color: rgba(255,255,255,0.4);
-}
-
-#sources .black-boxed ~ .dbg-breakpoint {
- display: none;
-}
-
-/* Debugger unblackbox button */
-
-#black-boxed-message-button > .button-box > .button-icon {
- width: 16px;
- height: 16px;
- background-image: url(debugger-blackbox.png);
- background-position: 0 0;
- background-size: 32px 16px;
- background-repeat: no-repeat;
- -moz-margin-end: 5px;
-}
-
-@media (min-resolution: 1.1dppx) {
- #black-boxed-message-button > .button-box > .button-icon {
- background-image: url(debugger-blackbox@2x.png);
- }
-}
-
-/* Black box message and source progress meter */
-
-#black-boxed-message,
-#source-progress-container {
- /* Prevent the container deck from aquiring the size from this message. */
- min-width: 1px;
- min-height: 1px;
-}
-
-#source-progress {
- min-height: 2em;
- min-width: 40em;
-}
-
-#black-boxed-message-label,
-#black-boxed-message-button {
- text-align: center;
- font-size: 120%;
-}
-
-#black-boxed-message-button {
- margin-top: 1em;
- padding: .25em;
-}
-
-/* Breadcrumbs stack frames view */
-
-.dbg-stackframe-details {
- -moz-padding-start: 4px;
-}
-
-/* Classic stack frames view */
-
-.dbg-classic-stackframe {
- display: block;
-}
-
-.dbg-classic-stackframe-title {
- font-weight: 600;
-}
-
-.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
- float: right;
-}
-
-.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
- float: left;
-}
-
-.dbg-classic-stackframe-details-url {
- max-width: 90%;
- text-align: end;
-}
-
-.dbg-classic-stackframe-details-url {
- color: var(--theme-content-color1);
-}
-
-.dbg-classic-stackframe-details-sep {
- color: var(--theme-body-color-alt)
-}
-
-.dbg-classic-stackframe-details-line {
- color: var(--theme-highlight-bluegrey);
-}
-
-#callstack-list .selected label {
- /* Text inside a selected item should not be custom colored. */
- color: inherit !important;
-}
-
-/* Tracer */
-
-#trace {
- list-style-image: url(tracer-icon.png);
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#trace[checked] {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- #trace {
- list-style-image: url(tracer-icon@2x.png);
- -moz-image-region: rect(0px,32px,32px,0px);
- }
-
- #trace[checked] {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-}
-
-#clear-tracer {
- /* Make this button as narrow as the text inside it. */
- min-width: 1px;
-}
-
-.trace-name {
- -moz-padding-start: 4px;
-}
-
-/* Tracer dark theme */
-
-.theme-dark .trace-item {
- color: var(--theme-selection-color);
-}
-
-.theme-dark .trace-item.black-boxed {
- color: rgba(128,128,128,0.4);
-}
-
-.theme-dark .trace-item.selected-matching {
- background-color: rgba(29,79,115,.4); /* Select highlight blue at 40% alpha */
-}
-
-.theme-dark .selected > .trace-item {
- background-color: rgba(29,79,115,.6); /* Select highlight blue at 60% alpha */
-}
-
-.trace-call {
- color: var(--theme-highlight-blue);
-}
-
-.trace-return,
-.trace-yield {
- color: var(--theme-highlight-green);
-}
-
-.trace-throw {
- color: var(--theme-highlight-red);
-}
-
-.trace-param {
- color: var(--theme-content-color1);
-}
-
-.theme-dark .trace-syntax {
- color: var(--theme-content-color2);
-}
-
-/* Tracer light theme */
-.theme-light .trace-item {
- color: var(--theme-content-color1);
-}
-
-.theme-light .trace-item.black-boxed {
- color: rgba(128,128,128,0.4);
-}
-
-.theme-light .trace-item.selected-matching {
- background-color: rgba(76,158,217,.4); /* Select highlight blue at 40% alpha */
-}
-
-.theme-light .selected > .trace-item {
- background-color: rgba(76,158,217,.6); /* Select highlight blue at 60% alpha */
-}
-
-#tracer-traces .selected label {
- /* Text inside a selected item should not be custom colored. */
- color: inherit !important;
-}
-
-/* Watch expressions view */
-
-#expressions {
- min-height: 10px;
- max-height: 125px;
-}
-
-.dbg-expression {
- height: 20px;
-}
-
-.dbg-expression-arrow {
- background-image: url(commandline-icon.png);
- background-position: -16px 0;
- background-repeat: no-repeat;
- background-size: 32px 16px;
- width: 16px;
- height: 16px;
- margin: 2px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .dbg-expression-arrow {
- background-image: url(commandline-icon@2x.png);
- }
-}
-
-.dbg-expression-input {
- color: inherit;
-}
-
-.dbg-expression-button {
- -moz-appearance: none;
- border: none;
- background: none;
- text-decoration: underline;
- cursor: pointer;
-}
-
-.dbg-expression-button {
- color: var(--theme-highlight-blue);
-}
-
-/* Event listeners view */
-
-.dbg-event-listener-type {
- font-weight: 600;
-}
-
-.dbg-event-listener-location {
- color: var(--theme-content-color1);
-}
-
-.dbg-event-listener-separator {
- color: var(--theme-body-color-alt);
-}
-
-.dbg-event-listener-targets {
- color: var(--theme-highlight-bluegrey);
-}
-
-.theme-dark #event-listeners .selected {
- /* Selected items shouldn't be displayed differently. */
- background: none;
- color: #fff;
-}
-
-.theme-light #event-listeners .selected {
- /* Selected items shouldn't be displayed differently. */
- background: none;
- color: #000;
-}
-
-/* Searchbox and the search operations help panel */
-
-#searchbox {
- min-width: 220px;
- -moz-margin-start: 1px;
-}
-
-#filter-label {
- -moz-margin-start: 2px;
-}
-
-#searchbox-panel-operators {
- margin-top: 5px;
- margin-bottom: 8px;
- -moz-margin-start: 2px;
-}
-
-.searchbox-panel-operator-button {
- min-width: 26px;
- margin-top: 0;
- margin-bottom: 0;
- -moz-margin-start: 2px;
- -moz-margin-end: 6px;
- text-align: center;
-}
-
-.searchbox-panel-operator-label {
- padding-bottom: 2px;
-}
-
-/* Searchbox results panel */
-
-#results-panel {
- border: none;
-}
-
-.results-panel-item {
- padding: 6px 8px;
- border-top: 1px solid rgba(128,128,128,0.2);
-}
-
-.results-panel-item:first-of-type {
- border-top: none;
-}
-
-.results-panel-item-label {
- font-weight: 600;
-}
-
-.results-panel-item-label-before {
- -moz-padding-end: 6px;
-}
-
-.theme-dark .results-panel-item-label {
- color: var(--theme-selection-color);
-}
-
-.theme-light .results-panel-item-label {
- color: var(--theme-body-color);
-}
-
-.results-panel-item-label-before {
- color: var(--theme-highlight-bluegrey);
-}
-
-.results-panel-item-label-below {
- color: var(--theme-content-color3);
-}
-
-#results-panel .selected label {
- /* Text inside a selected item should not be custom colored. */
- color: inherit !important;
-}
-
-/* Sources search view */
-
-#globalsearch {
- min-height: 10px;
- max-height: 50vh;
-}
-
-.dbg-results-header {
- -moz-padding-start: 6px;
-}
-
-.dbg-results-header-location {
- font-weight: 600;
-}
-
-.dbg-results-header-match-count {
- -moz-padding-start: 6px;
-}
-
-.dbg-results-line-number {
- min-width: 3em;
- -moz-border-end: 1px solid rgba(128,128,128,0.2);
- -moz-padding-end: 4px;
- text-align: end;
-}
-
-.dbg-results-line-contents {
- -moz-padding-start: 4px;
-}
-
-.dbg-results-line-contents-string[match=true] {
- background-color: rgba(255,255,0,0.2);
- border: 1px solid rgba(128,128,128,0.7);
- border-radius: 4px;
- margin-top: -1px !important;
- margin-bottom: -1px !important;
- cursor: pointer;
-}
-
-.dbg-results-line-contents-string[match=true][focusing] {
- transition: transform 0.3s ease-in-out;
-}
-
-.dbg-results-line-contents-string[match=true][focused] {
- transition-duration: 0.1s;
- transform: scale(1.75, 1.75);
-}
-
-.dbg-source-results:not(.selected):hover {
- background-color: var(--theme-sidebar-background);
-}
-
-.dbg-results-header {
- background-color: var(--theme-tab-toolbar-background);
-}
-
-.theme-dark .dbg-results-header {
- color: var(--theme-content-color1);
-}
-
-.theme-light .dbg-results-header {
- color: var(--theme-content-color3);
-}
-
-.theme-dark .dbg-search-result:hover {
- background-color: rgba(29,79,115,.2); /* Select highlight blue at 40% alpha */
-}
-
-.theme-light .dbg-search-result:hover {
- background-color: rgba(76,158,217,.2); /* Select highlight blue at 40% alpha */
-}
-
-.dbg-results-header-match-count {
- color: var(--theme-content-color3);
-}
-
-.dbg-results-line-number {
- background-color: var(--theme-tab-toolbar-background);
- color: var(--theme-body-color-alt);
-}
-
-.dbg-results-line-contents-string {
- color: var(--theme-body-color-alt);
-}
-
-.theme-dark .dbg-results-line-contents-string[match=true] {
- color: var(--theme-selection-color);
-}
-
-.theme-light .dbg-results-line-contents-string[match=true] {
- color: var(--theme-body-color);
-}
-
-/* Toolbar controls */
-
-#debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon,
-#sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
-#resume {
- list-style-image: url(debugger-pause.png);
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#resume[checked] {
- list-style-image: url(debugger-play.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- #resume {
- list-style-image: url(debugger-pause@2x.png);
- -moz-image-region: rect(0px,32px,32px,0px);
- }
-
- #resume[checked] {
- list-style-image: url(debugger-play@2x.png);
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-}
-
-#debugger-controls toolbarbutton {
- transition: opacity 0.15s ease-in-out;
-}
-
-#debugger-controls toolbarbutton[disabled] {
- opacity: .5;
- transition: none;
-}
-
-#resume[break-on-next] {
- background: var(--theme-highlight-lightorange);
-}
-
-#step-over {
- list-style-image: url(debugger-step-over.png);
-}
-
-#step-in {
- list-style-image: url(debugger-step-in.png);
-}
-
-#step-out {
- list-style-image: url(debugger-step-out.png);
-}
-
-@media (min-resolution: 1.1dppx) {
- #step-over {
- list-style-image: url(debugger-step-over@2x.png);
- }
-
- #step-in {
- list-style-image: url(debugger-step-in@2x.png);
- }
-
- #step-out {
- list-style-image: url(debugger-step-out@2x.png);
- }
-}
-
-#instruments-pane-toggle {
- background: none;
- box-shadow: none;
- border: none;
- list-style-image: url(debugger-collapse.png);
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#instruments-pane-toggle[pane-collapsed] {
- list-style-image: url(debugger-expand.png);
-}
-
-#instruments-pane-toggle:hover {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- #instruments-pane-toggle {
- list-style-image: url(debugger-collapse@2x.png);
- -moz-image-region: rect(0px,32px,32px,0px);
- }
-
- #instruments-pane-toggle[pane-collapsed] {
- list-style-image: url(debugger-expand@2x.png);
- }
-
- #instruments-pane-toggle:hover {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-}
-
-/* Horizontal vs. vertical layout */
-
-#vertical-layout-panes-container {
- min-height: 35vh;
- max-height: 80vh;
-}
-
-#body[layout=vertical] #sources-pane > tabs {
- -moz-border-end: none;
-}
-
-#body[layout=vertical] #instruments-pane {
- margin: 0 !important;
- /* To prevent all the margin hacks to hide the sidebar. */
-}
-
-#body[layout=vertical] .side-menu-widget-container,
-#body[layout=vertical] .side-menu-widget-empty-text {
- box-shadow: none !important;
-}
-
-#body[layout=vertical] .side-menu-widget-item-arrow {
- background-image: none !important;
-}
-
-#body[layout=vertical] .side-menu-widget-group,
-#body[layout=vertical] .side-menu-widget-item {
- -moz-margin-end: 0;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/dock-bottom-maximize@2x.png b/arc-firefox-theme/chrome/browser/devtools/dock-bottom-maximize@2x.png
deleted file mode 100644
index feb4d78..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/dock-bottom-maximize@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/dock-bottom-minimize@2x.png b/arc-firefox-theme/chrome/browser/devtools/dock-bottom-minimize@2x.png
deleted file mode 100644
index a82983c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/dock-bottom-minimize@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png b/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png
deleted file mode 100644
index d5df16f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png b/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png
deleted file mode 100644
index 17de7f1..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg b/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg
deleted file mode 100644
index 7592790..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4">
- <polygon points="0,0 4,4 8,0" fill="#b6babf"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png b/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png
deleted file mode 100644
index 401f26b..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint@2x.png b/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint@2x.png
deleted file mode 100644
index 7253aee..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png
deleted file mode 100644
index d590573..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png
deleted file mode 100644
index b1dd7ee..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-error.png b/arc-firefox-theme/chrome/browser/devtools/editor-error.png
deleted file mode 100644
index 39ef81e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/editor-error.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/eyedropper.css b/arc-firefox-theme/chrome/browser/devtools/eyedropper.css
deleted file mode 100644
index cf22caf..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/eyedropper.css
+++ /dev/null
@@ -1,45 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-#canvas {
- image-rendering: -moz-crisp-edges;
- cursor: none;
- border: 3px solid #E0E0E0;
- border-radius: 50%;
-}
-
-#canvas-overflow {
- overflow: hidden;
- width: 96px;
- height: 96px;
-}
-
-#color-preview {
- width: 16px;
- height: 16px;
- box-shadow: 0px 0px 0px black;
- border: solid 1px #fff;
- margin: 3px;
-}
-
-#color-value-box {
- background-color: #E0E0E0;
- border-radius: 1px;
- width: 150px;
-}
-
-#color-value {
- padding: 0.3em;
- text-shadow: 1px 1px 1px #fff;
-}
-
-#color-value.highlight {
- font-family: inherit;
-}
-
-window {
- /* inexplicably, otherwise background shows up on Linux */
- border: 1px solid transparent;
- background-color: transparent;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/fast-forward.png b/arc-firefox-theme/chrome/browser/devtools/fast-forward.png
deleted file mode 100644
index f2c6c52..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/fast-forward.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png b/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png
deleted file mode 100644
index 4c3cf88..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg
deleted file mode 100644
index ae6f221..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="#0A0805" width="16" height="16">
- <path d="M 0.00,160.00 L 512.00,160.00 L 480.00,480.00 L 32.00,480.00 L 0.00,160.00 Z M 464.00,96.00 L 480.00,128.00 L 32.00,128.00 L 64.00,64.00 L 240.00,64.00 L 256.00,96.00 L 464.00,96.00 Z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg
deleted file mode 100644
index c7fafc2..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="#0A0805" width="16" height="16">
- <path d="M 416.00,480.00L 512.00,224.00L 96.00,224.00L0.00,480.00 zM 64.00,192.00 L 0.00,480.00 L 0.00,64.00 L 144.00,64.00 L 208.00,128.00 L 416.00,128.00 L 416.00,192.00 Z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg
deleted file mode 100644
index a5580b4..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 878 1024">
- <path fill="#0A0805" d="M438.857 73.143q119.429 0 220.286 58.857t159.714 159.714 58.857 220.286-58.857 220.286-159.714 159.714-220.286 58.857-220.286-58.857-159.714-159.714-58.857-220.286 58.857-220.286 159.714-159.714 220.286-58.857zM595.429 370.857q-1.143 0.571-5.429 5.429t-7.714 5.429q1.143 0 2.571-2.857t2.857-6.286 2-4q3.429-4 12.571-8.571 8-3.429 29.714-6.857 19.429-4.571 29.143 6.286-1.143-1.143 5.429-7.429t8.286-6.857q1.714-1.143 8.571-2.571t8.571-4.286l1.143-12.571q-6.857 0.571-10-4t-3.714-12q0 1.143-3.429 4.571 0-4-2.571-4.571t-6.571 0.571-5.143 0.571q-5.714-1.714-8.571-4.286t-4.571-9.429-2.286-8.571q-1.143-2.857-5.429-6t-5.429-6q-0.571-1.143-1.429-3.143t-1.714-3.714-2.286-3.143-3.143-1.429-4 2.857-4.286 5.714-2.571 2.857q-1.714-1.143-3.429-0.857t-2.571 0.571-2.571 1.714-2.857 2q-1.714 1.143-4.857 1.714t-4.857 1.143q8.571-2.857-0.571-6.286-5.714-2.286-9.143-1.714 5.143-2.286 4.286-6.857t-4.857-8h2.857q-0.571-2.286-4.857-4.857t-10-4.857-7.429-3.429q-4.571-2.857-19.429-5.429t-18.857-0.286q-2.857 3.429-2.571 6t2.286 8 2 7.143q0.571 3.429-3.143 7.429t-3.714 6.857q0 4 8 8.857t5.714 12.286q-1.714 4.571-9.143 9.143t-9.143 6.857q-2.857 4.571-0.857 10.571t6 9.429q1.143 1.143 0.857 2.286t-2 2.571-3.143 2.286-3.714 2l-1.714 1.143q-6.286 2.857-11.714-3.429t-7.714-14.857q-4-14.286-9.143-17.143-13.143-4.571-16.571 0.571-2.857-7.429-23.429-14.857-14.286-5.143-33.143-2.286 3.429-0.571 0-8.571-4-8.571-10.857-6.857 1.714-3.429 2.286-10t0.571-7.714q1.714-7.429 6.857-13.143 0.571-0.571 4-4.857t5.429-7.714 0.286-3.429q20 2.286 28.571-6.286 2.857-2.857 6.571-9.714t6-9.714q5.143-3.429 8-3.143t8.286 3.143 8.286 2.857q8 0.571 8.857-6.286t-4.286-11.429q6.857 0.571 1.714-9.714-2.857-4-4.571-5.143-6.857-2.286-15.429 2.857-4.571 2.286 1.143 4.571-0.571-0.571-5.429 6t-9.429 10-9.143-2.857q-0.571-0.571-3.143-7.714t-5.429-7.714q-4.571 0-9.143 8.571 1.714-4.571-6.286-8.571t-13.714-4.571q10.857-6.857-4.571-15.429-4-2.286-11.714-2.857t-11.143 2.286q-2.857 4-3.143 6.571t2.857 4.571 6 3.143 6.571 2.286 4.857 1.714q8 5.714 4.571 8-1.143 0.571-4.857 2t-6.571 2.571-3.429 2.286q-1.714 2.286 0 8t-1.143 8q-2.857-2.857-5.143-10t-4-9.429q4 5.143-14.286 3.429l-5.714-0.571q-2.286 0-9.143 1.143t-11.714 0.571-7.714-4.571q-2.286-4.571 0-11.429 0.571-2.286 2.286-1.143-2.286-1.714-6.286-5.429t-5.714-4.857q-26.286 8.571-53.714 23.429 3.429 0.571 6.857-0.571 2.857-1.143 7.429-3.714t5.714-3.143q19.429-8 24-4l2.857-2.857q8 9.143 11.429 14.286-4-2.286-17.143-0.571-11.429 3.429-12.571 6.857 4 6.857 2.857 10.286-2.286-1.714-6.571-5.714t-8.286-6.286-8.571-2.857q-9.143 0-12.571 0.571-83.429 45.714-134.286 126.857 4 4 6.857 4.571 2.286 0.571 2.857 5.143t1.429 6.286 6.571-1.714q5.143 4.571 1.714 10.857 0.571-0.571 25.143 15.429 10.857 9.714 12 12 1.714 6.286-5.714 10.286-0.571-1.143-5.143-5.143t-5.143-2.286q-1.714 2.857 0.286 10.571t6 7.143q-4 0-5.429 9.143t-1.429 20.286-0.571 13.429l1.143 0.571q-1.714 6.857 3.143 19.714t12.286 11.143q-7.429 1.714 11.429 24.571 3.429 4.571 4.571 5.143 1.714 1.143 6.857 4.286t8.571 5.714 5.714 6q2.286 2.857 5.714 12.857t8 13.429q-1.143 3.429 5.429 11.429t6 13.143q-0.571 0-1.429 0.571t-1.429 0.571q1.714 4 8.857 8t8.857 7.429q0.571 1.714 1.143 5.714t1.714 6.286 4.571 1.143q1.143-11.429-13.714-35.429-8.571-14.286-9.714-16.571-1.714-2.857-3.143-8.857t-2.571-8.286q1.143 0 3.429 0.857t4.857 2 4.286 2.286 1.143 1.714q-1.714 4 1.143 10t6.857 10.571 9.714 10.857 6.857 7.429q3.429 3.429 8 11.143t0 7.714q5.143 0 11.429 5.714t9.714 11.429q2.857 4.571 4.571 14.857t2.857 13.714q1.143 4 4.857 7.714t7.143 5.429l9.143 4.571t7.429 4q2.857 1.143 10.571 6t12.286 6.571q5.714 2.286 9.143 2.286t8.286-1.429 7.714-2q8.571-1.143 16.571 8.571t12 12q20.571 10.857 31.429 6.286-1.143 0.571 0.286 4.286t4.571 8.857 5.143 8.286 3.143 4.857q2.857 3.429 10.286 8.571t10.286 8.571q3.429-2.286 4-5.143-1.714 4.571 4 11.429t10.286 5.714q8-1.714 8-18.286-17.714 8.571-28-10.286 0-0.571-1.429-3.143t-2.286-4.857-1.429-4.857 0-4.286 2.857-1.714q5.143 0 5.714-2t-1.143-7.143-2.286-7.429q-0.571-4.571-6.286-11.429t-6.857-8.571q-2.857 5.143-9.143 4.571t-9.143-5.143q0 0.571-0.857 3.143t-0.857 3.714q-7.429 0-8.571-0.571 0.571-1.714 1.429-10t2-12.857q0.571-2.286 3.143-6.857t4.286-8.286 2.286-7.143-2.571-5.429-10-1.429q-10.857 0.571-14.857 11.429-0.571 1.714-1.714 6t-2.857 6.571-5.143 4q-4 1.714-13.714 1.143t-13.714-2.857q-7.429-4.571-12.857-16.571t-5.429-21.143q0-5.714 1.429-15.143t1.714-14.286-3.143-14q1.714-1.143 5.143-5.429t5.714-6q1.143-0.571 2.571-0.857t2.571 0 2.286-0.857 1.714-3.429q-0.571-0.571-2.286-1.714-1.714-1.714-2.286-1.714 4 1.714 16.286-0.857t15.714 0.857q8.571 6.286 12.571-1.143 0-0.571-1.429-5.429t-0.286-7.714q2.857 15.429 16.571 5.143 1.714 1.714 8.857 2.857t10 2.857q1.714 1.143 4 3.143t3.143 2.571 2.857-0.286 4.857-3.714q5.714 8 6.857 13.714 6.286 22.857 10.857 25.143 4 1.714 6.286 1.143t2.571-5.429 0-8-0.857-7.143l-0.571-4.571v-10.286l-0.571-4.571q-8.571-1.714-10.571-6.857t0.857-10.571 8.571-10.571q0.571-0.571 4.571-2t8.857-3.714 7.143-4.571q12-10.857 8.571-20 4 0 6.286-5.143-0.571 0-2.857-1.714t-4.286-2.857-2.571-1.143q5.143-2.857 1.143-9.143 2.857-1.714 4.286-6.286t4.286-5.714q5.143 6.857 12 1.143 4-4.571 0.571-9.143 2.857-4 11.714-6t10.571-5.429q4 1.143 4.571-1.143t0.571-6.857 1.714-6.857q2.286-2.857 8.571-5.143t7.429-2.857l9.714-6.286q1.714-2.286 0-2.286 10.286 1.143 17.714-6.286 5.714-6.286-3.429-11.429 1.714-3.429-1.714-5.429t-8.571-3.143q1.714-0.571 6.571-0.286t6-0.857q8.571-5.714-4-9.143-9.714-2.857-24.571 6.857zM502.286 872q117.714-20.571 200.571-108-1.714-1.714-7.143-2.571t-7.143-2q-10.286-4-13.714-4.571 0.571-4-1.429-7.429t-4.571-5.143-7.143-4.571-6.286-4q-1.143-1.143-4-3.429t-4-3.143-4.286-2.571-4.857-1.143-5.714 0.571l-1.714 0.571q-1.714 0.571-3.143 1.429t-3.143 1.714-2.286 1.714 0 1.429q-12-9.714-20.571-12.571-2.857-0.571-6.286-3.143t-6-4-5.714-0.857-6.571 4q-2.857 2.857-3.429 8.571t-1.143 7.429q-4-2.857 0-10t1.143-10.571q-1.714-3.429-6-2.571t-6.857 2.571-6.571 4.857-5.143 3.714-4.857 3.143-4.857 4.286q-1.714 2.286-3.429 6.857t-2.857 6.286q-1.143-2.286-6.571-3.714t-5.429-3.143q1.143 5.714 2.286 20t2.857 21.714q4 17.714-6.857 27.429-15.429 14.286-16.571 22.857-2.286 12.571 6.857 14.857 0 4-4.571 11.714t-4 12.286q0 3.429 1.143 9.143z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg
deleted file mode 100644
index c85c560..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" fill="#0A0805">
- <path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
- <path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
- <path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg b/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg
deleted file mode 100644
index 1f63b4f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12px" height="12px">
- <mask id="mask">
- <rect width="100%" height="100%" fill="#fff"/>
- <polygon points="12,0 0,0 0,12"/>
- </mask>
- <circle cx="6" cy="6" r="6" fill="#fff"/>
- <circle cx="6" cy="6" r="6" mask="url(#mask)" fill="#aeb0b1"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filters.svg b/arc-firefox-theme/chrome/browser/devtools/filters.svg
deleted file mode 100644
index 700fdbf..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/filters.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-
-<svg height="0" xmlns="http://www.w3.org/2000/svg">
- <filter id="invert" x="0%" y="0%" width="100%" height="100%"
- primitiveUnits="objectBoundingBox">
- <feComponentTransfer>
- <feFuncR type="table" tableValues=".1 0"/>
- <feFuncG type="table" tableValues=".1 0"/>
- <feFuncB type="table" tableValues=".1 0"/>
- </feComponentTransfer>
- </filter>
-
- <!-- Web Audio Gradients -->
- <linearGradient id="bypass-light" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
- <stop offset="0%" stop-color="#f0f1f2"/> <!-- theme-toolbar-background -->
- <stop offset="50%" stop-color="#fff"/>
- </linearGradient>
-
- <linearGradient id="bypass-dark" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
- <stop offset="0%" stop-color="#343c45"/> <!-- theme-toolbar-background -->
- <stop offset="50%" stop-color="transparent"/>
- </linearGradient>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css
deleted file mode 100644
index 01b622f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css
+++ /dev/null
@@ -1,10 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-@import url("chrome://browser/skin/devtools/floating-scrollbars.css");
-
-scrollbar thumb {
- background-color: rgba(170,170,170,0.2) !important;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css
deleted file mode 100644
index 61c66c8..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css
+++ /dev/null
@@ -1,34 +0,0 @@
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-scrollbar {
- -moz-appearance: none !important;
- position: relative;
- background-color: transparent;
- background-image: none;
- z-index: 2147483647;
- padding: 2px;
-}
-
-/* Scrollbar code will reset the margin to the correct side depending on
- where layout actually puts the scrollbar */
-scrollbar[orient="vertical"] {
- margin-left: -10px;
- min-width: 10px;
- max-width: 10px;
-}
-
-scrollbar[orient="horizontal"] {
- margin-top: -10px;
- min-height: 10px;
- max-height: 10px;
-}
-
-scrollbar thumb {
- -moz-appearance: none !important;
- border-width: 0px !important;
- background-color: rgba(170,170,170,0.2) !important;
- border-radius: 3px !important;
-}
-scrollbar scrollbarbutton, scrollbar gripper {
- display: none;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/font-inspector.css b/arc-firefox-theme/chrome/browser/devtools/font-inspector.css
deleted file mode 100644
index 2c4a365..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/font-inspector.css
+++ /dev/null
@@ -1,80 +0,0 @@
-* {
- box-sizing: border-box;
-}
-
-body {
- display: flex;
- flex-direction: column;
- height: 100%;
- margin: 0;
- padding-bottom: 20px;
-}
-
-#all-fonts {
- padding: 0;
- margin: 0;
-}
-
-#showall {
- border-radius: 0;
- border: 1px solid black;
- margin: 3px;
- cursor: pointer;
- position: fixed;
- bottom: 0;
- right: 0;
-}
-
-.font {
- padding: 10px 10px;
-}
-
-.theme-dark .font {
- border-bottom: 1px solid #444;
-}
-
-.theme-light .font {
- border-bottom: 1px solid #DDD;
-}
-
-.font:last-of-type {
- border-bottom: 0;
-}
-
-.theme-light .font:nth-child(even) {
- background: #F4F4F4;
-}
-
-.font-preview {
- margin-left: -4px;
- height: 60px;
- display: block;
-}
-
-.font-info {
- display: block;
-}
-
-.font-name {
- display: inline;
-}
-
-.font-css-code {
- max-width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- padding: 5px;
-}
-
-.theme-light .font-css-code,
-.theme-light .font-url {
- border: 1px solid #CCC;
- background: white;
-}
-
-.theme-dark .font-css-code,
-.theme-dark .font-url {
- border: 1px solid #333;
- background: black;
- color: white;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/inspector.css b/arc-firefox-theme/chrome/browser/devtools/inspector.css
deleted file mode 100644
index a892ec3..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/inspector.css
+++ /dev/null
@@ -1,155 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-
-#inspector-searchbox {
- transition-property: max-width, -moz-padding-end, -moz-padding-start;
- transition-duration: 250ms;
- transition-timing-function: ease;
-}
-
-#inspector-searchbox:not([focused]):not([filled]) > .textbox-input-box {
- overflow: hidden;
-}
-
-#inspector-searchbox:not([focused]):not([filled]) {
- max-width: 20px !important;
- -moz-padding-end: 5px;
- -moz-padding-start: 22px;
- background-position: 8px center, top left, top left;
-}
-
-#inspector-searchbox[focused],
-#inspector-searchbox[filled] {
- max-width: 200px !important;
-}
-
-/* Expand/collapse panel toolbar button */
-
-#inspector-pane-toggle {
- background: none;
- box-shadow: none;
- border: none;
- list-style-image: url(debugger-collapse.png);
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#inspector-pane-toggle > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
-#inspector-pane-toggle[pane-collapsed] {
- list-style-image: url(debugger-expand.png);
-}
-
-#inspector-pane-toggle:active {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- #inspector-pane-toggle {
- list-style-image: url(debugger-collapse@2x.png);
- -moz-image-region: rect(0px,32px,32px,0px);
- }
-
- #inspector-pane-toggle[pane-collapsed] {
- list-style-image: url(debugger-expand@2x.png);
- }
-
- #inspector-pane-toggle:active {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-}
-
-/* Tooltip: Events */
-
-#devtools-tooltip-events-container {
- margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
- max-width: 590px;
- overflow-y: auto;
-}
-
-.event-header {
- display: flex;
- align-items: center;
- cursor: pointer;
-}
-
-.event-tooltip-event-type,
-.event-tooltip-filename,
-.event-tooltip-attributes {
- -moz-margin-start: 0;
- flex-shrink: 0;
- cursor: pointer;
-}
-
-.event-tooltip-event-type {
- font-weight: bold;
- font-size: 13px;
-}
-
-.event-tooltip-filename {
- -moz-margin-end: 0;
- font-size: 100%;
- flex-shrink: 1;
-}
-
-.event-tooltip-debugger-icon {
- width: 16px;
- height: 16px;
- -moz-margin-end: 4px;
- opacity: 0.6;
- flex-shrink: 0;
-}
-
-.event-tooltip-debugger-icon:hover {
- opacity: 1;
-}
-
-.event-tooltip-content-box {
- display: none;
- overflow: auto;
- -moz-margin-end: 0;
-}
-
-.event-tooltip-content-box[open] {
- display: block;
-}
-
-.event-tooltip-source-container {
- margin-top: 5px;
- margin-bottom: 10px;
- -moz-margin-start: 5px;
- -moz-margin-end: 0;
-}
-
-.event-tooltip-source {
- margin-bottom: 0;
-}
-
-.event-tooltip-attributes-container {
- display: flex;
- flex-shrink: 0;
- flex-grow: 1;
- justify-content: flex-end;
-}
-
-.event-tooltip-attributes-box {
- display: flex;
- flex-shrink: 0;
- align-items: center;
- border-radius: 3px;
- padding: 2px;
- -moz-margin-start: 5px;
- background-color: var(--theme-body-color-alt);
- color: var(--theme-toolbar-background);
-}
-
-.event-tooltip-attributes {
- margin: 0;
- font-size: 9px;
- padding-top: 2px;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg
deleted file mode 100644
index c2accab..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12">
- <path fill="#181d20" d="M7,11.6 7,.4 1.5,6z"/>
- <path fill="#000" d="M7,0 6,0 0,6 6,12 7,12 7,11.6 1.5,6 7,.4z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg
deleted file mode 100644
index 18d3702..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12">
- <path fill="#181d20" d="M0,11.6 0,.4 5.5,6z"/>
- <path fill="#000" d="M1,0 0,0 0,.4 5.5,6 0,11.6 0,12 1,12 7,6z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg
deleted file mode 100644
index bca667a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12">
- <path fill="#f7f7f7" d="M7,11.6 7,.4 1.5,6z"/>
- <path fill="#ababab" d="M7,0 6,0 0,6 6,12 7,12 7,11.6 1.5,6 7,.4z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg
deleted file mode 100755
index e83fa63..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12">
- <path fill="#f7f7f7" d="M0,11.6 0,.4 5.5,6z"/>
- <path fill="#ababab" d="M1,0 0,0 0,.4 5.5,6 0,11.6 0,12 1,12 7,6z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemToggle.png b/arc-firefox-theme/chrome/browser/devtools/itemToggle.png
deleted file mode 100644
index dc30c22..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/itemToggle.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png b/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png
deleted file mode 100644
index 9042128..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/layoutview.css b/arc-firefox-theme/chrome/browser/devtools/layoutview.css
deleted file mode 100644
index 642e89c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/layoutview.css
+++ /dev/null
@@ -1,339 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/ */
-
-.theme-sidebar {
- box-sizing: border-box;
-}
-
-body {
- /* The view will grow bigger as the window gets resized, until 400px */
- max-width: 400px;
- margin: 0px auto;
- padding: 0;
- /* "Contain" the absolutely positioned #main element */
- position: relative;
-}
-
-/* Header: contains the position and size of the element */
-
-#header {
- box-sizing: border-box;
- width: 100%;
- padding: 4px 14px;
- display: -moz-box;
- vertical-align: top;
-}
-
-#header:-moz-dir(rtl) {
- -moz-box-direction: reverse;
-}
-
-#header > span {
- display: -moz-box;
-}
-
-#element-size {
- -moz-box-flex: 1;
-}
-
-#element-size:-moz-dir(rtl) {
- -moz-box-pack: end;
-}
-
-@media (max-height: 228px) {
- #header {
- padding-top: 0;
- padding-bottom: 0;
- margin-top: 10px;
- margin-bottom: 8px;
- }
-}
-
-/* Main: contains the box-model regions */
-
-#main {
- position: absolute;
- box-sizing: border-box;
- /* The regions are semi-transparent, so the white background is partly
- visible */
- background-color: white;
- color: var(--theme-selection-color);
- /* Make sure there is some space between the window's edges and the regions */
- margin: 0 14px 10px 14px;
- width: calc(100% - 2 * 14px);
-}
-
-.margin,
-.size {
- color: var(--theme-highlight-blue);
-}
-
-/* Regions are 3 nested elements with wide borders and outlines */
-
-#content {
- height: 25px;
-}
-
-#margins,
-#borders,
-#padding {
- border-color: hsla(210,100%,85%,0.2);
- border-width: 25px;
- border-style: solid;
- outline: dotted 1px hsl(210,100%,85%);
-}
-
-#margins {
- /* This opacity applies to all of the regions, since they are nested */
- opacity: .8;
-}
-
-/* Respond to window size change by changing the size of the regions */
-
-@media (max-height: 228px) {
- #content {
- height: 18px;
- }
-
- #margins,
- #borders,
- #padding {
- border-width: 18px;
- }
-}
-
-/* Regions colors */
-
-#margins {
- border-color: #edff64;
-}
-
-#borders {
- border-color: #444444;
-}
-
-#padding {
- border-color: #6a5acd;
-}
-
-#content {
- background-color: #87ceeb;
-}
-
-/* Editable region sizes are contained in absolutely positioned <p> */
-
-#main > p {
- position: absolute;
- pointer-events: none;
-}
-
-#main > p {
- margin: 0;
- text-align: center;
-}
-
-#main > p > span {
- vertical-align: middle;
- pointer-events: auto;
-}
-
-/* Coordinates for the region sizes */
-
-.top,
-.bottom {
- width: calc(100% - 2px);
- text-align: center;
-}
-
-.padding.top {
- top: 55px;
-}
-
-.padding.bottom {
- bottom: 57px;
-}
-
-.border.top {
- top: 30px;
-}
-
-.border.bottom {
- bottom: 31px;
-}
-
-.margin.top {
- top: 5px;
-}
-
-.margin.bottom {
- bottom: 6px;
-}
-
-.size,
-.margin.left,
-.margin.right,
-.border.left,
-.border.right,
-.padding.left,
-.padding.right {
- top: 22px;
- line-height: 132px;
-}
-
-.size {
- width: calc(100% - 2px);
-}
-
-.margin.right,
-.margin.left,
-.border.left,
-.border.right,
-.padding.right,
-.padding.left {
- width: 25px;
-}
-
-.padding.left {
- left: 52px;
-}
-
-.padding.right {
- right: 51px;
-}
-
-.border.left {
- left: 26px;
-}
-
-.border.right {
- right: 26px;
-}
-
-.margin.right {
- right: 0;
-}
-
-.margin.left {
- left: 0;
-}
-
-.rotate.left:not(.editing) {
- transform: rotate(-90deg);
-}
-
-.rotate.right:not(.editing) {
- transform: rotate(90deg);
-}
-
-/* Coordinates should be different when the window is small, because we make
- the regions smaller then */
-
-@media (max-height: 228px) {
- .padding.top {
- top: 37px;
- }
-
- .padding.bottom {
- bottom: 38px;
- }
-
- .border.top {
- top: 19px;
- }
-
- .border.bottom {
- bottom: 20px;
- }
-
- .margin.top {
- top: 1px;
- }
-
- .margin.bottom {
- bottom: 2px;
- }
-
- .size,
- .margin.left,
- .margin.right,
- .border.left,
- .border.right,
- .padding.left,
- .padding.right {
- line-height: 80px;
- }
-
- .margin.right,
- .margin.left,
- .border.left,
- .border.right,
- .padding.right,
- .padding.left {
- width: 21px;
- }
-
- .padding.left {
- left: 35px;
- }
-
- .padding.right {
- right: 35px;
- }
-
- .border.left {
- left: 16px;
- }
-
- .border.right {
- right: 17px;
- }
-}
-
-/* Legend, displayed inside regions */
-
-.legend {
- position: absolute;
- margin: 5px 6px;
- z-index: 1;
-}
-
-.legend[data-box="margin"] {
- color: var(--theme-highlight-blue);
-}
-
-@media (max-height: 228px) {
- .legend {
- margin: 2px 6px;
- }
-}
-
-/* Editable fields */
-
-.editable {
- border: 1px dashed transparent;
- -moz-user-select: text;
-}
-
-.editable:hover {
- border-bottom-color: hsl(0, 0%, 50%);
-}
-
-.styleinspector-propertyeditor {
- border: 1px solid #ccc;
- padding: 0;
-}
-
-/* Make sure the content size doesn't appear as editable like the other sizes */
-
-.size > span {
- cursor: default;
-}
-
-/* Hide all values when the view is inactive */
-
-body.inactive > #header > #element-position,
-body.inactive > #header > #element-size,
-body.inactive > #main > p {
- visibility: hidden;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/light-theme.css b/arc-firefox-theme/chrome/browser/devtools/light-theme.css
deleted file mode 100644
index 276b34a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/light-theme.css
+++ /dev/null
@@ -1,1461 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* Colors are taken from:
- * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors.
- * Changes should be kept in sync with commandline.css and commandline.inc.css.
- */
-:root {
- --theme-body-background: #fcfcfc;
- --theme-sidebar-background: #f7f7f7;
- --theme-contrast-background: #e6b064;
-
- --theme-tab-toolbar-background: #ebeced;
- --theme-toolbar-background: #f0f1f2;
- --theme-selection-background: #4c9ed9;
- --theme-selection-background-semitransparent: rgba(76, 158, 217, .23);
- --theme-selection-color: #f5f7fa;
- --theme-splitter-color: #aaaaaa;
- --theme-comment: #757873;
-
- --theme-body-color: #18191a;
- --theme-body-color-alt: #585959;
- --theme-content-color1: #292e33;
- --theme-content-color2: #8fa1b2;
- --theme-content-color3: #667380;
-
- --theme-highlight-green: #2cbb0f;
- --theme-highlight-blue: #0088cc;
- --theme-highlight-bluegrey: #0072ab;
- --theme-highlight-purple: #5b5fff;
- --theme-highlight-lightorange: #d97e00;
- --theme-highlight-orange: #f13c00;
- --theme-highlight-red: #ed2655;
- --theme-highlight-pink: #b82ee5;
-
- /* Colors used in Graphs, like performance tools. Similar colors to Chrome's timeline. */
- --theme-graphs-green: #85d175;
- --theme-graphs-blue: #83b7f6;
- --theme-graphs-bluegrey: #0072ab;
- --theme-graphs-purple: #b693eb;
- --theme-graphs-yellow: #efc052;
- --theme-graphs-red: #e57180;
- --theme-graphs-grey: #cccccc;
-}
-
-.theme-body {
- background: var(--theme-body-background);
- color: var(--theme-body-color);
-}
-
-.theme-sidebar {
- background: var(--theme-sidebar-background);
- color: var(--theme-body-color);
-}
-
-::-moz-selection {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.theme-bg-darker {
- background: var(--theme-selection-background-semitransparent);
-}
-
-.theme-selected,
-.CodeMirror-hint-active {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.theme-bg-contrast,
-.variable-or-property:not([overridden])[changed] {
- background: var(--theme-contrast-background);
-}
-
-.theme-link,
-.cm-s-mozilla .cm-link,
-.CodeMirror-Tern-type {
- color: var(--theme-highlight-blue);
-}
-
-/*
- * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion
- * failures in debug builds.
- */
-.theme-link:visited,
-.cm-s-mozilla .cm-link:visited {
- color: var(--theme-highlight-blue);
-}
-
-.theme-comment,
-.cm-s-mozilla .cm-meta,
-.cm-s-mozilla .cm-hr,
-.cm-s-mozilla .cm-comment,
-.variable-or-property .token-undefined,
-.variable-or-property .token-null,
-.CodeMirror-Tern-completion-unknown:before {
- color: var(--theme-comment);
-}
-
-.theme-gutter {
- background-color: hsl(0,0%,90%);
- color: var(--theme-content-color3);
- border-color: hsl(0,0%,65%);
-}
-
-.theme-separator { /* grey */
- border-color: #cddae5;
-}
-
-.cm-s-mozilla .cm-unused-line {
- text-decoration: line-through;
- text-decoration-color: var(--theme-highlight-bluegrey);
-}
-
-.cm-s-mozilla .cm-executed-line {
- background-color: #fcfffc;
-}
-
-.theme-fg-color1,
-.cm-s-mozilla .cm-number,
-.variable-or-property .token-number,
-.variable-or-property[return] > .title > .name,
-.variable-or-property[scope] > .title > .name {
- color: var(--theme-highlight-green);
-}
-
-.CodeMirror-Tern-completion-number:before {
- background-color: hsl(72,100%,27%);
-}
-
-.theme-fg-color2,
-.cm-s-mozilla .cm-attribute,
-.cm-s-mozilla .cm-builtin,
-.cm-s-mozilla .cm-def,
-.cm-s-mozilla .cm-property,
-.cm-s-mozilla .cm-qualifier,
-.variables-view-variable > .title > .name {
- color: var(--theme-highlight-blue);
-}
-
-.CodeMirror-Tern-completion-object:before {
- background-color: hsl(208,56%,40%);
-}
-
-.theme-fg-color3,
-.cm-s-mozilla .cm-variable,
-.cm-s-mozilla .cm-tag,
-.cm-s-mozilla .cm-header,
-.cm-s-mozilla .cm-bracket,
-.variables-view-property > .title > .name {
- color: var(--theme-highlight-bluegrey);
-}
-
-.CodeMirror-Tern-completion-array:before {
- background-color: var(--theme-highlight-bluegrey);
-}
-
-.theme-fg-color4 {
- color: var(--theme-highlight-orange);
-}
-
-.theme-fg-color5,
-.cm-s-mozilla .cm-keyword {
- color: var(--theme-highlight-lightorange);
-}
-
-.theme-fg-color6,
-.cm-s-mozilla .cm-string,
-.cm-s-mozilla .cm-string-2,
-.variable-or-property .token-string,
-.CodeMirror-Tern-farg {
- color: var(--theme-highlight-orange);
-}
-
-.CodeMirror-Tern-completion-string:before,
-.CodeMirror-Tern-completion-fn:before {
- background-color: hsl(24,85%,39%);
-}
-
-.theme-fg-color7,
-.cm-s-mozilla .cm-atom,
-.cm-s-mozilla .cm-quote,
-.cm-s-mozilla .cm-error,
-.variable-or-property .token-boolean,
-.variable-or-property .token-domnode,
-.variable-or-property[exception] > .title > .name {
- color: var(--theme-highlight-red);
-}
-
-.CodeMirror-Tern-completion-bool:before {
- background-color: #bf5656;
-}
-
-.variable-or-property .token-domnode {
- font-weight: bold;
-}
-
-.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
- color: black;
-}
-
-.theme-toolbar,
-.devtools-toolbar,
-.devtools-sidebar-tabs tabs,
-.devtools-sidebar-alltabs,
-.CodeMirror-dialog { /* General toolbar styling */
- color: var(--theme-body-color-alt);
- background-color: var(--theme-toolbar-background);
- border-color: var(--theme-splitter-color);
-}
-
-.ruleview-swatch,
-.computedview-colorswatch {
- box-shadow: 0 0 0 1px #c4c4c4;
-}
-
-/* CodeMirror specific styles.
- * Best effort to match the existing theme, some of the colors
- * are duplicated here to prevent weirdness in the main theme. */
-
-.CodeMirror { /* Inherit platform specific font sizing and styles */
- font-family: inherit;
- font-size: inherit;
- background: transparent;
-}
-
-.CodeMirror pre,
-.cm-s-mozilla .cm-variable-2,
-.cm-s-mozilla .cm-variable-3,
-.cm-s-mozilla .cm-operator,
-.cm-s-mozilla .cm-special {
- color: var(--theme-body-color);
-}
-
-.cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor {
- border-left: solid 1px black;
-}
-
-.cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */
- background: rgb(185, 215, 253);
-}
-
-.cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */
- background: rgb(176, 176, 176);
-}
-
-.cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */
- background: rgba(185, 215, 253, .35);
-}
-
-div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */
- outline: solid 1px rgba(0, 0, 0, .25);
- color: black;
-}
-
-/* Highlight for a line that contains an error. */
-div.CodeMirror div.error-line {
- background: rgba(255,0,0,0.2);
-}
-
-/* Highlight for a line that represents a stack frame's location. */
-div.CodeMirror div.debug-line {
- background: rgba(0,128,255,0.1);
- box-shadow:
- 0 1px 0 0 rgba(0,128,255,0.4),
- 0 -1px 0 0 rgba(0,128,255,0.4);
-}
-
-/* Generic highlighted text */
-div.CodeMirror span.marked-text {
- background: rgba(255,255,0,0.2);
- border: 1px dashed rgba(192,192,0,0.6);
- -moz-margin-start: -1px;
- -moz-margin-end: -1px;
-}
-
-/* Highlight for evaluating current statement. */
-div.CodeMirror span.eval-text {
- background-color: #ccd;
-}
-
-.cm-s-mozilla .CodeMirror-linenumber { /* line number text */
- color: var(--theme-content-color3);
-}
-
-.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */
- border-right-color: var(--theme-splitter-color);
- background-color: var(--theme-sidebar-background);
-}
-
-.cm-s-markup-view pre {
- line-height: 1.4em;
- min-height: 1.4em;
-}
-
-/* Twisty and checkbox controls */
-
-.theme-twisty, .theme-checkbox {
- width: 14px;
- height: 14px;
- background-repeat: no-repeat;
- background-image: url("chrome://browser/skin/devtools/controls.png");
- background-size: 56px 28px;
-}
-
-.theme-twisty {
- cursor: pointer;
- background-position: 0 -14px;
-}
-
-.theme-twisty:-moz-focusring {
- outline-style: none;
-}
-
-.theme-twisty[open] {
- background-position: -14px -14px;
-}
-
-.theme-twisty[invisible] {
- visibility: hidden;
-}
-
-/* Use white twisty when next to a selected item in markup view */
-.theme-selected ~ .theme-twisty {
- background-position: -28px -14px;
-}
-
-.theme-selected ~ .theme-twisty[open] {
- background-position: -42px -14px;
-}
-
-.theme-checkbox {
- display: inline-block;
- border: 0;
- padding: 0;
- outline: none;
- background-position: 0 0;
-}
-
-.theme-checkbox[checked] {
- background-position: -14px 0;
-}
-
-@media (min-resolution: 1.1dppx) {
- .theme-twisty, .theme-checkbox {
- background-image: url("chrome://browser/skin/devtools/controls@2x.png");
- }
-}
-
-/* XUL panel styling (see browser/devtools/shared/widgets/Tooltip.js) */
-
-.theme-tooltip-panel .panel-arrowcontent {
- padding: 4px;
- background: rgba(255, 255, 255, .9);
- border-radius: 5px;
- box-shadow: none;
- border: 3px solid #d9e1e8;
-}
-
-/* Overring panel arrow images to fit with our light and dark themes */
-
-.theme-tooltip-panel .panel-arrow[side="top"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light.png");
- margin-bottom: -4px;
-}
-
-.theme-tooltip-panel .panel-arrow[side="bottom"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light.png");
- margin-top: -4px;
-}
-
-.theme-tooltip-panel .panel-arrow[side="left"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light.png");
- margin-right: -4px;
-}
-
-.theme-tooltip-panel .panel-arrow[side="right"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light.png");
- margin-left: -4px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .theme-tooltip-panel .panel-arrow[side="top"],
- .theme-tooltip-panel .panel-arrow[side="bottom"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light@2x.png");
- }
-
- .theme-tooltip-panel .panel-arrow[side="left"],
- .theme-tooltip-panel .panel-arrow[side="right"] {
- list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light@2x.png");
- }
-}
-
-.theme-tooltip-panel .devtools-tooltip-simple-text {
- color: black;
- border-bottom: 1px solid #d9e1e8;
-}
-
-.theme-tooltip-panel .devtools-tooltip-simple-text:last-child {
- border-bottom: 0;
-}
-
-.CodeMirror-hints,
-.CodeMirror-Tern-tooltip {
- box-shadow: 0 0 4px rgba(128, 128, 128, .5);
- background-color: var(--theme-sidebar-background);
-}
-
-
-
-/* CSS Variables specific to the devtools toolbar that aren't defined by the themes */
-.theme-light {
- --searchbox-background-color: #ffee99;
- --searchbox-border-color: #ffbf00;
- --searcbox-no-match-background-color: #ffe5e5;
- --searcbox-no-match-border-color: #e52e2e;
-}
-
-.theme-dark {
- --searchbox-background-color: #4d4222;
- --searchbox-border-color: #d99f2b;
- --searcbox-no-match-background-color: #402325;
- --searcbox-no-match-border-color: #cc3d3d;
-}
-
-/* Toolbars */
-.devtools-toolbar,
-.devtools-sidebar-tabs tabs {
- -moz-appearance: none;
- padding: 0;
- border-width: 0;
- border-bottom-width: 1px;
- border-style: solid;
- height: 24px;
- line-height: 24px;
- box-sizing: border-box;
-}
-
-.devtools-toolbar {
- padding: 0 3px;
-}
-
-.devtools-toolbar checkbox {
- margin: 0 2px;
- padding: 0;
- line-height: -moz-block-height;
-}
-.devtools-toolbar checkbox .checkbox-check {
- margin: 0;
- padding: 0;
- vertical-align: bottom;
-}
-.devtools-toolbar checkbox .checkbox-label-box {
- border: none !important; /* overrides .checkbox-label-box from checkbox.css */
-}
-.devtools-toolbar checkbox .checkbox-label-box .checkbox-label {
- margin: 0 6px !important; /* overrides .checkbox-label from checkbox.css */
- padding: 0;
-}
-
-/* Toolbar buttons */
-.devtools-menulist,
-.devtools-toolbarbutton {
- -moz-appearance: none;
- -moz-box-align: center;
- background: transparent;
- min-width: 78px;
- min-height: 18px;
- padding: 1px;
- text-shadow: none;
- border: none;
- border-radius: 0;
- margin: 2px 3px;
- color: inherit;
- transition: background 0.05s ease-in-out;
- color: var(--theme-content-color1);
- background-color: var(--theme-toolbar-background);
-}
-
-.devtools-menulist:-moz-focusring,
-.devtools-toolbarbutton:-moz-focusring {
- outline: 1px dotted hsla(210,30%,85%,0.7);
- outline-offset: -4px;
-}
-
-.devtools-toolbarbutton[standalone] {
- -moz-margin-end: 5px;
- border-width: 1px;
- border-style: solid;
-}
-.devtools-toolbarbutton[label][standalone] {
- min-height: 2em;
-}
-
-.devtools-toolbarbutton:not([label]),
-.devtools-toolbarbutton[text-as-image] {
- min-width: 32px;
-}
-
-#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
- min-width: inherit;
-}
-
-/* Command buttons with menupopups should be styled slightly differently -
- no background color and a bit more narrow */
-#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
- background: transparent;
-}
-#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
- padding: 0 2px;
-}
-
-.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
- display: none;
-}
-
-.devtools-toolbar .devtools-toolbarbutton {
- border-width: 0;
-}
-
-.devtools-toolbarbutton > .toolbarbutton-icon {
- margin: 0;
-}
-
-.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
- -moz-appearance: none;
- color: inherit;
- border-width: 0;
- -moz-box-orient: horizontal;
- padding: 0;
-}
-
-.devtools-toolbarbutton[type=menu-button] {
- padding: 0 1px;
- -moz-box-align: stretch;
-}
-
-.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
- -moz-margin-end: 4px;
-}
-
-.devtools-menulist > .menulist-dropmarker {
- -moz-appearance: none;
- display: -moz-box;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
- -moz-box-align: center;
- min-width: 16px;
-}
-
-.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
-.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
- -moz-appearance: none !important;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
- -moz-box-align: center;
- padding: 0 3px;
-}
-
-.theme-dark .devtools-menulist,
-.theme-dark .devtools-toolbarbutton {
- border-color: rgba(0, 0, 0, .4); /* Splitters */
-}
-.theme-light .devtools-menulist,
-.theme-light .devtools-toolbarbutton {
- border-color: rgba(170, 170, 170, .5); /* Splitters */
-}
-
-/* Text-only buttons */
-.theme-light .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
-.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- background-color: rgba(170, 170, 170, .2); /* Splitter */
-}
-.theme-dark .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
-.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- background-color: rgba(0, 0, 0, .2); /* Splitter */
-}
-
-/* Button States */
-.theme-dark .devtools-toolbarbutton:not([disabled]):hover,
-.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
-.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
- background: rgba(0, 0, 0, .3); /* Splitters */
-}
-.theme-light .devtools-toolbarbutton:not([disabled]):hover,
-.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
-.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
- background: rgba(170, 170, 170, .3); /* Splitters */
-}
-
-.theme-dark .devtools-toolbarbutton:not([disabled]):hover:active,
-.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
-.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
- background: rgba(0, 0, 0, .4); /* Splitters */
-}
-.theme-light .devtools-toolbarbutton:not([disabled]):hover:active,
-.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
-.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
- background: rgba(170, 170, 170, .4); /* Splitters */
-}
-
-/* Menu type buttons and checked states */
-.theme-dark .devtools-toolbarbutton[checked=true],
-.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
- background: rgba(29, 79, 115, .7); /* Select highlight blue */
- color: var(--theme-selection-color);
-}
-
-.theme-light .devtools-toolbarbutton[checked=true],
-.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
- background: rgba(76, 158, 217, .2); /* Select highlight blue */
-}
-
-.theme-dark .devtools-menulist[open=true],
-.theme-dark .devtools-toolbarbutton[open=true],
-.theme-dark .devtools-toolbarbutton[open=true]:hover,
-.theme-dark .devtools-toolbarbutton[open=true]:hover:active,
-.theme-dark .devtools-toolbarbutton[checked=true]:hover {
- background: rgba(29, 79, 115, .8); /* Select highlight blue */
- color: var(--theme-selection-color);
-}
-
-.theme-light .devtools-menulist[open=true],
-.theme-light .devtools-toolbarbutton[open=true],
-.theme-light .devtools-toolbarbutton[open=true]:hover,
-.theme-light .devtools-toolbarbutton[open=true]:hover:active,
-.theme-light .devtools-toolbarbutton[checked=true]:hover {
- background: rgba(76, 158, 217, .4); /* Select highlight blue */
-}
-
-.devtools-option-toolbarbutton {
- -moz-appearance: none;
- list-style-image: url("chrome://browser/skin/devtools/tool-options.svg");
- background: none;
- opacity: .8;
- border: none;
-}
-
-.devtools-option-toolbarbutton[open=true] {
- opacity: 1;
-}
-
-/* Toolbar button groups */
-.devtools-toolbarbutton-group > .devtools-toolbarbutton {
- margin-left: 1px;
- margin-right: 1px;
- outline-offset: -3px;
- box-shadow: none;
-}
-
-.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child {
- -moz-margin-end: 0;
-}
-
-.devtools-toolbarbutton-group + .devtools-toolbarbutton {
- -moz-margin-start: 3px;
-}
-
-.devtools-separator + .devtools-toolbarbutton {
- -moz-margin-start: 1px;
-}
-
-/* HTML buttons, similar to toolbar buttons, but work in HTML documents */
-
-.devtools-button {
- border: 0 solid var(--theme-splitter-color);
- background: var(--theme-toolbar-background);
- color: var(--theme-body-color);
- margin: 0;
- padding: 0;
- min-width: 32px;
- min-height: 18px;
- /* The icon is absolutely positioned in the button using ::before */
- position: relative;
-}
-
-.devtools-button[standalone] {
- min-height: 32px;
- border-width: 1px;
-}
-
-/* Button States */
-.theme-dark .devtools-button:not([disabled]):hover {
- background: rgba(0, 0, 0, .3); /* Splitters */
-}
-.theme-light .devtools-button:not([disabled]):hover {
- background: rgba(170, 170, 170, .3); /* Splitters */
-}
-
-.theme-dark .devtools-button:not([disabled]):hover:active {
- background: rgba(0, 0, 0, .4); /* Splitters */
-}
-.theme-light .devtools-button:not([disabled]):hover:active {
- background: rgba(170, 170, 170, .4); /* Splitters */
-}
-
-/* Menu type buttons and checked states */
-.theme-dark .devtools-button[checked] {
- background: rgba(29, 79, 115, .7) !important; /* Select highlight blue */
- color: var(--theme-selection-color);
-}
-
-.theme-light .devtools-button[checked] {
- background: rgba(76, 158, 217, .2) !important; /* Select highlight blue */
-}
-
-.devtools-button::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- left: 50%;
- top: 50%;
- margin: -8px 0 0 -8px;
- background-repeat: no-repeat;
-}
-
-.devtools-button[disabled]::before,
-.devtools-button:disabled::before {
- opacity: 0.5;
-}
-
-@media (min-resolution: 1.1dppx) {
- .devtools-button::before {
- background-size: 32px;
- }
-}
-
-/* Text input */
-
-.devtools-textinput,
-.devtools-searchinput {
- -moz-appearance: none;
- margin: 0 3px;
- border: 1px solid;
- border-radius: 2px;
- padding: 4px 6px;
- border-color: var(--theme-splitter-color);
-}
-
-.devtools-searchinput {
- margin-top: 1px;
- margin-bottom: 1px;
- padding: 0;
- -moz-padding-start: 22px;
- -moz-padding-end: 4px;
- background-position: 8px center;
- background-size: 11px 11px;
- background-repeat: no-repeat;
- font-size: inherit;
-}
-
-.theme-dark .devtools-searchinput {
- background-image: url(magnifying-glass.png);
-}
-
-.theme-light .devtools-searchinput {
- background-image: url(magnifying-glass-light.png);
-}
-
-.devtools-searchinput:-moz-locale-dir(rtl) {
- background-position: calc(100% - 8px) center;
-}
-
-.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
- visibility: hidden;
-}
-
-/* Searchbox is a div container element for a search input element */
-.devtools-searchbox {
- display: flex;
- flex: 1;
- position: relative;
-}
-
-.devtools-rule-searchbox {
- -moz-box-flex: 1;
- padding-right: 23px;
- width: 100%;
- font: inherit;
-}
-
-.devtools-rule-searchbox[filled] {
- background-color: var(--searchbox-background-color);
- border-color: var(--searchbox-border-color);
-}
-
-.devtools-style-searchbox-no-match {
- background-color: var(--searcbox-no-match-background-color) !important;
- border-color: var(--searcbox-no-match-border-color) !important;
-}
-
-.devtools-no-search-result {
- border-color: var(--theme-highlight-red) !important;
-}
-
-.devtools-searchinput-clear {
- position: absolute;
- top: 3.5px;
- right: 7px;
- padding: 0;
- border: 0;
- width: 16px;
- height: 16px;
- background-position: 0 0;
- background-repeat: no-repeat;
- background-color: transparent;
-}
-
-.theme-dark .devtools-searchinput-clear {
- background-image: url("chrome://browser/skin/devtools/search-clear-dark.svg");
-}
-
-.theme-light .devtools-searchinput-clear {
- background-image: url("chrome://browser/skin/devtools/search-clear-light.svg");
-}
-
-.devtools-style-searchbox-no-match + .devtools-searchinput-clear {
- background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important;
-}
-
-.devtools-searchinput-clear:hover {
- background-position: -16px 0;
-}
-
-.theme-dark .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
- list-style-image: url("chrome://browser/skin/devtools/search-clear-dark.svg");
- -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-.theme-light .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
- list-style-image: url("chrome://browser/skin/devtools/search-clear-light.svg");
- -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover {
- -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- .theme-dark .devtools-searchinput {
- background-image: url(magnifying-glass@2x.png);
- }
-
- .theme-light .devtools-searchinput {
- background-image: url(magnifying-glass-light@2x.png);
- }
-}
-
-/* Close button */
-
-.devtools-closebutton {
- -moz-appearance: none;
- border: none;
- margin: 0 4px;
- min-width: 16px;
- width: 16px;
- opacity: 0.8;
-}
-
-.devtools-closebutton > image {
- width: 16px;
- height: 16px;
- -moz-appearance: none;
- background-size: 16px 16px;
- background-image: url("chrome://browser/skin/devtools/close@2x.png");
- background-position: center center;
- background-repeat: no-repeat;
-}
-
-.devtools-closebutton > .toolbarbutton-icon {
- /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
- use evil CSS to give the impression of smaller content */
- margin: -4px;
-}
-
-.devtools-closebutton > .toolbarbutton-text {
- display: none;
-}
-
-.devtools-closebutton:hover {
- opacity: 1;
-}
-
-/* In-tools sidebar */
-.devtools-sidebar-tabs {
- -moz-appearance: none;
- margin: 0;
-}
-
-.devtools-sidebar-tabs > tabpanels {
- -moz-appearance: none;
- background: transparent;
- padding: 0;
- border: 0;
-}
-
-.theme-light .devtools-sidebar-tabs > tabpanels {
- background: var(--theme-sidebar-background);
- color: var(--theme-body-color);
-}
-
-.devtools-sidebar-tabs tabs {
- position: static;
- font: inherit;
- margin-bottom: 0;
- overflow: hidden;
-}
-
-.devtools-sidebar-alltabs {
- -moz-appearance: none;
- height: 24px;
- line-height: 24px;
- padding: 0 4px;
- margin: 0;
- border-width: 0 0 1px 0;
- -moz-border-start-width: 1px;
- border-style: solid;
-}
-
-.devtools-sidebar-alltabs .toolbarbutton-icon {
- display: none;
-}
-
-.devtools-sidebar-tabs tabs > .tabs-right,
-.devtools-sidebar-tabs tabs > .tabs-left {
- display: none;
-}
-
-.devtools-sidebar-tabs tabs > tab {
- -moz-appearance: none;
- /* We want to match the height of a toolbar with a toolbarbutton
- * First, we need to replicated the padding of toolbar (4px),
- * then we need to take the border of the buttons into account (1px).
- */
- padding: 0 3px;
- margin: 0;
- min-width: 78px;
- text-align: center;
- background-color: transparent;
- color: inherit;
- -moz-box-flex: 1;
- border-width: 0;
- -moz-border-start-width: 1px;
- border-style: solid;
- border-radius: 0;
- position: static;
- text-shadow: none;
-}
-
-.devtools-sidebar-tabs tabs > tab {
- border-image: linear-gradient(transparent 15%, var(--theme-splitter-color) 15%, var(--theme-splitter-color) 85%, transparent 85%) 1 1;
-}
-
-.devtools-sidebar-tabs tabs > tab[selected],
-.devtools-sidebar-tabs tabs > tab[selected] + tab {
- border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1;
-}
-
-.devtools-sidebar-tabs tabs > tab:first-child {
- -moz-border-start-width: 0;
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab:hover {
- background: hsla(206,37%,4%,.2);
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab:hover:active {
- background: hsla(206,37%,4%,.4);
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
- background: hsla(206,37%,4%,.2);
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active {
- background: hsla(206,37%,4%,.4);
-}
-
-.theme-dark .devtools-sidebar-tabs tabs > tab[selected],
-.theme-dark .devtools-sidebar-tabs tabs > tab[selected]:hover:active {
- color: var(--theme-selection-color);
- background: #1d4f73;
-}
-
-.theme-light .devtools-sidebar-tabs tabs > tab:hover {
- background: #ddd;
-}
-
-.theme-light .devtools-sidebar-tabs tabs > tab:hover:active {
- background: #ddd;
-}
-
-.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
- background: #ddd;
-}
-
-.theme-light .devtools-sidebar-tabs tabs > tab[selected],
-.theme-light .devtools-sidebar-tabs tabs > tab[selected]:hover:active {
- color: var(--theme-selection-color);
- background: #4c9ed9;
-}
-
-/* Toolbox - moved from toolbox.css.
- * Rules that apply to the global toolbox like command buttons,
- * devtools tabs, docking buttons, etc. */
-
-#toolbox-controls > toolbarbutton,
-#toolbox-dock-buttons > toolbarbutton {
- -moz-appearance: none;
- border: none;
- margin: 0 4px;
- min-width: 16px;
- width: 16px;
-}
-
-#toolbox-controls > toolbarbutton > .toolbarbutton-text,
-#toolbox-dock-buttons > toolbarbutton > .toolbarbutton-text,
-.command-button > .toolbarbutton-text {
- display: none;
-}
-
-#toolbox-dock-buttons > toolbarbutton > image {
- -moz-appearance: none;
- width: 16px;
- height: 16px;
- background-size: 16px 16px;
- background-position: 0 center;
- background-repeat: no-repeat;
-}
-
-#toolbox-dock-bottom > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom@2x.png");
-}
-
-#toolbox-dock-side > image {
- background-image: url("chrome://browser/skin/devtools/dock-side@2x.png");
-}
-
-#toolbox-dock-window > image {
- background-image: url("chrome://browser/skin/devtools/undock@2x.png");
-}
-
-#toolbox-dock-bottom-minimize {
- /* Bug 1177463 - The minimize button is currently hidden until we agree on
- the UI for it, and until bug 1173849 is fixed too. */
- display: none;
-}
-
-#toolbox-dock-bottom-minimize > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom-minimize@2x.png");
-}
-
-#toolbox-dock-bottom-minimize.minimized > image {
- background-image: url("chrome://browser/skin/devtools/dock-bottom-maximize@2x.png");
-}
-
-#toolbox-dock-window,
-#toolbox-dock-bottom,
-#toolbox-dock-side {
- opacity: 0.8;
-}
-
-#toolbox-dock-window:hover,
-#toolbox-dock-bottom:hover,
-#toolbox-dock-side:hover {
- opacity: 1;
-}
-
-.devtools-separator {
- margin: 0 2px;
- width: 2px;
- background-image: linear-gradient(transparent, hsla(204,45%,98%,.1), transparent),
- linear-gradient(transparent, hsla(206,37%,4%,.6), transparent),
- linear-gradient(transparent, hsla(204,45%,98%,.1), transparent);
- background-size: 1px 100%;
- background-repeat: no-repeat;
- background-position: 0, 1px, 2px;
-}
-
-#toolbox-buttons:empty + .devtools-separator,
-.devtools-separator[invisible] {
- visibility: hidden;
-}
-
-#toolbox-controls-separator {
- margin: 0;
-}
-
-/* Command buttons */
-
-.command-button {
- -moz-appearance: none;
- border: none;
- padding: 0 8px;
- margin: 0;
- width: 32px;
- position: relative;
-}
-
-.command-button:hover {
- background-color: hsla(206,37%,4%,.2);
-}
-.command-button:hover:active, .command-button[checked=true]:not(:hover) {
- background-color: hsla(206,37%,4%,.4);
-}
-
-.command-button > image {
- -moz-appearance: none;
- width: 16px;
- height: 16px;
- background-size: 64px 16px;
- background-position: 0 center;
- background-repeat: no-repeat;
-}
-.command-button:hover > image {
- background-position: -16px center;
-}
-.command-button:hover:active > image {
- background-position: -32px center;
-}
-.command-button[checked=true] > image {
- background-position: -48px center;
-}
-.command-button[open=true] > image {
- background-position: 0 center;
-}
-
-#command-button-paintflashing > image {
- background-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
-}
-
-#command-button-screenshot > image {
- background-image: url("chrome://browser/skin/devtools/command-screenshot.png");
-}
-
-#command-button-responsive > image {
- background-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
-}
-
-#command-button-tilt > image {
- background-image: url("chrome://browser/skin/devtools/command-tilt.png");
-}
-
-#command-button-scratchpad > image {
- background-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
- background-size: 48px 16px;
-}
-
-#command-button-pick > image {
- background-image: url("chrome://browser/skin/devtools/command-pick.png");
-}
-
-#command-button-frames > image {
- background-image: url("chrome://browser/skin/devtools/command-frames.png");
-}
-
-#command-button-splitconsole > image {
- background-image: url("chrome://browser/skin/devtools/command-console.png");
-}
-
-#command-button-eyedropper > image {
- background-image: url("chrome://browser/skin/devtools/command-eyedropper.png");
-}
-
-#command-button-rulers > image {
- background-image: url("chrome://browser/skin/devtools/command-rulers.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- #command-button-paintflashing > image {
- background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
- }
-
- #command-button-screenshot > image {
- background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png");
- }
-
- #command-button-responsive > image {
- background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png");
- }
-
- #command-button-tilt > image {
- background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png");
- }
-
- #command-button-scratchpad > image {
- background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png");
- }
-
- #command-button-pick > image {
- background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
- }
-
- #command-button-frames > image {
- background-image: url("chrome://browser/skin/devtools/command-frames@2x.png");
- }
-
- #command-button-splitconsole > image {
- background-image: url("chrome://browser/skin/devtools/command-console@2x.png");
- }
-
- #command-button-eyedropper > image {
- background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png");
- }
-
- #command-button-rulers > image {
- background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png");
- }
-}
-
-/* Tabs */
-
-.devtools-tabbar {
- -moz-appearance: none;
- min-height: 24px;
- border: 0px solid;
- border-bottom-width: 1px;
- padding: 0;
- background: var(--theme-tab-toolbar-background);
- border-bottom-color: var(--theme-splitter-color);
-}
-
-.theme-light .devtools-tabbar {
- box-shadow: 0 -2px 0 rgba(170,170,170,.1) inset;
-}
-
-.theme-dark .devtools-tabbar {
- box-shadow: 0 -2px 0 rgba(0,0,0,.1) inset;
-}
-
-#toolbox-tabs {
- margin: 0;
-}
-
-.devtools-tab {
- -moz-appearance: none;
- -moz-binding: url("chrome://global/content/bindings/general.xml#control-item");
- -moz-box-align: center;
- min-width: 32px;
- min-height: 24px;
- max-width: 110px;
- margin: 0;
- padding: 0;
- border-style: solid;
- border-width: 0;
- -moz-border-start-width: 1px;
- -moz-box-align: center;
-}
-
-.theme-dark .devtools-tab {
- color: var(--theme-body-color-alt);
- border-color: #42484f;
-}
-
-.theme-light .devtools-tab {
- color: var(--theme-body-color);
- border-color: var(--theme-splitter-color);
-}
-
-.theme-dark .devtools-tab:hover {
- background-color: hsla(206,37%,4%,.2);
- color: #ced3d9;
-}
-
-.theme-light .devtools-tab:hover {
- background-color: rgba(170,170,170,.2);
-}
-
-.theme-dark .devtools-tab:hover:active {
- background-color: hsla(206,37%,4%,.4);
- color: var(--theme-selection-color);
-}
-
-.theme-light .devtools-tab:hover:active {
- background-color: rgba(170,170,170,.4);
-}
-
-.devtools-tab:not([selected])[highlighted] {
- box-shadow: 0 2px 0 var(--theme-highlight-green) inset;
-}
-
-.theme-dark .devtools-tab:not([selected])[highlighted] {
- background-color: hsla(99,100%,14%,.2);
-}
-
-.theme-light .devtools-tab:not([selected])[highlighted] {
- background-color: rgba(44, 187, 15, .2);
-}
-
-.devtools-tab > image {
- border: none;
- -moz-margin-end: 0;
- -moz-margin-start: 4px;
- opacity: 0.6;
- max-height: 16px;
- width: 16px; /* Prevents collapse during theme switching */
-}
-
-.devtools-tab > label {
- white-space: nowrap;
-}
-
-.devtools-tab:hover > image {
- opacity: 0.8;
-}
-
-.devtools-tab:active > image,
-.devtools-tab[selected] > image {
- opacity: 1;
-}
-
-.devtools-tabbar .devtools-tab[selected],
-.devtools-tabbar .devtools-tab[selected]:hover:active {
- color: var(--theme-selection-color);
- background-color: var(--theme-selection-background);
-}
-
-.theme-dark .devtools-tabbar .devtools-tab[selected] {
- box-shadow: 0 2px 0 #d7f1ff inset,
- 0 8px 3px -5px #2b82bf inset,
- 0 -2px 0 rgba(0,0,0,.2) inset;
-}
-
-.theme-light .devtools-tabbar .devtools-tab[selected] {
- box-shadow: 0 2px 0 #d7f1ff inset,
- 0 8px 3px -5px #2b82bf inset,
- 0 -2px 0 rgba(0,0,0,.06) inset;
-}
-
-#toolbox-tabs .devtools-tab[selected],
-#toolbox-tabs .devtools-tab[highlighted] {
- border-width: 0;
- -moz-padding-start: 1px;
-}
-
-#toolbox-tabs .devtools-tab[selected]:last-child,
-#toolbox-tabs .devtools-tab[highlighted]:last-child {
- -moz-padding-end: 1px;
-}
-
-#toolbox-tabs .devtools-tab[selected] + .devtools-tab,
-#toolbox-tabs .devtools-tab[highlighted] + .devtools-tab {
- -moz-border-start-width: 0;
- -moz-padding-start: 1px;
-}
-
-#toolbox-tabs .devtools-tab:first-child[selected] {
- -moz-border-start-width: 0;
-}
-
-#toolbox-tabs .devtools-tab:last-child {
- -moz-border-end-width: 1px;
-}
-
-.devtools-tab:not([highlighted]) > .highlighted-icon,
-.devtools-tab[selected] > .highlighted-icon,
-.devtools-tab:not([selected])[highlighted] > .default-icon {
- visibility: collapse;
-}
-
-/* The options tab is special - it doesn't have the same parent
- as the other tabs (toolbox-option-container vs toolbox-tabs) */
-#toolbox-option-container .devtools-tab:not([selected]) {
- background-color: transparent;
-}
-#toolbox-option-container .devtools-tab {
- border-color: transparent;
- border-width: 0;
- -moz-padding-start: 1px;
-}
-#toolbox-tab-options > image {
- margin: 0 8px;
-}
-
-/* Invert the colors of certain dark theme images for displaying
- * inside of the light theme.
- */
-.theme-light .devtools-tab[icon-invertable] > image,
-.theme-light #toolbox-dock-buttons > toolbarbutton > image,
-.theme-light .command-button-invertable > image,
-.theme-light .command-button-invertable:active > image,
-.theme-light .devtools-closebutton > image,
-.theme-light .devtools-toolbarbutton > image,
-.theme-light .devtools-option-toolbarbutton > image,
-.theme-light #breadcrumb-separator-normal,
-.theme-light .scrollbutton-up > .toolbarbutton-icon,
-.theme-light .scrollbutton-down > .toolbarbutton-icon,
-.theme-light #black-boxed-message-button .button-icon,
-.theme-light .notice-container button .button-icon,
-.theme-light #requests-menu-perf-notice-button .button-icon,
-.theme-light #requests-menu-network-summary-button .button-icon,
-.theme-light .event-tooltip-debugger-icon,
-.theme-light .devtools-button::before {
- filter: url(filters.svg#invert);
-}
-
-/* Since selected backgrounds are blue, we want to use the normal
- * (light) icons. */
-.theme-light .command-button-invertable[checked=true]:not(:active) > image,
-.theme-light .devtools-tab[icon-invertable][selected] > image,
-.theme-light .devtools-tab[icon-invertable][highlighted] > image,
-.theme-light #record-snapshot[checked] > image,
-.theme-light #profiler-start[checked] > image,
-.theme-light .notice-container button[checked] .button-icon {
- filter: none !important;
-}
-
-.theme-light .command-button:hover {
- background-color: inherit;
-}
-
-.theme-light .command-button:hover:active,
-.theme-light .command-button[checked=true]:not(:hover) {
- background-color: inherit;
-}
-
-.hidden-labels-box:not(.visible) > label,
-.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
- display: none;
-}
-
-.devtools-invisible-splitter {
- border-color: transparent;
-}
-
-.devtools-horizontal-splitter {
- border-bottom: 1px solid var(--theme-splitter-color);
-}
-
-.devtools-side-splitter {
- -moz-border-end: 1px solid var(--theme-splitter-color);
- border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */
-}
-
-/* Throbbers */
-.devtools-throbber::before {
- content: "";
- display: inline-block;
- vertical-align: bottom;
- -moz-margin-end: 0.5em;
- width: 1em;
- height: 1em;
- border: 2px solid currentColor;
- border-right-color: transparent;
- border-radius: 50%;
- animation: 1.1s linear throbber-spin infinite;
-}
-
-@keyframes throbber-spin {
- from {
- transform: none;
- }
- to {
- transform: rotate(360deg);
- }
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png
deleted file mode 100644
index e8c1841..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png
deleted file mode 100644
index d784870..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png
deleted file mode 100644
index bd09ffb..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png
deleted file mode 100644
index 1784285..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/markup-view.css b/arc-firefox-theme/chrome/browser/devtools/markup-view.css
deleted file mode 100644
index fb3d958..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/markup-view.css
+++ /dev/null
@@ -1,112 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-* {
- padding: 0;
- margin: 0;
-}
-
-.more-nodes {
- padding-left: 16px;
-}
-
-.styleinspector-propertyeditor {
- border: 1px solid #CCC;
-}
-
-/* Draw a circle next to nodes that have a pseudo class lock.
- Center vertically with the 1.4em line height on .tag-line */
-.child.pseudoclass-locked::before {
- content: "";
- background: var(--theme-highlight-lightorange);
- border-radius: 50%;
- width: .8em;
- height: .8em;
- margin-top: .3em;
- left: 1px;
- position: absolute;
-}
-
-/* Selected nodes in the tree should have light selected text.
- theme-selected doesn't work in this case since the text is a
- sibling of the class, not a child. */
-.theme-selected ~ .editor,
-.theme-selected ~ .editor .theme-fg-color1,
-.theme-selected ~ .editor .theme-fg-color2,
-.theme-selected ~ .editor .theme-fg-color3,
-.theme-selected ~ .editor .theme-fg-color4,
-.theme-selected ~ .editor .theme-fg-color5,
-.theme-selected ~ .editor .theme-fg-color6,
-.theme-selected ~ .editor .theme-fg-color7 {
- color: var(--theme-selection-color);
-}
-
-/* In case a node isn't displayed in the page, we fade the syntax highlighting */
-.not-displayed .open,
-.not-displayed .close {
- opacity: .7;
-}
-
-.tag-line {
- padding-left: 2px;
-}
-
-/* Preview */
-
-#previewbar {
- position: fixed;
- top: 0;
- right: 0;
- width: 90px;
- background: black;
- border-left: 1px solid;
- border-bottom: 1px solid;
- overflow: hidden;
-}
-
-#previewbar {
- background: var(--theme-tab-toolbar-background);
- border-color: var(--theme-splitter-color);
-}
-
-#preview {
- position: absolute;
- top: 0;
- right: 5px;
- width: 80px;
- height: 100%;
- background-image: -moz-element(#root);
- background-repeat: no-repeat;
-}
-
-#previewbar.hide,
-#previewbar.disabled {
- display: none;
-}
-
-#viewbox {
- position: absolute;
- top: 0;
- right: 5px;
- width: 80px;
- border: 1px dashed #888;
- background: rgba(205,205,255,0.2);
- outline: 1px solid transparent;
-}
-
-/* Events */
-.markupview-events {
- font-size: 8px;
- font-weight: bold;
- line-height: 10px;
- border-radius: 3px;
- padding: 0px 2px;
- -moz-margin-start: 5px;
- -moz-user-select: none;
-}
-
-.markupview-events {
- background-color: var(--theme-body-color-alt);
- color: var(--theme-body-background);
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/memory.css b/arc-firefox-theme/chrome/browser/devtools/memory.css
deleted file mode 100644
index 78f8f1f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/memory.css
+++ /dev/null
@@ -1,81 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* CSS Variables specific to this panel that aren't defined by the themes */
-.theme-dark {
- --cell-border-color: rgba(255,255,255,0.15);
- --cell-border-color-light: rgba(255,255,255,0.1);
- --focus-cell-border-color: rgba(255,255,255,0.5);
- --row-alt-background-color: rgba(29,79,115,0.15);
- --row-hover-background-color: rgba(29,79,115,0.25);
-}
-
-.theme-light {
- --cell-border-color: rgba(0,0,0,0.15);
- --cell-border-color-light: rgba(0,0,0,0.1);
- --focus-cell-border-color: rgba(0,0,0,0.3);
- --row-alt-background-color: rgba(76,158,217,0.1);
- --row-hover-background-color: rgba(76,158,217,0.2);
-}
-
-.heap-view {
- position: relative;
-}
-
-.heap-view .theme-twisty {
- text-align: end;
-}
-
-.heap-tree-item {
- list-style-type: none;
- /* display: none; */
-}
-
-.heap-tree-item[expanded] {
- display: block;
-}
-
-.heap-tree-item:nth-child(2n) {
- background-color: var(--row-alt-background-color);
-}
-
-.heap-tree-item:hover {
- background-color: var(--row-hover-background-color);
-}
-
-.heap-tree-item:focus {
- background-color: var(--theme-selection-background);
-}
-
-.heap-tree-item:focus description {
- color: var(--theme-selection-color) !important;
-}
-
-.heap-tree-item:focus .call-tree-cell {
- -moz-border-end-color: var(--focus-cell-border-color);
-}
-
-
-.heap-tree-cell[type="bytes"], .heap-tree-cell[type="count"] {
- position: absolute;
- text-align: right;
- width: 40px;
-}
-
-.heap-tree-cell[type="name"] {
- width: 150px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display: block;
-}
-
-.heap-tree-cell[type="count"] {
- left: 300px;
-}
-
-.heap-tree-cell[type="bytes"] {
- left: 250px;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/netmonitor.css b/arc-firefox-theme/chrome/browser/devtools/netmonitor.css
deleted file mode 100644
index d47f112..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/netmonitor.css
+++ /dev/null
@@ -1,864 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-:root.theme-dark {
- --table-splitter-color: rgba(255,255,255,0.15);
- --table-zebra-background: rgba(255,255,255,0.05);
-}
-:root.theme-light {
- --table-splitter-color: rgba(0,0,0,0.15);
- --table-zebra-background: rgba(0,0,0,0.05);
-}
-
-#requests-menu-empty-notice {
- margin: 0;
- padding: 12px;
- font-size: 120%;
-}
-
-#notice-perf-message {
- margin-top: 2px;
-}
-
-#requests-menu-perf-notice-button {
- min-width: 30px;
- min-height: 26px;
- margin: 0;
- list-style-image: url(profiler-stopwatch.svg);
-}
-
-#requests-menu-perf-notice-button .button-text {
- display: none;
-}
-
-#requests-menu-reload-notice-button {
- min-height: 26px;
- margin: 0;
-}
-
-/* Network requests table */
-
-#requests-menu-toolbar {
- padding: 0;
-}
-
-.requests-menu-header:first-child,
-.requests-menu-subitem:first-child {
- -moz-padding-start: 6px;
-}
-
-.requests-menu-subitem {
- padding: 3px;
-}
-
-.requests-menu-header:not(:last-child),
-.requests-menu-subitem:not(:last-child) {
- -moz-border-end: 1px solid var(--table-splitter-color);
-}
-
-.requests-menu-header-button {
- -moz-appearance: none;
- background: none;
- min-width: 1px;
- min-height: 24px;
- margin: 0;
- border: none;
- padding: 0;
- color: inherit;
- font-weight: inherit !important;
- transition: background-color 0.1s ease-in-out;
-}
-
-.requests-menu-header-button:hover {
- background: rgba(0,0,0,0.10);
-}
-
-.requests-menu-header-button:hover:active {
- background: rgba(0,0,0,0.25);
-}
-
-.requests-menu-header-button:not(:active)[sorted] {
- background: rgba(0,0,0,0.15);
-}
-
-.requests-menu-header-button:not(:active)[sorted=ascending] {
- background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
- background-size: 100% 1px;
- background-repeat: no-repeat;
-}
-
-.requests-menu-header-button:not(:active)[sorted=descending] {
- background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: bottom;
-}
-
-/* Network requests table: specific column dimensions */
-
-.requests-menu-status-and-method {
- width: 12em;
-}
-
-.requests-menu-status {
- width: 20px;
- height: 10px;
-}
-
-.requests-menu-method {
- text-align: center;
- font-weight: 600;
-}
-
-.requests-menu-icon-and-file {
- width: 20vw;
- min-width: 4em;
-}
-
-.requests-menu-icon {
- background: #fff;
- width: calc(1em + 4px);
- height: calc(1em + 4px);
- margin: -4px 0px;
- -moz-margin-end: 4px;
-}
-
-.requests-menu-icon {
- outline: 1px solid var(--table-splitter-color);
-}
-
-.requests-menu-file {
- text-align: start;
-}
-
-.requests-menu-security-and-domain {
- width: 14vw;
- min-width: 10em;
-}
-
-.requests-security-state-icon {
- width: 16px;
- height: 16px;
- -moz-margin-end: 4px;
- cursor: pointer;
-}
-
-.security-state-insecure {
- list-style-image: url(chrome://browser/skin/identity-mixed-active-loaded.svg);
-}
-
-.security-state-secure {
- list-style-image: url(chrome://browser/skin/identity-secure.svg);
-}
-
-.security-state-weak {
- list-style-image: url(chrome://browser/skin/identity-mixed-passive-loaded.svg);
-}
-
-.security-state-broken {
- list-style-image: url(chrome://browser/skin/controlcenter/warning-gray.svg);
-}
-
-.security-state-local {
- list-style-image: url(chrome://browser/skin/identity-not-secure.svg);
-}
-
-.requests-menu-type {
- text-align: center;
- width: 4em;
-}
-
-.requests-menu-size {
- text-align: center;
- width: 8em;
-}
-
-.requests-menu-transferred {
- text-align: center;
- width: 8em;
-}
-
-/* Network requests table: status codes */
-
-box.requests-menu-status {
- background: #fff;
- width: 10px;
- -moz-margin-start: 5px;
- -moz-margin-end: 5px;
- border-radius: 10px;
- transition: box-shadow 0.5s ease-in-out;
-}
-
-label.requests-menu-status-code {
- -moz-margin-start: 3px !important;
- width: 3em;
- -moz-margin-end: -3em !important;
-}
-
-box.requests-menu-status:not([code]) {
- background-color: var(--theme-highlight-red);
- border-radius: 0; /* squares */
-}
-
-box.requests-menu-status[code="cached"] {
- border: 2px solid var(--theme-content-color2);
- background-color: transparent;
-}
-
-box.requests-menu-status[code^="1"] {
- background-color: var(---theme-highlight-blue);
-}
-
-box.requests-menu-status[code^="2"] {
- background-color: var(--theme-highlight-green);
-}
-
-/* 3xx are triangles */
-box.requests-menu-status[code^="3"] {
- background-color: transparent;
- width: 0;
- height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- border-bottom: 10px solid var(--theme-highlight-lightorange);
- border-radius: 0;
-}
-
-/* 4xx and 5xx are squares - error codes */
-box.requests-menu-status[code^="4"] {
- background-color: var(--theme-highlight-red);
- border-radius: 0; /* squares */
-}
-
-box.requests-menu-status[code^="5"] {
- background-color: var(--theme-highlight-pink);
- border-radius: 0;
- transform: rotate(45deg);
-}
-
-/* Network requests table: waterfall header */
-
-#requests-menu-waterfall-label {
- -moz-padding-start: 8px;
- -moz-padding-end: 8px;
-}
-
-.requests-menu-timings-division {
- width: 100px;
- padding-top: 2px;
- -moz-padding-start: 4px;
- font-size: 75%;
- pointer-events: none;
-}
-
-.requests-menu-timings-division:not(:first-child) {
- -moz-border-start: 1px dotted;
- -moz-margin-start: -100px !important; /* Don't affect layout. */
-}
-
-.requests-menu-timings-division:-moz-locale-dir(ltr) {
- transform-origin: left center;
-}
-
-.requests-menu-timings-division:-moz-locale-dir(rtl) {
- transform-origin: right center;
-}
-
-.theme-dark .requests-menu-timings-division[division-scale=millisecond] {
- -moz-border-start-color: var(--theme-selection-color) !important;
-}
-
-.theme-light .requests-menu-timings-division[division-scale=millisecond] {
- -moz-border-start-color: var(--theme-body-color-alt) !important;
-}
-
-.theme-dark .requests-menu-timings-division[division-scale=second] {
- -moz-border-start-color: var(--theme-selection-color) !important;
- font-weight: 600;
-}
-
-.theme-light .requests-menu-timings-division[division-scale=second] {
- -moz-border-start-color: var(--theme-body-color-alt) !important;
- font-weight: 600;
-}
-
-.theme-dark .requests-menu-timings-division[division-scale=minute] {
- -moz-border-start-color: var(--theme-selection-color) !important;
- font-weight: 600;
-}
-
-.theme-light .requests-menu-timings-division[division-scale=minute] {
- -moz-border-start-color: var(--theme-body-color-alt) !important;
- font-weight: 600;
-}
-
-/* Network requests table: waterfall items */
-
-.requests-menu-subitem.requests-menu-waterfall {
- -moz-padding-start: 0px;
- -moz-padding-end: 4px;
- /* Background created on a <canvas> in js. */
- /* @see browser/devtools/netmonitor/netmonitor-view.js */
- background-image: -moz-element(#waterfall-background);
- background-repeat: repeat-y;
- background-position: -1px center;
-}
-
-.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
- background-position: right center;
-}
-
-.requests-menu-timings:-moz-locale-dir(ltr) {
- transform-origin: left center;
-}
-
-.requests-menu-timings:-moz-locale-dir(rtl) {
- transform-origin: right center;
-}
-
-.requests-menu-timings-total:-moz-locale-dir(ltr) {
- transform-origin: left center;
-}
-
-.requests-menu-timings-total:-moz-locale-dir(rtl) {
- transform-origin: right center;
-}
-
-.requests-menu-timings-total {
- -moz-padding-start: 4px;
- font-size: 85%;
- font-weight: 600;
-}
-
-.requests-menu-timings-box {
- height: 9px;
-}
-
-.requests-menu-timings-box.blocked {
- background-color: rgba(235, 83, 104, 0.8); /* red */
-}
-
-.requests-menu-timings-box.dns {
- background-color: rgba(223, 128, 255, 0.8); /* pink */
-}
-
-.requests-menu-timings-box.connect {
- background-color: rgba(217, 102, 41, 0.8); /* orange */
-}
-
-/* Use custom colors for dark and light theme on remaining timing types. */
-.theme-dark .requests-menu-timings-box.send {
- background-color: rgba(70, 175, 227, 0.8); /* light blue */
-}
-
-.theme-light .requests-menu-timings-box.send {
- background-color: rgba(0, 136, 204, 0.8); /* blue */
-}
-
-.theme-dark .requests-menu-timings-box.wait {
- background-color: rgba(94, 136, 176, 0.8); /* blue grey */
-}
-
-.theme-light .requests-menu-timings-box.wait {
- background-color: rgba(95, 136, 176, 0.8); /* blue grey */
-}
-
-.theme-dark .requests-menu-timings-box.receive {
- background-color: rgba(112, 191, 83, 0.8); /* green */
-}
-
-.theme-light .requests-menu-timings-box.receive {
- background-color: rgba(44, 187, 15, 0.8); /* green */
-}
-
-/* SideMenuWidget */
-#network-table .side-menu-widget-empty-text,
-#network-table .side-menu-widget-container {
- background-color: var(--theme-body-background);
-}
-
-#network-table .side-menu-widget-item {
- border-top-color: transparent;
- border-bottom-color: transparent;
-}
-
-.side-menu-widget-item-contents {
- padding: 0px;
-}
-
-.side-menu-widget-item:not(.selected)[odd] {
- background-color: var(--table-zebra-background);
-}
-
-.side-menu-widget-item:not(.selected):hover {
- background-color: var(--theme-selection-background-semitransparent);
-}
-
-/* Network request details */
-
-#details-pane-toggle {
- background: none;
- box-shadow: none;
- border-color: transparent;
- list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#details-pane-toggle > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
-#details-pane-toggle[pane-collapsed] {
- list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
-}
-
-#details-pane-toggle:active {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- #details-pane-toggle {
- list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
- -moz-image-region: rect(0px,32px,32px,0px);
- }
-
- #details-pane-toggle[pane-collapsed] {
- list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png");
- }
-
- #details-pane-toggle:active {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-}
-
-/* Network request details tabpanels */
-
-.tabpanel-content {
- background-color: var(--theme-sidebar-background);
-}
-
-.theme-dark .tabpanel-content {
- color: var(--theme-selection-color);
-}
-
-#headers-tabpanel {
- background-color: var(--theme-toolbar-background);
-}
-
-/* Summary tabpanel */
-
-.tabpanel-summary-container {
- padding: 1px;
-}
-
-.tabpanel-summary-label {
- -moz-padding-start: 4px;
- -moz-padding-end: 3px;
- font-weight: 600;
-}
-
-.tabpanel-summary-value {
- color: inherit;
- -moz-padding-start: 3px;
-}
-
-.theme-dark .tabpanel-summary-value {
- color: var(--theme-selection-color);
-}
-
-/* Headers tabpanel */
-
-#headers-summary-status,
-#headers-summary-version {
- padding-bottom: 2px;
-}
-
-#headers-summary-size {
- padding-top: 2px;
-}
-
-#headers-summary-resend {
- margin-top: -10px;
- -moz-margin-end: 6px;
-}
-
-#toggle-raw-headers {
- margin-top: -10px;
- -moz-margin-end: 6px;
-}
-
-.raw-response-textarea {
- height: 50vh;
-}
-
-/* Response tabpanel */
-
-#response-content-info-header {
- margin: 0;
- padding: 3px 8px;
- background-color: var(--theme-highlight-red);
- color: var(--theme-selection-color);
-}
-
-#response-content-image-box {
- padding-top: 10px;
- padding-bottom: 10px;
-}
-
-#response-content-image {
- background: #fff;
- border: 1px dashed GrayText;
- margin-bottom: 10px;
-}
-
-/* Preview tabpanel */
-
-#preview-tabpanel {
- background: #fff;
-}
-
-#response-preview {
- display: -moz-box;
- -moz-box-flex: 1;
-}
-
-/* Timings tabpanel */
-
-#timings-tabpanel .tabpanel-summary-label {
- width: 10em;
-}
-
-#timings-tabpanel .requests-menu-timings-box {
- transition: transform 0.2s ease-out;
- border: none;
- min-width: 1px;
-}
-
-#timings-tabpanel .requests-menu-timings-total {
- transition: transform 0.2s ease-out;
-}
-
-/* Security tabpanel */
-.security-info-section {
- -moz-padding-start: 1em;
-}
-
-.theme-dark #security-error-message {
- color: var(--theme-selection-color);
-}
-
-#security-tabpanel {
- overflow: auto;
-}
-
-.security-warning-icon {
- background-image: url(alerticon-warning.png);
- background-size: 13px 12px;
- -moz-margin-start: 5px;
- vertical-align: top;
- width: 13px;
- height: 12px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .security-warning-icon {
- background-image: url(alerticon-warning@2x.png);
- }
-}
-
-/* Custom request form */
-
-#custom-pane {
- padding: 0.6em 0.5em;
-}
-
-.custom-header {
- font-size: 1.1em;
-}
-
-.custom-section {
- margin-top: 0.5em;
-}
-
-#custom-method-value {
- width: 4.5em;
-}
-
-/* Footer */
-
-#requests-menu-footer {
- background-color: var(--theme-toolbar-background);
- border-top: 1px solid var(--table-splitter-color);
-}
-
-.requests-menu-footer-button,
-.requests-menu-footer-label {
- min-width: 1em;
- margin: 0;
- border: none;
- padding: 2px 1vw;
-}
-
-.theme-dark .requests-menu-footer-button,
-.theme-dark .requests-menu-footer-label {
- color: var(--theme-selection-color);
-}
-
-.theme-light .requests-menu-footer-button,
-.theme-light .requests-menu-footer-label {
- color: var(--theme-body-color);
-}
-
-.requests-menu-footer-spacer {
- min-width: 2px;
-}
-
-.theme-dark .requests-menu-footer-spacer:not(:first-child),
-.theme-dark .requests-menu-footer-button:not(:first-child) {
- -moz-border-start: 1px solid var(--table-splitter-color);
-}
-
-.theme-light .requests-menu-footer-spacer:not(:first-child),
-.theme-light .requests-menu-footer-button:not(:first-child) {
- -moz-border-start: 1px solid var(--table-splitter-color);
-}
-
-.requests-menu-footer-button {
- -moz-appearance: none;
- background: rgba(0,0,0,0.025);
-}
-
-.requests-menu-footer-button:hover {
- background: rgba(0,0,0,0.10);
-}
-
-.requests-menu-footer-button:hover:active {
- background-color: var(--theme-selection-background-semitransparent);
-}
-
-.requests-menu-footer-button:not(:active)[checked] {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.requests-menu-footer-label {
- padding-top: 3px;
- font-weight: 600;
-}
-
-#requests-menu-filter-freetext-text {
- transition-property: max-width, -moz-padding-end, -moz-padding-start;
- transition-duration: 250ms;
- transition-timing-function: ease;
-}
-
-#requests-menu-filter-freetext-text:not([focused]):not([filled]) > .textbox-input-box {
- overflow: hidden;
-}
-
-#requests-menu-filter-freetext-text:not([focused]):not([filled]) {
- max-width: 20px !important;
- -moz-padding-end: 5px;
- -moz-padding-start: 22px;
- background-position: 8px center, top left, top left;
-}
-
-#requests-menu-filter-freetext-text[focused],
-#requests-menu-filter-freetext-text[filled] {
- max-width: 200px !important;
-}
-
-/* Performance analysis buttons */
-
-#requests-menu-network-summary-button {
- background: none;
- box-shadow: none;
- border-color: transparent;
- list-style-image: url(profiler-stopwatch.svg);
- -moz-padding-end: 0;
- cursor: pointer;
-}
-
-#requests-menu-network-summary-label {
- -moz-padding-start: 0;
- cursor: pointer;
-}
-
-#requests-menu-network-summary-label:hover {
- text-decoration: underline;
-}
-
-/* Performance analysis view */
-
-#network-statistics-toolbar {
- border: none;
- margin: 0;
- padding: 0;
-}
-
-#network-statistics-back-button {
- min-width: 4em;
- min-height: 100vh;
- margin: 0;
- padding: 0;
- border-radius: 0;
- border-top: none;
- border-bottom: none;
- -moz-border-start: none;
-}
-
-#network-statistics-view-splitter {
- border-color: rgba(0,0,0,0.2);
- cursor: default;
- pointer-events: none;
-}
-
-#network-statistics-charts {
- min-height: 1px;
-}
-
-#network-statistics-charts {
- background-color: var(--theme-sidebar-background);
-}
-
-#network-statistics-charts .pie-chart-container {
- -moz-margin-start: 3vw;
- -moz-margin-end: 1vw;
-}
-
-#network-statistics-charts .table-chart-container {
- -moz-margin-start: 1vw;
- -moz-margin-end: 3vw;
-}
-
-.chart-colored-blob[name=html] {
- fill: var(--theme-highlight-bluegrey);
- background: var(--theme-highlight-bluegrey);
-}
-
-.chart-colored-blob[name=css] {
- fill: var(--theme-highlight-blue);
- background: var(--theme-highlight-blue);
-}
-
-.chart-colored-blob[name=js] {
- fill: var(--theme-highlight-lightorange);
- background: var(--theme-highlight-lightorange);
-}
-
-.chart-colored-blob[name=xhr] {
- fill: var(--theme-highlight-orange);
- background: var(--theme-highlight-orange);
-}
-
-.chart-colored-blob[name=fonts] {
- fill: var(--theme-highlight-purple);
- background: var(--theme-highlight-purple);
-}
-
-.chart-colored-blob[name=images] {
- fill: var(--theme-highlight-pink);
- background: var(--theme-highlight-pink);
-}
-
-.chart-colored-blob[name=media] {
- fill: var(--theme-highlight-green);
- background: var(--theme-highlight-green);
-}
-
-.chart-colored-blob[name=flash] {
- fill: var(--theme-highlight-red);
- background: var(--theme-highlight-red);
-}
-
-.table-chart-row-label[name=cached] {
- display: none;
-}
-
-.table-chart-row-label[name=count] {
- width: 3em;
- text-align: end;
-}
-
-.table-chart-row-label[name=label] {
- width: 7em;
-}
-
-.table-chart-row-label[name=size] {
- width: 7em;
-}
-
-.table-chart-row-label[name=time] {
- width: 7em;
-}
-
-/* Responsive sidebar */
-@media (max-width: 700px) {
- #requests-menu-toolbar {
- height: 22px;
- }
-
- .requests-menu-header-button {
- min-height: 20px;
- }
-
- #details-pane {
- margin: 0 !important;
- /* To prevent all the margin hacks to hide the sidebar. */
- }
-
- .requests-menu-status-and-method {
- width: 16vw;
- }
-
- .requests-menu-icon-and-file {
- width: 30vw;
- }
-
- .requests-menu-security-and-domain {
- width: 30vw;
- }
-
- .requests-menu-type {
- width: 8vw;
- }
-
- .requests-menu-size {
- width: 16vw;
- border-width: 0 !important;
- box-shadow: none !important;
- /* The "Timeline" header is not visible anymore, and thus the
- right border and box-shadow of "Size" column should be hidden. */
- }
-}
-
-/* Platform overrides (copied in from the old platform specific files) */
-#headers-summary-resend {
- padding: 4px;
-}
-
-#toggle-raw-headers {
- padding: 4px;
-}
-
-.requests-menu-status-and-method {
- width: 9em;
-}
-
-.requests-menu-security-and-domain {
- width: 16vw;
-}
-
-.requests-menu-size {
- width: 6em;
-}
-
-/* Responsive sidebar */
-@media (max-width: 700px) {
- .requests-menu-header-button {
- font-size: 85%;
- }
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png
deleted file mode 100644
index 2d29c2c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png
deleted file mode 100644
index 6feba0e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab.png b/arc-firefox-theme/chrome/browser/devtools/newtab.png
deleted file mode 100644
index 32e42b0..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/newtab.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png b/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png
deleted file mode 100644
index ffde5f0..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/noise.png b/arc-firefox-theme/chrome/browser/devtools/noise.png
deleted file mode 100644
index 01d340a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/noise.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg b/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg
deleted file mode 100644
index a115938..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg
+++ /dev/null
@@ -1,45 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px">
- <style>
- g {
- fill: #babec3;
- }
- g:not(:target) {
- display: none;
- }
- </style>
- <g id="overview-markers">
- <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>
- <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
- <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>
- <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>
- <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>
- <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>
- </g>
- <g id="overview-frames">
- <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>
- <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>
- <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>
- <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>
- </g>
- <g id="details-waterfall">
- <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
- <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>
- <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>
- </g>
- <g id="details-call-tree">
- <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
- <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
- <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>
- <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>
- </g>
- <g id="details-flamegraph">
- <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
- <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
- <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>
- <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>
- <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/performance.css b/arc-firefox-theme/chrome/browser/devtools/performance.css
deleted file mode 100644
index 4279a16..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/performance.css
+++ /dev/null
@@ -1,758 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* CSS Variables specific to this panel that aren't defined by the themes */
-.theme-dark {
- --cell-border-color: rgba(255,255,255,0.15);
- --cell-border-color-light: rgba(255,255,255,0.1);
- --focus-cell-border-color: rgba(255,255,255,0.5);
- --row-alt-background-color: rgba(29,79,115,0.15);
- --row-hover-background-color: rgba(29,79,115,0.25);
-}
-
-.theme-light {
- --cell-border-color: rgba(0,0,0,0.15);
- --cell-border-color-light: rgba(0,0,0,0.1);
- --focus-cell-border-color: rgba(0,0,0,0.3);
- --row-alt-background-color: rgba(76,158,217,0.1);
- --row-hover-background-color: rgba(76,158,217,0.2);
-}
-
-/**
- * A generic class to hide elements, replacing the `element.hidden` attribute
- * that we use to hide elements that can later be active
- */
-.hidden {
- display: none;
- width: 0px;
- height: 0px;
-}
-
-/* Toolbar */
-
-#performance-toolbar-control-other {
- -moz-padding-end: 5px;
-}
-
-#performance-toolbar-controls-detail-views .toolbarbutton-text {
- -moz-padding-start: 4px;
- -moz-padding-end: 8px;
-}
-
-#filter-button {
- list-style-image: url(timeline-filter.svg#filter);
- min-width: 24px;
-}
-
-#filter-button[disabled] {
- list-style-image: url(timeline-filter.svg#filter-disabled);
-}
-
-#filter-button[open] {
- list-style-image: url(timeline-filter.svg#filter-open);
-}
-
-#performance-filter-menupopup > menuitem:before {
- content: "";
- display: block;
- width: 8px;
- height: 8px;
- margin: 0 8px;
- border-radius: 1px;
-}
-
-/* Details panel buttons */
-
-#select-waterfall-view {
- list-style-image: url(performance-icons.svg#details-waterfall);
-}
-
-#select-js-calltree-view,
-#select-memory-calltree-view {
- list-style-image: url(performance-icons.svg#details-call-tree);
-}
-
-#select-js-flamegraph-view,
-#select-memory-flamegraph-view {
- list-style-image: url(performance-icons.svg#details-flamegraph);
-}
-
-#select-optimizations-view {
- list-style-image: url(profiler-stopwatch.svg);
-}
-
-/* Recording buttons */
-
-#main-record-button {
- list-style-image: url(profiler-stopwatch.svg);
-}
-
-#main-record-button[checked] {
- list-style-image: url(profiler-stopwatch-checked.svg);
-}
-
-#main-record-button .button-icon {
- margin: 0;
-}
-
-#main-record-button .button-text {
- display: none;
-}
-
-.notice-container .record-button {
- padding: 5px !important;
-}
-
-.notice-container .record-button[checked],
-.notice-container .record-button[checked] {
- color: var(--theme-selection-color) !important;
- background: var(--theme-selection-background) !important;
-}
-
-.record-button[locked] {
- pointer-events: none;
- opacity: 0.5;
-}
-
-/* Sidebar & recording items */
-
-.recording-item {
- padding: 4px;
-}
-
-.recording-item-title {
- font-size: 110%;
-}
-
-.recording-item-footer {
- padding-top: 4px;
- font-size: 90%;
-}
-
-.recording-item-save {
- text-decoration: underline;
- cursor: pointer;
-}
-
-.recording-item-duration,
-.recording-item-save {
- color: var(--theme-body-color-alt);
-}
-
-#recordings-list .selected label {
- /* Text inside a selected item should not be custom colored. */
- color: inherit !important;
-}
-
-/* Recording notices */
-
-.notice-container {
- font-size: 120%;
- background-color: var(--theme-toolbar-background);
- color: var(--theme-body-color);
- padding-bottom: 20vh;
-}
-
-.console-profile-command {
- font-family: monospace;
- margin: 3px 2px;
-}
-
-.realtime-disabled-message,
-.realtime-disabled-on-e10s-message {
- display: none;
-}
-
-#performance-view[e10s="disabled"] .realtime-disabled-on-e10s-message {
- display: initial;
- opacity: 0.5;
-
-}
-#performance-view[e10s="unsupported"] .realtime-disabled-message {
- display: initial;
- opacity: 0.5;
-}
-
-.buffer-status-message,
-.buffer-status-message-full {
- display: none;
-}
-
-#details-pane-container[buffer-status="in-progress"] .buffer-status-message {
- display: initial;
- opacity: 0.5;
-}
-
-#details-pane-container[buffer-status="full"] .buffer-status-message {
- display: initial;
- color: var(--theme-highlight-red);
- font-weight: bold;
- opacity: 1;
-}
-
-#details-pane-container[buffer-status="full"] .buffer-status-message-full {
- display: initial;
-}
-
-/* Profile call tree */
-
-.call-tree-cells-container {
- overflow: auto;
-}
-
-.call-tree-cells-container[categories-hidden] .call-tree-category {
- display: none;
-}
-
-.call-tree-header {
- font-size: 90%;
- padding-top: 2px !important;
- padding-bottom: 2px !important;
-}
-
-.call-tree-header[type="duration"],
-.call-tree-cell[type="duration"],
-.call-tree-header[type="self-duration"],
-.call-tree-cell[type="self-duration"] {
- width: 6vw;
-}
-
-.call-tree-header[type="percentage"],
-.call-tree-cell[type="percentage"],
-.call-tree-header[type="self-percentage"],
-.call-tree-cell[type="self-percentage"] {
- width: 5vw;
-}
-
-.call-tree-header[type="samples"],
-.call-tree-cell[type="samples"] {
- width: 4.5vw;
-}
-
-.call-tree-header[type="count"],
-.call-tree-cell[type="count"],
-.call-tree-header[type="self-count"],
-.call-tree-cell[type="self-count"],
-.call-tree-header[type="size"],
-.call-tree-cell[type="size"],
-.call-tree-header[type="self-size"],
-.call-tree-cell[type="self-size"],
-.call-tree-header[type="count-percentage"],
-.call-tree-cell[type="count-percentage"],
-.call-tree-header[type="self-count-percentage"],
-.call-tree-cell[type="self-count-percentage"],
-.call-tree-header[type="size-percentage"],
-.call-tree-cell[type="size-percentage"],
-.call-tree-header[type="self-size-percentage"],
-.call-tree-cell[type="self-size-percentage"] {
- width: 6vw;
-}
-
-.call-tree-header[type="function"],
-.call-tree-cell[type="function"] {
- -moz-box-flex: 1;
-}
-
-.call-tree-header,
-.call-tree-cell {
- -moz-box-align: center;
- overflow: hidden;
- padding: 1px 4px;
- color: var(--theme-body-color);
- -moz-border-end-color: var(--cell-border-color);
-}
-
-.call-tree-header:not(:last-child),
-.call-tree-cell:not(:last-child) {
- -moz-border-end-width: 1px;
- -moz-border-end-style: solid;
-}
-
-.call-tree-header:not(:last-child) {
- text-align: center;
-}
-
-.call-tree-cell:not(:last-child) {
- text-align: end;
-}
-
-.call-tree-header {
- background-color: var(--theme-tab-toolbar-background);
-}
-
-.call-tree-item:last-child {
- border-bottom: 1px solid var(--cell-border-color);
-}
-
-.call-tree-item:nth-child(2n) {
- background-color: var(--row-alt-background-color);
-}
-
-.call-tree-item:hover {
- background-color: var(--row-hover-background-color);
-}
-
-.call-tree-item:focus {
- background-color: var(--theme-selection-background);
-}
-
-.call-tree-item:focus description {
- color: var(--theme-selection-color) !important;
-}
-
-.call-tree-item:focus .call-tree-cell {
- -moz-border-end-color: var(--focus-cell-border-color);
-}
-
-.call-tree-item:not([origin="content"]) .call-tree-name,
-.call-tree-item:not([origin="content"]) .call-tree-url,
-.call-tree-item:not([origin="content"]) .call-tree-line,
-.call-tree-item:not([origin="content"]) .call-tree-column {
- /* Style chrome and non-JS nodes differently. */
- opacity: 0.6;
-}
-
-.call-tree-name {
- -moz-margin-end: 4px !important;
-}
-
-.call-tree-url {
- cursor: pointer;
-}
-
-.call-tree-url:hover {
- text-decoration: underline;
-}
-
-.call-tree-url, .tree-widget-item:not(.theme-selected) .opt-url {
- color: var(--theme-highlight-blue);
-}
-
-.call-tree-line, .tree-widget-item:not(.theme-selected) .opt-line {
- color: var(--theme-highlight-orange);
-}
-
-.call-tree-column {
- color: var(--theme-highlight-orange);
- opacity: 0.6;
-}
-
-.call-tree-host {
- -moz-margin-start: 8px !important;
- font-size: 90%;
- color: var(--theme-content-color2);
-}
-
-.call-tree-category {
- transform: scale(0.75);
- transform-origin: center right;
-}
-
-/**
- * Waterfall ticks header
- */
-
-.waterfall-header-ticks {
- overflow: hidden;
-}
-
-.waterfall-header-name {
- padding: 2px 4px;
- font-size: 90%;
-}
-
-.waterfall-header-tick {
- width: 100px;
- font-size: 9px;
- transform-origin: left center;
- color: var(--theme-body-color);
-}
-
-.waterfall-header-tick:not(:first-child) {
- -moz-margin-start: -100px !important; /* Don't affect layout. */
-}
-
-.waterfall-background-ticks {
- /* Background created on a <canvas> in js. */
- /* @see browser/devtools/timeline/widgets/waterfall.js */
- background-image: -moz-element(#waterfall-background);
- background-repeat: repeat-y;
- background-position: -1px center;
-}
-
-/**
- * Markers waterfall breakdown
- */
-
-#waterfall-breakdown {
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-.theme-light .waterfall-tree-item:not([level="0"]) {
- background-image: repeating-linear-gradient(
- -45deg,
- transparent 0px,
- transparent 2px,
- rgba(0,0,0,0.025) 2px,
- rgba(0,0,0,0.025) 4px
- );
-}
-
-.theme-dark .waterfall-tree-item:not([level="0"]) {
- background-image: repeating-linear-gradient(
- -45deg,
- transparent 0px,
- transparent 2px,
- rgba(255,255,255,0.05) 2px,
- rgba(255,255,255,0.05) 4px
- );
-}
-
-.theme-light .waterfall-tree-item[expandable] .waterfall-marker-bullet,
-.theme-light .waterfall-tree-item[expandable] .waterfall-marker-bar {
- background-image: repeating-linear-gradient(
- -45deg,
- transparent 0px,
- transparent 5px,
- rgba(255,255,255,0.35) 5px,
- rgba(255,255,255,0.35) 10px
- );
-}
-
-.theme-dark .waterfall-tree-item[expandable] .waterfall-marker-bullet,
-.theme-dark .waterfall-tree-item[expandable] .waterfall-marker-bar {
- background-image: repeating-linear-gradient(
- -45deg,
- transparent 0px,
- transparent 5px,
- rgba(0,0,0,0.35) 5px,
- rgba(0,0,0,0.35) 10px
- );
-}
-
-.waterfall-tree-item[expanded],
-.waterfall-tree-item:not([level="0"]) + .waterfall-tree-item[level="0"] {
- box-shadow: 0 -1px var(--cell-border-color-light);
-}
-
-.waterfall-tree-item:nth-child(2n) > .waterfall-marker {
- background-color: var(--row-alt-background-color);
-}
-
-.waterfall-tree-item:hover {
- background-color: var(--row-hover-background-color);
-}
-
-.waterfall-tree-item:last-child {
- border-bottom: 1px solid var(--cell-border-color);
-}
-
-.waterfall-tree-item:focus {
- background-color: var(--theme-selection-background);
-}
-
-.waterfall-tree-item:focus description {
- color: var(--theme-selection-color) !important;
-}
-
-/**
- * Marker left sidebar
- */
-
-.waterfall-sidebar {
- -moz-border-end: 1px solid var(--cell-border-color);
-}
-
-.waterfall-tree-item > .waterfall-sidebar:hover,
-.waterfall-tree-item:hover > .waterfall-sidebar,
-.waterfall-tree-item:focus > .waterfall-sidebar {
- background: transparent;
-}
-
-.waterfall-marker-bullet {
- width: 8px;
- height: 8px;
- -moz-margin-start: 8px;
- -moz-margin-end: 6px;
- border-radius: 1px;
-}
-
-.waterfall-marker-name {
- font-size: 95%;
- padding-bottom: 1px !important;
-}
-
-/**
- * Marker timebar
- */
-
-.waterfall-marker {
- overflow: hidden;
-}
-
-.waterfall-marker-bar {
- height: 9px;
- transform-origin: left center;
- border-radius: 1px;
-}
-
-.waterfall-marker > .theme-twisty {
- /* Don't affect layout. */
- width: 14px;
- -moz-margin-end: -14px;
-}
-
-/**
- * Marker details view
- */
-
-#waterfall-details {
- -moz-padding-start: 8px;
- -moz-padding-end: 8px;
- padding-top: 2vh;
- overflow: auto;
- min-width: 50px;
-}
-
-#waterfall-details > * {
- padding-top: 3px;
-}
-
-.marker-details-bullet {
- width: 8px;
- height: 8px;
- border-radius: 1px;
-}
-
-.marker-details-labelname {
- -moz-padding-end: 4px;
-}
-
-.marker-details-type {
- font-size: 1.2em;
- font-weight: bold;
-}
-
-.marker-details-duration {
- font-weight: bold;
-}
-
-.marker-details-customcontainer .custom-button {
- padding: 2px 5px;
- border-width: 1px;
-}
-
-/**
- * Marker colors
- */
-
-menuitem.marker-color-graphs-green:before,
-.marker-color-graphs-green {
- background-color: var(--theme-graphs-green);
-}
-menuitem.marker-color-graphs-blue:before,
-.marker-color-graphs-blue {
- background-color: var(--theme-graphs-blue);
-}
-menuitem.marker-color-graphs-bluegrey:before,
-.marker-color-graphs-bluegrey {
- background-color: var(--theme-graphs-bluegrey);
-}
-menuitem.marker-color-graphs-purple:before,
-.marker-color-graphs-purple {
- background-color: var(--theme-graphs-purple);
-}
-menuitem.marker-color-graphs-yellow:before,
-.marker-color-graphs-yellow {
- background-color: var(--theme-graphs-yellow);
-}
-menuitem.marker-color-graphs-red:before,
-.marker-color-graphs-red {
- background-color: var(--theme-graphs-red);
-}
-menuitem.marker-color-graphs-grey:before,
-.marker-color-graphs-grey{
- background-color: var(--theme-graphs-grey);
-}
-
-/**
- * JIT View
- */
-
-#jit-optimizations-view {
- width: 350px;
- overflow-x: hidden;
- overflow-y: auto;
- min-width: 200px;
-}
-
-#optimizations-graph {
- height: 30px;
-}
-
-#jit-optimizations-view.empty #optimizations-graph {
- display: none !important;
-}
-
-/* override default styles for tree widget */
-#jit-optimizations-view .tree-widget-empty-text {
- font-size: inherit;
- padding: 0px;
- margin: 8px;
-}
-
-#jit-optimizations-view:not(.empty) .tree-widget-empty-text {
- display: none;
-}
-
-#jit-optimizations-toolbar {
- height: 18px;
- min-height: 0px; /* override .devtools-toolbar min-height */
-}
-
-.jit-optimizations-title {
- margin: 0px 4px;
- font-weight: 600;
-}
-
-#jit-optimizations-raw-view {
- font-size: 90%;
-}
-
-/* override default .tree-widget-item line-height */
-#jit-optimizations-raw-view .tree-widget-item {
- line-height: 20px !important;
- display: block;
- overflow: hidden;
-}
-
-#jit-optimizations-raw-view .tree-widget-item[level="1"] {
- font-weight: 600;
-}
-
-#jit-optimizations-view .opt-outcome::before {
- content: "→";
- margin: 4px 0px;
- color: var(--theme-body-color);
-}
-#jit-optimizations-view .theme-selected .opt-outcome::before {
- color: var(--theme-selection-color);
-}
-
-#jit-optimizations-view .tree-widget-item:not(.theme-selected) .opt-outcome[outcome=success] {
- color: var(--theme-highlight-green);
-}
-#jit-optimizations-view .tree-widget-item:not(.theme-selected) .opt-outcome[outcome=failure] {
- color: var(--theme-highlight-red);
-}
-#jit-optimizations-view .tree-widget-container {
- -moz-margin-end: 0px;
-}
-#jit-optimizations-view .tree-widget-container > li,
-#jit-optimizations-view .tree-widget-children > li {
- overflow: hidden;
-}
-
-.opt-line::before {
- content: ":";
- color: var(--theme-highlight-orange);
-}
-.theme-selected .opt-line::before {
- color: var(--theme-selection-color);
-}
-.opt-line.header-line::before {
- color: var(--theme-body-color);
-}
-#jit-optimizations-view.empty .opt-line.header-line::before {
- display: none;
-}
-
-.opt-url {
- -moz-margin-start: 4px !important;
-}
-.opt-url:hover {
- text-decoration: underline;
-}
-.opt-url.debugger-link {
- cursor: pointer;
-}
-
-.opt-icon::before {
- content: "";
- background-image: url(chrome://browser/skin/devtools/webconsole.svg);
- background-repeat: no-repeat;
- background-size: 72px 60px;
- /* show grey "i" bubble by default */
- background-position: -36px -36px;
- width: 12px;
- height: 12px;
- display: inline-block;
-
- max-height: 12px;
-}
-
-#jit-optimizations-view .opt-icon::before {
- margin: 5px 6px 0 0;
-}
-description.opt-icon {
- margin: 0px 0px 0px 0px;
-}
-description.opt-icon::before {
- margin: 1px 4px 0px 0px;
-}
-.theme-light .opt-icon::before {
- background-image: url(chrome://browser/skin/devtools/webconsole.svg#light-icons);
-}
-.opt-icon[severity=warning]::before {
- background-position: -24px -24px;
-}
-
-ul.frames-list {
- list-style-type: none;
- padding: 0px;
- margin: 0px;
-}
-
-ul.frames-list li {
- cursor: pointer;
-}
-
-ul.frames-list li.selected {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-/**
- * Configurable Options
- *
- * Elements can be tagged with a class and visibility is controlled via a
- * preference being applied or removed.
- */
-
-/**
- * devtools.performance.ui.experimental
- */
-menuitem.experimental-option::before {
- content: "";
- background-image: url(chrome://browser/skin/devtools/webconsole.svg);
- background-repeat: no-repeat;
- background-size: 72px 60px;
- width: 12px;
- height: 12px;
- display: inline-block;
-
- background-position: -24px -24px;
- margin: 2px 5px 0 0;
- max-height: 12px;
-}
-.theme-light menuitem.experimental-option::before {
- background-image: url(chrome://browser/skin/devtools/webconsole.svg#light-icons);
-}
-
-#performance-options-menupopup:not(.experimental-enabled) .experimental-option,
-#performance-options-menupopup:not(.experimental-enabled) .experimental-option::before {
- display: none;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/power.svg b/arc-firefox-theme/chrome/browser/devtools/power.svg
deleted file mode 100644
index d3a3284..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/power.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<!--
-Logo from raphaeljs.com, MIT License
-
-Copyright © 2008 Dmitry Baranovskiy
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-The software is provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.
--->
-<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
- <path stroke="#babec3" stroke-width="0" fill="#babec3" d="m10.89891,2.50043c-0.49827,-0.24134 -1.09841,-0.03411 -1.34129,0.46514c-0.24185,0.49928 -0.03311,1.09942 0.46517,1.34128c1.56306,0.76071 2.64193,2.36094 2.64092,4.21555c-0.00501,2.58626 -2.09749,4.6787 -4.68322,4.68321c-2.58623,-0.005 -4.67869,-2.09746 -4.68371,-4.68321c-0.001,-1.85561 1.07834,-3.45731 2.64294,-4.21654c0.49928,-0.24185 0.7065,-0.84201 0.46514,-1.34129c-0.24185,-0.49825 -0.84098,-0.70697 -1.34029,-0.46513c-2.23396,1.08135 -3.77446,3.37351 -3.77545,6.02296c0.00099,3.69518 2.99518,6.68989 6.69138,6.69088c3.6957,-0.00099 6.69037,-2.9957 6.69089,-6.69088c-0.00102,-2.64846 -1.53948,-4.9391 -3.77247,-6.02197zm-2.91842,4.9346c0.55398,0 1.00309,-0.44861 1.00309,-1.00357l0,-4.68373c0,-0.55446 -0.44911,-1.00309 -1.00309,-1.00309c-0.555,0 -1.00358,0.44911 -1.00358,1.00309l0,4.68321c0,0.55499 0.44858,1.00409 1.00358,1.00409z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg
deleted file mode 100644
index abe68dc..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#3bace5" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg
deleted file mode 100644
index 690fc7d..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#babec3" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css b/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css
deleted file mode 100644
index 9ea540e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css
+++ /dev/null
@@ -1,188 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
- :root {
- color: #18191a;
-}
-
-.view-project-detail {
- overflow: auto;
-}
-
-.plugin-hidden {
- display: none;
-}
-
-.arrow {
- -moz-appearance: treetwisty;
- width: 20px;
- height: 20px;
-}
-
-.arrow[open] {
- -moz-appearance: treetwistyopen;
-}
-
-.arrow[invisible] {
- visibility: hidden;
-}
-
-#projecteditor-menubar {
- display: none;
-}
-
-#projecteditor-toolbar,
-#projecteditor-toolbar-bottom {
- display: none; /* For now don't show the status bars */
- min-height: 22px;
- height: 22px;
- background: rgb(237, 237, 237);
-}
-
-#sources {
- overflow: auto;
-}
-
-.sources-tree {
- overflow:auto;
- overflow-x: hidden;
- -moz-user-focus: normal;
-
- /* Allows this to expand inside of parent xul element, while
- still supporting child flexbox elements, including ellipses. */
- -moz-box-flex: 1;
- display: block;
-}
-
-.sources-tree input {
- margin: 2px;
- border: 1px solid gray;
-}
-
-#main-deck .sources-tree {
- background: rgb(225, 225, 225);
- min-width: 100px;
-}
-
-.entry {
- color: #18191A;
- display: flex;
- align-items: center;
-}
-
-.entry .file-label {
- display: flex;
- flex: 1;
- align-items: center;
-}
-
-.entry {
- border: none;
- box-shadow: none;
- white-space: nowrap;
- cursor: pointer;
-}
-
-.entry:hover:not(.entry-group-title):not(.selected) {
- background: rgba(0, 0, 0, .05);
-}
-
-.entry.selected {
- background: rgba(56, 117, 215, 1);
- color: #F5F7FA;
- outline: none;
-}
-
-.entry-group-title {
- background: rgba(56, 117, 215, 0.8);
- color: #F5F7FA;
- font-weight: bold;
- font-size: 1.05em;
- line-height: 35px;
- padding: 0 10px;
-}
-
-.sources-tree .entry-group-title .expander {
- display: none;
-}
-
-.entry .expander {
- width: 16px;
- padding: 0;
-}
-
-.tree-collapsed .children {
- display: none;
-}
-
-/* Plugins */
-
-#projecteditor-toolbar textbox {
- margin: 0;
-}
-
-.projecteditor-basic-display {
- padding: 0 3px;
-}
-
-/* App Manager */
-.project-name-label {
- font-weight: bold;
- padding-left: 10px;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.project-flex {
- flex: 1;
-}
-
-.project-image {
- max-height: 25px;
- margin-left: -10px;
-}
-
-.project-image,
-.project-status,
-.project-options {
- flex-shrink: 0;
-}
-
-.project-status {
- width: 10px;
- height: 10px;
- border-radius: 50%;
- border: solid 1px rgba(255, 255, 255, .5);
- margin-right: 10px;
- visibility: hidden;
-}
-
-.project-status[status=valid] {
- background: #70bf53;
- visibility: visible;
-}
-
-.project-status[status=warning] {
- background: #d99b28;
- visibility: visible;
-}
-
-.project-status[status=error] {
- background: #ed2655;
- visibility: visible;
-}
-
-/* Status Bar */
-.projecteditor-file-label {
- font-weight: bold;
- padding-left: 29px;
- padding-right: 10px;
- flex: 1;
-}
-
-/* Image View */
-.editor-image {
- padding: 10px;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/promisedebugger.css b/arc-firefox-theme/chrome/browser/devtools/promisedebugger.css
deleted file mode 100644
index e003224..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/promisedebugger.css
+++ /dev/null
@@ -1,3 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
diff --git a/arc-firefox-theme/chrome/browser/devtools/pseudo-class.svg b/arc-firefox-theme/chrome/browser/devtools/pseudo-class.svg
deleted file mode 100644
index 830d5fa..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/pseudo-class.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
- <style>
- use[id^="pseudo-class"]:not(:target) {
- display: none;
- }
- </style>
- <rect id="class-block-maskBG" width="8" height="8" fill="#fff"/>
- <rect id="class-block" width="8" height="8" rx="1" ry="1"/>
- <mask id="mask-block-solid">
- <use xlink:href="#class-block-maskBG"/>
- <use xlink:href="#class-block" transform="translate(3 3)" fill="#000"/>
- </mask>
- <g id="pseudo-class-shape">
- <rect x=".5" y=".5" width="7" height="7" rx="1" ry="1" mask="url(#mask-block-solid)" fill="none" stroke="currentColor" stroke-width="1"/>
- <use xlink:href="#class-block" mask="url(#mask-block-solid)" fill="currentColor" fill-opacity=".4"/>
- <use xlink:href="#class-block" mask="url(#mask-block-solid)" fill="currentColor" transform="translate(4 4)"/>
- <g transform="translate(8 8)" fill="currentColor">
- <path d="M2.5,0C2.2,0,2,0.2,2,0.5C2,0.8,2.2,1,2.5,1C2.8,1,3,0.8,3,0.5 C3,0.2,2.8,0,2.5,0z M4.5,0C4.2,0,4,0.2,4,0.5C4,0.8,4.2,1,4.5,1C4.8,1,5,0.8,5,0.5C5,0.2,4.8,0,4.5,0z M0.5,6C0.8,6,1,5.8,1,5.5 C1,5.2,0.8,5,0.5,5C0.2,5,0,5.2,0,5.5C0,5.8,0.2,6,0.5,6z M0.5,4C0.8,4,1,3.8,1,3.5C1,3.2,0.8,3,0.5,3C0.2,3,0,3.2,0,3.5 C0,3.8,0.2,4,0.5,4z M7.5,2C7.2,2,7,2.2,7,2.5C7,2.8,7.2,3,7.5,3C7.8,3,8,2.8,8,2.5C8,2.2,7.8,2,7.5,2z M7.5,4C7.2,4,7,4.2,7,4.5 C7,4.8,7.2,5,7.5,5C7.8,5,8,4.8,8,4.5C8,4.2,7.8,4,7.5,4z M5.5,7C5.2,7,5,7.2,5,7.5C5,7.8,5.2,8,5.5,8C5.8,8,6,7.8,6,7.5 C6,7.2,5.8,7,5.5,7z M3.5,7C3.2,7,3,7.2,3,7.5C3,7.8,3.2,8,3.5,8C3.8,8,4,7.8,4,7.5C4,7.2,3.8,7,3.5,7z M0.5,2C0.8,2,1,1.8,1,1.5v-1 C1,0.2,0.8,0,0.5,0C0.2,0,0,0.2,0,0.5v1C0,1.8,0.2,2,0.5,2z M8,0.5C8,0.2,7.8,0,7.5,0h-1C6.2,0,6,0.2,6,0.5C6,0.8,6.2,1,6.5,1h1 C7.8,1,8,0.8,8,0.5z M7.5,6C7.2,6,7,6.2,7,6.5v1C7,7.8,7.2,8,7.5,8C7.8,8,8,7.8,8,7.5v-1C8,6.2,7.8,6,7.5,6z M1.5,7h-1 C0.2,7,0,7.2,0,7.5C0,7.8,0.2,8,0.5,8h1C1.8,8,2,7.8,2,7.5C2,7.2,1.8,7,1.5,7z"/>
- <use xlink:href="#class-block" fill-opacity=".2"/>
- </g>
- </g>
- </defs>
- <use xlink:href="#pseudo-class-shape" id="pseudo-class" color="#babec3"/>
- <use xlink:href="#pseudo-class-shape" id="pseudo-class-checked" color="#3089C9"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png
deleted file mode 100644
index 7d113f0..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png
deleted file mode 100644
index bb3c4bd..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png
deleted file mode 100644
index 35b54d6..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png
deleted file mode 100644
index 9dbf4fe..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png
deleted file mode 100644
index 3b4e78c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png
deleted file mode 100644
index cbae606..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png
deleted file mode 100644
index 43379d0..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png
deleted file mode 100644
index 2bacbd2..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png
deleted file mode 100644
index eeeb823..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png
deleted file mode 100644
index 084220e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png
deleted file mode 100644
index 927c5cf..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png
deleted file mode 100644
index 9058703..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png
deleted file mode 100644
index e464503..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/rewind.png b/arc-firefox-theme/chrome/browser/devtools/rewind.png
deleted file mode 100644
index 098e256..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/rewind.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png b/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png
deleted file mode 100644
index eaac45d..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/ruleview.css b/arc-firefox-theme/chrome/browser/devtools/ruleview.css
deleted file mode 100644
index e9ae604..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/ruleview.css
+++ /dev/null
@@ -1,329 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* CSS Variables specific to this panel that aren't defined by the themes */
-.theme-light {
- --rule-highlight-background-color: #ffee99;
- --rule-filter-icon: url(magnifying-glass-light.png);
-}
-
-.theme-dark {
- --rule-highlight-background-color: #594724;
- --rule-filter-icon: url(magnifying-glass.png);
-}
-
-.ruleview {
- height: 100%;
-}
-
-.ruleview-rule-source {
- text-align: end;
- float: right;
- -moz-user-select: none;
- margin-bottom: 2px;
-}
-
-.ruleview-rule-source > label {
- cursor: pointer;
- margin: 0;
-}
-
-.ruleview-rule-source[unselectable],
-.ruleview-rule-source[unselectable] > label {
- cursor: default;
-}
-
-.ruleview-rule-source:not([unselectable]):hover {
- text-decoration: underline;
-}
-
-.ruleview-header {
- border-top-width: 1px;
- border-bottom-width: 1px;
- border-top-style: solid;
- border-bottom-style: solid;
- padding: 1px 4px;
- -moz-user-select: none;
- word-wrap: break-word;
- margin-top: 4px;
-}
-
-.ruleview-rule-pseudo-element {
- padding-left:20px;
- border-left: solid 10px;
-}
-
-.ruleview-rule,
-#noResults {
- padding: 2px 4px;
-}
-
-/**
- * Display rules that don't match the current selected element and uneditable
- * user agent styles differently
- */
-.ruleview-rule[unmatched=true],
-.ruleview-rule[uneditable=true] {
- background: var(--theme-tab-toolbar-background);
-}
-
-.ruleview-rule[uneditable=true] :focus {
- outline: none;
-}
-
-.ruleview-rule[uneditable=true] .theme-link {
- color: var(--theme-highlight-bluegrey);
-}
-
-.ruleview-rule[uneditable=true] .ruleview-enableproperty {
- visibility: hidden;
-}
-
-.ruleview-rule[uneditable=true] .ruleview-swatch {
- cursor: default;
-}
-
-.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
-.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer >
-.ruleview-propertyvalue {
- border-bottom-color: transparent;
-}
-
-#noResults {
- font: message-box;
- color: GrayText;
-}
-
-.ruleview-rule + .ruleview-rule {
- border-top-width: 1px;
- border-top-style: dotted;
-}
-
-.ruleview-warning {
- background-image: url(alerticon-warning.png);
- background-size: 13px 12px;
- -moz-margin-start: 5px;
- display: inline-block;
- width: 13px;
- height: 12px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .ruleview-warning {
- background-image: url(alerticon-warning@2x.png);
- }
-}
-
-.ruleview-overridden-rule-filter {
- background-image: var(--rule-filter-icon);
- background-size: 11px 11px;
- -moz-margin-start: 5px;
- display: inline-block;
- width: 11px;
- height: 11px;
-}
-
-.ruleview-ruleopen {
- -moz-padding-end: 5px;
-}
-
-.ruleview-ruleclose {
- cursor: text;
- padding-right: 20px;
-}
-
-.ruleview-propertylist {
- list-style: none;
- padding: 0;
- margin: 0;
-}
-
-.ruleview-rule:not(:hover) .ruleview-enableproperty {
- visibility: hidden;
-}
-
-.ruleview-expander {
- display: inline-block;
-}
-
-.ruleview-newproperty {
- /* (enable checkbox width: 12px) + (expander width: 15px) */
- -moz-margin-start: 27px;
-}
-
-.ruleview-namecontainer,
-.ruleview-propertyvaluecontainer,
-.ruleview-propertyname,
-.ruleview-propertyvalue {
- text-decoration: inherit;
-}
-
-.ruleview-computedlist {
- list-style: none;
- padding: 0;
-}
-
-.ruleview-computed {
- -moz-margin-start: 35px;
-}
-
-.ruleview-swatch {
- cursor: pointer;
- border-radius: 50%;
- width: 0.9em;
- height: 0.9em;
- vertical-align: middle;
- -moz-margin-end: 5px;
- display: inline-block;
- position: relative;
-}
-
-.ruleview-colorswatch::before {
- content: '';
- background-color: #eee;
- background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
- linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
- background-size: 12px 12px;
- background-position: 0 0, 6px 6px;
- position: absolute;
- border-radius: 50%;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: -1;
-}
-
-.ruleview-bezierswatch {
- background: url("chrome://browser/skin/devtools/cubic-bezier-swatch.png");
- background-size: 1em;
-}
-
-.ruleview-filterswatch {
- background: url("chrome://browser/skin/devtools/filter-swatch.svg");
- background-size: 1em;
-}
-
-@media (min-resolution: 1.1dppx) {
- .ruleview-bezierswatch {
- background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png");
- background-size: 1em;
- }
-}
-
-.ruleview-overridden {
- text-decoration: line-through;
-}
-
-.theme-light .ruleview-overridden {
- text-decoration-color: var(--theme-content-color3);
-}
-
-.styleinspector-propertyeditor {
- border: 1px solid #CCC;
- padding: 0;
-}
-
-.ruleview-property {
- border-left: 3px solid transparent;
- clear: right;
-}
-
-.ruleview-propertycontainer > * {
- vertical-align: middle;
-}
-
-.ruleview-property[dirty] {
- border-left-color: var(--theme-highlight-green);
-}
-
-.ruleview-highlight {
- background-color: var(--rule-highlight-background-color);
-}
-
-.ruleview-namecontainer > .ruleview-propertyname,
-.ruleview-propertyvaluecontainer > .ruleview-propertyvalue {
- border-bottom: 1px dashed transparent;
-}
-
-.ruleview-namecontainer:hover > .ruleview-propertyname,
-.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue {
- border-bottom-color: hsl(0,0%,50%);
-}
-
-.ruleview-selectorcontainer {
- word-wrap: break-word;
- cursor: text;
-}
-
-.ruleview-selector-separator, .ruleview-selector-unmatched {
- color: #888;
-}
-
-.ruleview-selector-matched > .ruleview-selector-attribute {
- /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */
-}
-
-.ruleview-selector-matched > .ruleview-selector-pseudo-class {
- /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */
-}
-
-.ruleview-selector-matched > .ruleview-selector-pseudo-class-lock {
- font-weight: bold;
- color: var(--theme-highlight-orange);
-}
-
-.ruleview-selectorhighlighter {
- background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
- padding-left: 16px;
- margin-left: 5px;
- cursor: pointer;
-}
-
-.ruleview-selectorhighlighter:hover {
- background-position: -32px 0;
-}
-
-.ruleview-selectorhighlighter:active,
-.ruleview-selectorhighlighter.highlighted {
- background-position: -16px 0;
-}
-
-#ruleview-add-rule-button::before {
- background-image: url("chrome://browser/skin/devtools/add.svg");
- background-size: cover;
-}
-
-#pseudo-class-panel-toggle::before {
- background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class");
- background-size: cover;
-}
-#pseudo-class-panel-toggle[checked]::before {
- background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class-checked");
- filter: none !important;
-}
-
-/**
- * These buttons are using opacity instead of background color to indicate
- * the state
- */
-#ruleview-add-rule-button,
-#pseudo-class-panel-toggle,
-.ruleview-overridden-rule-filter {
- opacity: 0.8;
-}
-
-#ruleview-add-rule-button:not([disabled]):hover,
-#pseudo-class-panel-toggle:hover,
-#pseudo-class-panel-toggle[checked],
-.ruleview-overridden-rule-filter:hover {
- opacity: 1;
-}
-
-#ruleview-add-rule-button,
-#pseudo-class-panel-toggle,
-#pseudo-class-panel-toggle:hover,
-#pseudo-class-panel-toggle[checked]::before {
- background-color: transparent !important;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/scratchpad.css b/arc-firefox-theme/chrome/browser/devtools/scratchpad.css
deleted file mode 100644
index 4c8a5d1..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/scratchpad.css
+++ /dev/null
@@ -1,9 +0,0 @@
-
-#scratchpad-sidebar > tabs {
- height: 0;
- border: none;
-}
-
-#sp-toolbar {
- border: none;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg
deleted file mode 100644
index 422a7ce..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="16" viewBox="0 0 32 16">
- <defs>
- <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/>
- <style>
- .icon-state-default { fill: #f5f7fa; fill-opacity: .6; }
- .icon-state-pressed { fill: #7d7e80; fill-opacity: .8; }
- </style>
- </defs>
- <use xlink:href="#glyphShape-clear" class="icon-state-default"/>
- <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg
deleted file mode 100644
index a8f9fd8..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="16" viewBox="0 0 32 16">
- <defs>
- <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/>
- <style>
- .icon-state-default { fill: #cc3d3d; fill-opacity: 1; }
- .icon-state-pressed { fill: #802d2d; fill-opacity: 1; }
- </style>
- </defs>
- <use xlink:href="#glyphShape-clear" class="icon-state-default"/>
- <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg
deleted file mode 100644
index 066ef44..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="16" viewBox="0 0 32 16">
- <defs>
- <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/>
- <style>
- .icon-state-default { fill: #1d2126; fill-opacity: .5; }
- .icon-state-pressed { fill: #1d2126; fill-opacity: .8; }
- </style>
- </defs>
- <use xlink:href="#glyphShape-clear" class="icon-state-default"/>
- <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/shadereditor.css b/arc-firefox-theme/chrome/browser/devtools/shadereditor.css
deleted file mode 100644
index 4626a38..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/shadereditor.css
+++ /dev/null
@@ -1,119 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* Reload and waiting notices */
-
-.notice-container {
- margin-top: -50vh;
- background-color: var(--theme-toolbar-background);
- color: var(--theme-body-color-alt);
-}
-
-#reload-notice {
- font-size: 120%;
-}
-
-#waiting-notice {
- font-size: 110%;
-}
-
-/* Shaders pane */
-
-#shaders-pane {
- min-width: 150px;
-}
-
-#shaders-pane + .devtools-side-splitter {
- border-color: transparent;
-}
-
-.program-item {
- padding: 2px 0px;
-}
-
-.side-menu-widget-item-checkbox {
- -moz-appearance: none;
- opacity: 0;
- transition: opacity .15s ease-out 0s;
-}
-
-/* Only show the checkbox when the source is hovered over, is selected, or if it
- * is not checked. */
-.side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
-.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
-.side-menu-widget-item-checkbox:not([checked]) {
- opacity: 1;
- transition: opacity .15s ease-out 0s;
-}
-
-.side-menu-widget-item-checkbox .checkbox-check {
- -moz-appearance: none;
- background-image: url(itemToggle.png);
- background-color: transparent;
- background-repeat: no-repeat;
- background-clip: content-box;
- background-size: 32px 16px;
- background-position: -16px 0;
- width: 16px;
- height: 16px;
- border: 0;
-}
-
-@media (min-resolution: 1.1dppx) {
- .side-menu-widget-item-checkbox .checkbox-check {
- background-image: url(itemToggle@2x.png);
- }
-}
-
-.side-menu-widget-item-checkbox[checked] .checkbox-check {
- background-position: 0 0;
-}
-
-/* Invert all toggle icons but the one in the active row for light theme */
-.theme-light .side-menu-widget-item:not(.selected) .checkbox-check {
- filter: url(filters.svg#invert);
-}
-
-/* Shader source editors */
-
-.editor-label {
- padding: 1px 12px;
- border-top: 1px solid;
-}
-
-.editor-label {
- background: var(--theme-toolbar-background);
- border-color: var(--theme-splitter-color);
- color: var(--theme-body-color-alt);
-}
-
-.editor-label[selected] {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-/* Responsive sidebar */
-
-@media (max-width: 700px) {
- #shaders-pane {
- max-height: 60vh;
- }
-
- #editors-splitter {
- border-color: transparent;
- }
-
- .side-menu-widget-container {
- box-shadow: none !important;
- }
-
- .side-menu-widget-item-arrow {
- background-image: none !important;
- }
-
- .editor-label {
- -moz-box-ordinal-group: 0;
- border-bottom: 1px solid;
- }
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/splitview.css b/arc-firefox-theme/chrome/browser/devtools/splitview.css
deleted file mode 100644
index 902fedb..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/splitview.css
+++ /dev/null
@@ -1,135 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-
-.splitview-nav-container .devtools-throbber {
- display: none;
- text-align: center;
-}
-
-.loading .splitview-nav-container .devtools-throbber {
- display: block;
-}
-
-.theme-dark .splitview-nav-container {
- background-color: var(--theme-toolbar-background);
-}
-
-.splitview-nav {
- -moz-appearance: none;
- list-style-image: none;
- list-style: none;
- padding: 0;
- margin: 0;
-}
-
-.theme-dark .splitview-nav {
- box-shadow: inset -1px 0 0 #000;
-}
-
-.theme-dark .splitview-nav:-moz-locale-dir(rtl) {
- box-shadow: inset 1px 0 0 #000;
-}
-
-.theme-light .splitview-nav {
- box-shadow: inset -1px 0 0 #aaa;
-}
-
-.theme-light .splitview-nav:-moz-locale-dir(rtl) {
- box-shadow: inset 1px 0 0 #aaa;
-}
-
-.splitview-nav > li {
- /* To compensate for the top and bottom borders */
- margin-top: -1px;
- margin-bottom: -1px;
- -moz-padding-end: 8px;
- -moz-box-align: center;
- outline: 0;
- vertical-align: bottom;
-}
-
-.theme-dark .splitview-nav > li {
- border-top: 1px solid rgba(0,0,0,0.2);
- border-bottom: 1px solid rgba(128,128,128,0.15);
-}
-
-.theme-dark .splitview-nav > li:last-of-type {
- box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
-}
-
-.theme-light .splitview-nav > li {
- border-top: 1px solid rgba(128,128,128,0.15);
- border-bottom: 1px solid transparent;
-}
-
-.theme-light .splitview-nav > li:last-of-type {
- box-shadow: inset 0 -1px 0 rgba(128,128,128,0.15);
-}
-
-.placeholder {
- -moz-box-flex: 1;
- text-align: center;
-}
-
-.splitview-nav > li.splitview-active {
- background-repeat: no-repeat, no-repeat, repeat-x;
- background-position: center right, center right, top left;
- background-size: auto, 1px, auto;
-}
-
-.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
- background-repeat: no-repeat, no-repeat, repeat-x;
- background-position: center left, center left, top right;
-}
-
-.theme-dark .splitview-nav > li.splitview-active {
- background-image: url(itemArrow-dark-ltr.svg),
- linear-gradient(#000, #000),
- linear-gradient(#1d4f73, #1d4f73);
-}
-
-.theme-dark .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
- background-image: url(itemArrow-dark-rtl.svg),
- linear-gradient(#000, #000),
- linear-gradient(#1d4f73, #1d4f73);
-}
-
-.theme-light .splitview-nav > li.splitview-active {
- background-image: url(itemArrow-ltr.svg),
- linear-gradient(#aaa, #aaa),
- linear-gradient(#4c9ed9, #4c9ed9);
-}
-
-.theme-light .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
- background-image: url(itemArrow-rtl.svg),
- linear-gradient(#aaa, #aaa),
- linear-gradient(#4c9ed9, #4c9ed9);
-}
-
-/* Toolbars */
-
-.splitview-main > .devtools-toolbar {
- background-origin: border-box;
- background-clip: border-box;
-}
-
-.theme-dark .splitview-main > toolbar,
-.theme-dark .loading .splitview-nav-container {
- -moz-border-end: 1px solid #000;
-}
-
-.theme-light .splitview-main > toolbar,
-.theme-light .loading .splitview-nav-container {
- -moz-border-end: 1px solid #aaa;
-}
-
-.splitview-main > .devtools-toolbarbutton {
- font-size: 11px;
- padding: 0 8px;
- width: auto;
- min-width: 48px;
- min-height: 0;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/storage.css b/arc-firefox-theme/chrome/browser/devtools/storage.css
deleted file mode 100644
index a5a897e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/storage.css
+++ /dev/null
@@ -1,48 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* Storage Host Tree */
-
-#storage-tree {
- min-width: 220px;
- max-width: 500px;
- overflow: auto;
-}
-
-#storage-tree {
- background: var(--theme-sidebar-background);
-}
-
-#storage-tree .tree-widget-item[type="store"]:after {
- background-image: url(chrome://browser/skin/devtools/filetype-store.svg);
- background-size: 18px 18px;
- background-position: -1px 0;
-}
-
-/* Columns with date should have a min width so that date is visible */
-#expires, #lastAccessed, #creationTime {
- min-width: 150px;
-}
-
-/* Variables View Sidebar */
-
-#storage-sidebar {
- max-width: 500px;
- min-width: 250px;
-}
-
-/* Responsive sidebar */
-@media (max-width: 700px) {
- #storage-tree {
- max-width: 100%;
- }
-
- #storage-table #path {
- display: none;
- }
-
- #storage-table .table-widget-cell {
- min-width: 100px;
- }
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/styleeditor.css b/arc-firefox-theme/chrome/browser/devtools/styleeditor.css
deleted file mode 100644
index 0cc2fca..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/styleeditor.css
+++ /dev/null
@@ -1,305 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-.stylesheet-title,
-.stylesheet-name {
- text-decoration: none;
-}
-
-.stylesheet-name {
- font-size: 13px;
-}
-
-.theme-dark .stylesheet-title,
-.theme-dark .stylesheet-name {
- color: var(--theme-selection-color);
-}
-
-.theme-dark .stylesheet-rule-count,
-.theme-dark .stylesheet-linked-file,
-.theme-dark .stylesheet-saveButton {
- color: var(--theme-body-color-alt);
-}
-
-.theme-light .stylesheet-title,
-.theme-light .stylesheet-name {
- color: var(--theme-body-color-alt);
-}
-
-.theme-light .stylesheet-rule-count,
-.theme-light .stylesheet-linked-file,
-.theme-light .stylesheet-saveButton {
- color: var(--theme-body-color);
-}
-
-.stylesheet-saveButton {
- text-decoration: underline;
- cursor: pointer;
-}
-
-.splitview-active .stylesheet-title,
-.splitview-active .stylesheet-name,
-.theme-light .splitview-active .stylesheet-rule-count,
-.theme-light .splitview-active .stylesheet-linked-file,
-.theme-light .splitview-active .stylesheet-saveButton {
- color: var(--theme-selection-color);
-}
-
-.splitview-nav:focus {
- outline: 0; /* focus ring is on the stylesheet name */
-}
-
-.splitview-nav > li.unsaved > hgroup .stylesheet-name {
- font-style: italic;
-}
-
-.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
-.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
- font-style: italic;
-}
-
-.splitview-nav.empty > p {
- padding: 0 10px;
-}
-
-.stylesheet-sidebar {
- max-width: 400px;
- min-width: 100px;
-}
-
-.theme-light .stylesheet-sidebar {
- border-color: #aaa; /* Splitters */
-}
-
-.theme-dark .stylesheet-sidebar {
- border-color: #000; /* Splitters */
-}
-
-.theme-light .media-rule-label {
- border-bottom-color: #cddae5; /* Grey */
-}
-
-.theme-dark .media-rule-label {
- border-bottom-color: #303b47; /* Grey */
-}
-
-.media-rule-label {
- padding: 4px;
- cursor: pointer;
- border-bottom: 1px solid;
-}
-
-.media-rule-line {
- -moz-padding-start: 4px;
-}
-
-.theme-light .media-condition-unmatched {
- color: grey;
-}
-
-.theme-dark .media-condition-unmatched {
- color: #606C75;
-}
-
-.stylesheet-enabled {
- padding: 8px 0;
- margin: 0 8px;
- background-image: url(itemToggle.png);
- background-repeat: no-repeat;
- background-clip: content-box;
- background-position: 0 8px;
- background-size: 48px 24px;
- width: 24px;
- height: 40px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .stylesheet-enabled {
- background-image: url(itemToggle@2x.png);
- }
-}
-
-.disabled > .stylesheet-enabled {
- background-position: -24px 8px;
-}
-
-/* Invert all toggle icons but the one in the active row for light theme */
-.theme-light .splitview-nav > li:not(.splitview-active) .stylesheet-enabled {
- filter: url(filters.svg#invert);
-}
-
-.splitview-nav > li > .stylesheet-enabled:focus,
-.splitview-nav > li:hover > .stylesheet-enabled {
- outline: 0;
-}
-
-.stylesheet-linked-file:not(:empty){
- -moz-margin-end: 0.4em;
-}
-
-.stylesheet-linked-file:not(:empty):before {
- -moz-margin-start: 0.4em;
-}
-
-li.linked-file-error .stylesheet-linked-file:after {
- font-size: 110%;
-}
-
-.stylesheet-more > h3 {
- font-size: 11px;
- -moz-margin-end: 2px;
-}
-
-.devtools-searchinput {
- max-width: 25ex;
- font-size: 11px;
-}
-
-.placeholder a {
- text-decoration: underline;
-}
-
-h1,
-h2,
-h3 {
- font-size: inherit;
- font-weight: normal;
- margin: 0;
- padding: 0;
-}
-
-@media (max-width: 700px) {
- .stylesheet-sidebar {
- width: 150px;
- }
-}
-
-/* portrait mode */
-@media (max-width: 550px) {
- .splitview-nav {
- box-shadow: none;
- }
-
- .splitview-nav > li.splitview-active {
- background-size: 0 0, 0 0, auto;
- }
-
- .stylesheet-enabled {
- padding: 0;
- background-position: 0 0;
- height: 24px;
- }
-
- .disabled > .stylesheet-enabled {
- background-position: -24px 0;
- }
-
- .splitview-nav > li > hgroup.stylesheet-info {
- -moz-box-align: baseline;
- }
-
- .stylesheet-sidebar {
- width: 180px;
- }
-}
-
-.csscoverage-report {
- background-color: var(--theme-toolbar-background);
-}
-
-.csscoverage-report-container {
- height: 100vh;
- padding: 0 30px;
-}
-
-.csscoverage-report-content {
- margin: 20px auto;
- -moz-column-width: 300px;
- font-size: 13px;
-}
-
-.csscoverage-report h1 {
- font-size: 120%;
-}
-
-.csscoverage-report h2 {
- font-size: 110%;
-}
-
-.csscoverage-report h1,
-.csscoverage-report h2,
-.csscoverage-report h3 {
- font-weight: bold;
- margin: 10px 0;
-}
-
-.csscoverage-list:after {
- content: ', ';
-}
-
-.csscoverage-list:last-child:after {
- display: none;
-}
-
-.csscoverage-report textarea {
- width: 100%;
- height: 100px;
-}
-
-.csscoverage-report a {
- cursor: pointer;
- text-decoration: underline;
-}
-
-.csscoverage-report > .csscoverage-toolbar {
- border: none;
- margin: 0;
- padding: 0;
-}
-
-.csscoverage-report > .csscoverage-toolbarbutton {
- min-width: 4em;
- min-height: 100vh;
- margin: 0;
- padding: 0;
- border-radius: 0;
- border-top: none;
- border-bottom: none;
- -moz-border-start: none;
-}
-
-.chart-colored-blob[name="Used Preload"] {
- fill: var(--theme-highlight-pink);
- background: var(--theme-highlight-pink);;
-}
-
-.chart-colored-blob[name=Used] {
- fill: var(--theme-highlight-green);
- background: var(--theme-highlight-green);
-}
-
-.chart-colored-blob[name=Unused] {
- fill: var(--theme-highlight-lightorange);
- background: var(--theme-highlight-lightorange);
-}
-
-/* Undo 'largest' customization */
-.theme-dark .pie-chart-slice[largest] {
- stroke-width: 1px;
- stroke: rgba(0,0,0,0.2);
-}
-
-.theme-light .pie-chart-slice[largest] {
- stroke-width: 1px;
- stroke: rgba(255,255,255,0.8);
-}
-
-.csscoverage-report .pie-chart-slice {
- cursor: default;
-}
-
-.csscoverage-report-chart {
- margin: 0 50px;
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg b/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg
deleted file mode 100644
index 1919e2c..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-<?xml version="1.0"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #babec3;
- }
- use[id$="-disabled"] {
- fill-opacity: 0.5;
- }
- use[id$="-open"] {
- fill: #3bace5;
- }
- </style>
- <defs>
- <path id="filter-shape" d="M 2,2 v 3 l 5,4 v 6 h 2 v -6 l 5,-4 v -3 L 14,2 z"/>
- </defs>
- <use id="filter" xlink:href="#filter-shape"/>
- <use id="filter-disabled" xlink:href="#filter-shape"/>
- <use id="filter-open" xlink:href="#filter-shape"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png b/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png
deleted file mode 100644
index 4954393..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png b/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png
deleted file mode 100644
index 971f414..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg b/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg
deleted file mode 100644
index 998f21b..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <path fill="#71c054" fill-rule="evenodd" d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm2,11h-1-5c-.6,0-1-.4-1-1v-6c0-.6 .4-1 1-1h5 1l4,4-4,4z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg b/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg
deleted file mode 100644
index 655d482..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <g fill="#edf0f1" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm0,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5 2.8,0 5,2.2 5,5 0,2.8-2.2,5-5,5z"/>
- <path d="m6,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
- <path d="m10,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg b/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg
deleted file mode 100644
index 45ec67f..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
- <path fill="#eef0f2" fill-rule="evenodd" d="M2,4v9h11V4H2z M11,11H4V6h7V11z"/>
- <g opacity=".8">
- <path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M0,8h2v1H0V8z"/>
- <path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M13,8h2v1h-2V8z"/>
- <path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M7,2h1v2H7V2z"/>
- <path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M7,13h1v2H7V13z"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-network.svg b/arc-firefox-theme/chrome/browser/devtools/tool-network.svg
deleted file mode 100644
index 8e232d6..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-network.svg
+++ /dev/null
@@ -1,39 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="17" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16">
- <g fill="#edf0f1" fill-rule="evenodd">
- <path opacity=".1" d="M2.1,0h12.8C16,0,17,1,17,2.1v10.6c0,1.2-1,2.1-2.1,2.1H2.1c-1.2,0-2.1-1-2.1-2.1V2.1C0,1,1,0,2.1,0z"/>
- <path d="m2.1,2.1h9.6c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-9.6c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".7">
- <g opacity=".75">
- <path fill="#edf0f1" fill-rule="evenodd" d="m7.4,5.3h7.4c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-7.4c-.5-.1-1-.5-1-1.1 0-.6 .5-1.1 1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#edf0f1" d="m14.9,5.7c.4,0 .7,.3 .7,.7s-.4,.6-.7,.6h-7.5c-.3,0-.6-.3-.6-.6s.3-.7 .7-.7h7.4m0-.4h-7.5c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h7.4c.6,0 1.1-.5 1.1-1.1 0-.6-.4-1.1-1-1.1z"/>
- </g>
- </g>
- <g opacity=".75">
- <path fill="#edf0f1" fill-rule="evenodd" d="m5.3,8.5h3.2c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-3.2c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#edf0f1" d="m8.5,8.9c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-3.2c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h3.2m0-.4h-3.2c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h3.2c.6,0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z"/>
- </g>
- <g opacity=".7">
- <g opacity=".75">
- <path fill="#edf0f1" fill-rule="evenodd" d="m4.3,11.7h2.1c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-2.1c-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#edf0f1" d="m6.4,12.1c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-2.1c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h2.1m0-.4h-2.1c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h2.1c.6,0 1.1-.5 1.1-1.1-.1-.6-.5-1.1-1.1-1.1z"/>
- </g>
- </g>
- <g opacity=".05" fill="#edf0f1" fill-rule="evenodd">
- <path d="m7.4,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m4.2,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m1,14.6c0-.1 0-.1 0-.2v-13.9c0-.1 0-.1 0-.2-.6,.4-1,1-1,1.8v10.6c0,.8 .4,1.5 1,1.9z"/>
- <path d="m16,.3c0,.1 0,.1 0,.2v13.8c0,.1 0,.1 0,.2 .6-.4 1-1 1-1.8v-10.6c0-.7-.4-1.4-1-1.8z"/>
- <path d="m13.8,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m10.6,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-options.svg b/arc-firefox-theme/chrome/browser/devtools/tool-options.svg
deleted file mode 100644
index 2885ef9..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-options.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <path fill="#edf0f1" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg b/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg
deleted file mode 100644
index 0882cca..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#71c054" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg b/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg
deleted file mode 100644
index 8441af3..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#edf0f1" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg b/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg
deleted file mode 100644
index c1e8e08..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <g fill="#edf0f1" fill-rule="evenodd">
- <path opacity=".3" d="m1.1,6.3c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6zm12,1.7h-10.2c-.4,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h10.3c.3,0 .6-.3 .6-.6-.1-.3-.3-.6-.7-.6zm-5.7,3.4c.3,0 .6-.3 .6-.6 0-.3-.3-.6-.6-.6h-4.5c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h4.5zm2.3,1.2h-8c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h8c.3,0 .6-.3 .6-.6 0-.4-.3-.6-.6-.6z"/>
- <path d="m14.3,2.3h-.6v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.1-.1-.2-.2-.2-.1-.3-.1-.4-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.7,.1-1.2-.4-1.2-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1-.1-.1-.1-.2-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.3-.1-.3-.2-.4-.2-.1-.1-.2-.1-.3-.1-.3,0-.5,.3-.5,.6v1.7h-1.2v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.2-.1-.2-.2-.3-.2-.1-.1-.2-.1-.3-.1-.3,0-.6,.3-.6,.6v1.7h-.5c-.3,0-.6,.2-.6,.6v12.6c0,.2 .3,.5 .6,.5h13.7c.3,0 .6-.3 .6-.6v-12.5c0-.4-.3-.6-.6-.6zm-12.6,3.4h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6s.3-.6 .6-.6zm8,8h-8c-.3,0-.6-.3-.6-.6 0-.3 .3-.6 .6-.6h8c.3,0 .6,.3 .6,.6 0,.4-.3,.6-.6,.6zm-7.4-2.8c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6 0,.3-.3,.6-.6,.6h-4.6c-.4-.1-.6-.3-.6-.6zm10.8-1.8h-10.2c-.3,0-.6-.3-.6-.6 0-.2 .2-.5 .6-.5h10.3c.3,0 .6,.3 .6,.6-.1,.3-.3,.5-.7,.5z"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-shadereditor.svg b/arc-firefox-theme/chrome/browser/devtools/tool-shadereditor.svg
deleted file mode 100644
index e4e239a..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-shadereditor.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <rect x="2" y="2" width="12" height="12" fill="#edf0f1" fill-opacity=".1"/>
- <polygon points="2,2 14,14 2,14" fill="#edf0f1" fill-opacity=".35"/>
- <rect x="2.5" y="2.5" width="11" height="11" fill="none" stroke="#edf0f1" stroke-width="1"/>
- <g fill="#edf0f1" fill-opacity=".65">
- <polygon points="3,3 5,3 5,5"/>
- <rect x="11" y="3" width="2" height="2"/>
- <rect x="7" y="3" width="2" height="2"/>
- <polygon points="5,5 7,5 7,7"/>
- <rect x="9" y="5" width="2" height="2"/>
- <polygon points="7,7 9,7 9,9"/>
- <rect x="11" y="7" width="2" height="2"/>
- <polygon points="9,9 11,9 11,11"/>
- <polygon points="11,11 13,11 13,13"/>
- </g>
- <line x1="3" y1="3" x2="13" y2="13" stroke="#edf0f1" stroke-width="1"/>
- <g fill="#edf0f1">
- <circle cx="2" cy="2" r="1"/>
- <circle cx="14" cy="2" r="1"/>
- <circle cx="2" cy="14" r="1"/>
- <circle cx="14" cy="14" r="1"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg b/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg
deleted file mode 100644
index 8c2c291..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
- <g fill="#edf0f1">
- <path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
- <path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
- <path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg b/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg
deleted file mode 100644
index e123f45..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16">
- <g fill="#edf0f1" fill-rule="evenodd">
- <path d="m10,11.1 0,2.3-7.8,0 0-11.2 5.6-0 1.1,1.1 1.7-1.6-1.7-1.7-8.9,0 0,15.6 12.2,0 0-6.7z"/>
- <path d="M6.7,7.8L14.5,0l2.2,2.2L8.9,10l-3.3,1.1L6.7,7.8z"/>
- </g>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg b/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg
deleted file mode 100644
index cd317de..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="-6.167 -16.135 100 100">
- <path fill="none" stroke="#edf0f1" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M86.666,33.864 c-0.797,5.297-3.467,32.799-10.518,32.866c-7.086,0.066-9.973-27.596-10.9-32.866C64.322,28.597,61.436,0.933,54.35,1 c-7.105,0.068-9.644,27.561-10.517,32.864c-0.874,5.305-3.412,32.799-10.517,32.866c-7.087,0.066-9.974-27.596-10.899-32.866 C21.49,28.597,18.604,0.933,11.517,1C4.466,1.067,1.796,28.569,1,33.864"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg b/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg
deleted file mode 100644
index f62307d..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <path fill="#edf0f1" fill-rule="evenodd" d="M2,2h5.4l6.5,6.5L7.4,15H2l6.5-6.5L2,2z"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png
deleted file mode 100644
index 751fbc3..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png
deleted file mode 100644
index e4db35e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png
deleted file mode 100644
index 298ced1..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png
deleted file mode 100644
index 7dec134..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png
deleted file mode 100644
index dfd5354..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png
deleted file mode 100644
index 721bb0d..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png
deleted file mode 100644
index 5a57fc3..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png
deleted file mode 100644
index c2b95c4..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png b/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png
deleted file mode 100644
index 8229dd7..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png b/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png
deleted file mode 100644
index de0ded4..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/undock@2x.png b/arc-firefox-theme/chrome/browser/devtools/undock@2x.png
deleted file mode 100644
index 137d6df..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/undock@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-delete.png b/arc-firefox-theme/chrome/browser/devtools/vview-delete.png
deleted file mode 100644
index db4b062..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/vview-delete.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png
deleted file mode 100644
index ae6fbb2..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-edit.png b/arc-firefox-theme/chrome/browser/devtools/vview-edit.png
deleted file mode 100644
index f575032..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/vview-edit.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png
deleted file mode 100644
index a34c8ed..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-lock.png b/arc-firefox-theme/chrome/browser/devtools/vview-lock.png
deleted file mode 100644
index b68cc5e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/vview-lock.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png
deleted file mode 100644
index 5d7640b..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png
deleted file mode 100644
index ee1d7a5..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png
deleted file mode 100644
index 2b09f01..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css b/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css
deleted file mode 100644
index 3be55bd..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css
+++ /dev/null
@@ -1,253 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* Reload and waiting notices */
-.notice-container {
- margin-top: -50vh;
- background-color: var(--theme-toolbar-background);
- color: var(--theme-body-color-alt);
-}
-
-#reload-notice {
- font-size: 120%;
-}
-
-#waiting-notice {
- font-size: 110%;
-}
-
-/* Context Graph */
-svg {
- overflow: hidden;
- -moz-box-flex: 1;
-}
-
-/* Edges in graph */
-.edgePath path {
- stroke-width: 1px;
- fill: none;
-}
-
-.theme-dark .edgePath path {
- stroke: #b6babf; /* Grey foreground text */
-}
-.theme-light .edgePath path {
- stroke: #aaaaaa; /* Splitters */
-}
-
-/* AudioParam connection edges */
-g.edgePath.param-connection {
- stroke-dasharray: 5,5;
-}
-
-.theme-dark .edgePath.param-connection path {
- stroke: #b6babf; /* Grey foreground text */
-}
-.theme-light .edgePath.param-connection path {
- stroke: #aaaaaa; /* Splitters */
-}
-
-/* Labels in AudioParam connection should have background that match
- * the main background so there's whitespace around the label, on top of the
- * dotted lines. */
-.theme-dark g.edgeLabel rect {
- fill: #14171a;
-}
-.theme-light g.edgeLabel rect {
- fill: #fcfcfc; /* Background - Editor */
-}
-.theme-dark g.edgeLabel tspan {
- fill: var(--theme-body-color-alt);
-}
-.theme-light g.edgeLabel tspan {
- fill: #585959; /* Grey foreground text */
-}
-
-/* Audio Nodes */
-.nodes rect {
- stroke-width: 1px;
- cursor: pointer;
-}
-
-.nodes rect {
- stroke: var(--theme-tab-toolbar-background);
-}
-.theme-light rect {
- fill: var(--theme-tab-toolbar-background);
-}
-.theme-dark rect {
- fill: var(--theme-toolbar-background);
-}
-
-/**
- * Bypassed Nodes
- */
-
-.theme-light .nodes g.bypassed rect {
- fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light);
-}
-.theme-dark .nodes g.bypassed rect {
- fill: url(chrome://browser/skin/devtools/filters.svg#bypass-dark);
-}
-.nodes g.bypassed.selected rect {
- stroke: var(--theme-selection-background);
-}
-
-/*
-.nodes g.bypassed text {
- opacity: 0.8;
-}
-*/
-
-/**
- * Selected Nodes
- */
-.nodes g.selected rect {
- fill: var(--theme-selection-background);
-}
-
-/* Don't style bypassed nodes text different because it'd be illegible in light-theme */
-.theme-light g.selected:not(.bypassed) text {
- fill: var(--theme-toolbar-background);
-}
-
-
-/* Text in nodes and edges */
-text {
- cursor: default; /* override the "text" cursor */
- font-weight: 300;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
- font-size: 14px;
-}
-
-text {
- fill: var(--theme-body-color-alt);
-}
-
-
-.nodes text {
- cursor: pointer;
-}
-
-/**
- * Inspector Styles
- */
-
-/* hide the variables view scope title as its redundant,
- * because there's only one scope displayed. */
-.variables-view-scope > .title {
- display: none;
-}
-
-#web-audio-inspector-title {
- margin: 6px;
-}
-
-.web-audio-inspector .error {
- background-image: url(alerticon-warning.png);
- background-size: 13px 12px;
- -moz-appearance: none;
- opacity: 0;
- transition: opacity .5s ease-out 0s;
-}
-
-#inspector-pane-toggle {
- background: none;
- box-shadow: none;
- border: none;
- list-style-image: url(debugger-collapse.png);
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#inspector-pane-toggle > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
-#inspector-pane-toggle[pane-collapsed] {
- list-style-image: url(debugger-expand.png);
-}
-
-#inspector-pane-toggle:active {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
-/**
- * Automation Styles
- */
-
-#automation-param-toolbar .automation-param-button[selected] {
- color: var(--theme-selection-color);
- background-color: var(--theme-selection-background);
-}
-
-#automation-graph {
- overflow: hidden;
- -moz-box-flex: 1;
-}
-
-@media (min-resolution: 1.1dppx) {
- #inspector-pane-toggle {
- list-style-image: url(debugger-collapse@2x.png);
- -moz-image-region: rect(0px,32px,32px,0px);
- }
-
- #inspector-pane-toggle[pane-collapsed] {
- list-style-image: url(debugger-expand@2x.png);
- }
-
- #inspector-pane-toggle:active {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
-
- .web-audio-inspector .error {
- background-image: url(alerticon-warning@2x.png);
- }
-}
-
-/**
- * Inspector toolbar
- */
-
-#audio-node-toolbar .bypass {
- list-style-image: url(power.svg);
-}
-
-#audio-node-toolbar toolbarbutton[disabled] {
- opacity: 0.5;
- background-color: transparent;
-}
-
-.theme-dark #audio-node-toolbar toolbarbutton[checked] {
- background-color: #1d4f73; /* Select Highlight Blue */
-}
-.theme-light #audio-node-toolbar toolbarbutton[checked] {
- background-color: #4c9ed9; /* Select Highlight Blue */
-}
-
-/* don't invert checked buttons so we can have white icons on light theme */
-#audio-node-toolbar toolbarbutton[checked] > .toolbarbutton-icon {
- filter: none;
-}
-
-
-/**
- * Responsive Styles
- * `.devtools-responsive-container` takes care of most of
- * the changing of host types.
- */
-@media (max-width: 700px) {
- /**
- * Override the inspector toggle so it's always open
- * in the portrait view, with the toggle button hidden.
- */
- #inspector-pane-toggle {
- display: none;
- }
-
- #web-audio-inspector {
- margin-left: 0px !important;
- margin-right: 0px !important;
- }
-}
diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole.css b/arc-firefox-theme/chrome/browser/devtools/webconsole.css
deleted file mode 100644
index d17690e..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/webconsole.css
+++ /dev/null
@@ -1,598 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* General output styles */
-
-a {
- -moz-user-focus: normal;
- -moz-user-input: enabled;
- cursor: pointer;
- text-decoration: underline;
-}
-
-/* Workaround for Bug 575675 - FindChildWithRules aRelevantLinkVisited
- * assertion when loading HTML page with links in XUL iframe */
-*:visited { }
-
-.message {
- display: flex;
- flex: none;
- padding: 0 7px;
- width: 100%;
- box-sizing: border-box;
-}
-
-.message > .prefix,
-.message > .timestamp {
- flex: none;
- color: GrayText;
- margin: 3px 6px 0 0;
-}
-
-.message > .indent {
- flex: none;
-}
-
-.message > .icon {
- flex: none;
- margin: 3px 6px 0 0;
- padding: 0 4px;
- height: 1em;
- align-self: flex-start;
-}
-
-.message > .icon::before {
- content: "";
- background-image: url(chrome://browser/skin/devtools/webconsole.svg);
- background-position: 12px 12px;
- background-repeat: no-repeat;
- background-size: 72px 60px;
- width: 12px;
- height: 12px;
- display: inline-block;
-}
-
-.theme-light .message > .icon::before {
- background-image: url(chrome://browser/skin/devtools/webconsole.svg#light-icons);
-}
-
-.message > .message-body-wrapper {
- flex: 1 1 100%;
- margin: 3px;
-}
-
-.message-body-wrapper .table-widget-body {
- overflow: visible;
-}
-
-/* The red bubble that shows the number of times a message is repeated */
-.message-repeats {
- -moz-user-select: none;
- flex: none;
- margin: 2px 6px;
- padding: 0 6px;
- height: 1.25em;
- color: white;
- background-color: red;
- border-radius: 40px;
- font: message-box;
- font-size: 0.9em;
- font-weight: 600;
-}
-
-.message-repeats[value="1"] {
- display: none;
-}
-
-.message-location {
- display: flex;
- flex: none;
- align-self: flex-start;
- justify-content: flex-end;
- width: 10em;
- margin-top: 3px;
- color: -moz-nativehyperlinktext;
- text-decoration: none;
- white-space: nowrap;
-}
-
-.message-location:hover,
-.message-location:focus {
- text-decoration: underline;
-}
-
-.message-location > .filename {
- text-overflow: ellipsis;
- text-align: end;
- overflow: hidden;
-}
-
-.message-location > .line-number {
- flex: none;
-}
-
-.message-flex-body {
- display: flex;
-}
-
-.message-body > * {
- white-space: pre-wrap;
- word-wrap: break-word;
-}
-
-.message-flex-body > .message-body {
- display: block;
- flex: 1 1 auto;
- vertical-align: middle;
-}
-
-.message-flex-body > .message-location {
- margin-top: 0;
-}
-
-.jsterm-input-container {
- border-top-width: 1px;
- border-top-style: solid;
-}
-
-#output-wrapper {
- direction: ltr;
- overflow: auto;
-}
-
-#output-container {
- -moz-user-select: text;
- -moz-box-flex: 1;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
-}
-
-#output-container.hideTimestamps > .message {
- -moz-padding-start: 0;
- -moz-margin-start: 7px;
- width: calc(100% - 7px);
-}
-
-#output-container.hideTimestamps > .message > .timestamp {
- display: none;
-}
-
-#output-container.hideTimestamps > .message > .indent {
- background-color: var(--theme-body-background);
-}
-
-.filtered-by-type,
-.filtered-by-string {
- display: none;
-}
-
-.hidden-message {
- display: block;
- visibility: hidden;
- height: 0;
- overflow: hidden;
-}
-
-/* WebConsole colored drops */
-
-.webconsole-filter-button {
- -moz-user-focus: normal;
-}
-
-.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
- content: "";
- display: inline-block;
- height: 8px;
- width: 8px;
- border-radius: 50%;
- margin-left: 5px;
- border-width: 1px;
- border-style: solid;
-}
-
-/* Network styles */
-.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#444444, #000000);
- border-color: #777;
-}
-
-.message:hover {
- background-color: var(--theme-selection-background-semitransparent) !important;
-}
-
-.theme-light .message[severity=error] {
- background-color: rgba(255, 150, 150, 0.3);
-}
-
-.theme-dark .message[severity=error] {
- background-color: rgba(235, 83, 104, 0.17);
-}
-
-.console-string {
- color: var(--theme-highlight-lightorange);
-}
-
-.theme-selected .console-string,
-.theme-selected .cm-number,
-.theme-selected .cm-variable,
-.theme-selected .kind-ArrayLike {
- color: #f5f7fa !important; /* Selection Text Color */
-}
-
-.message[category=network] > .indent {
- -moz-border-end: solid #000 6px;
-}
-
-.message[category=network][severity=error] > .icon::before {
- background-position: -12px 0;
-}
-
-.message[category=network] > .message-body {
- display: flex;
-}
-
-.message[category=network] .method {
- flex: none;
-}
-
-.message[category=network]:not(.navigation-marker) .url {
- flex: 1 1 auto;
- /* Make sure the URL is very small initially, let flex change width as needed. */
- width: 100px;
- min-width: 5em;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.message[category=network] .status {
- flex: none;
- -moz-margin-start: 6px;
-}
-
-.message[category=network].mixed-content .url {
- color: #FF0000;
-}
-
-.message .learn-more-link {
- color: -moz-nativehyperlinktext;
- margin: 0 6px;
-}
-
-.message[category=network] .xhr {
- background-color: var(--theme-body-color-alt);
- color: var(--theme-body-background);
- border-radius: 3px;
- font-weight: bold;
- font-size: 10px;
- padding: 2px;
- line-height: 10px;
- -moz-margin-end: 1ex;
-}
-
-/* CSS styles */
-.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#2DC3F3, #00B6F0);
- border-color: #1BA2CC;
-}
-
-.message[category=cssparser] > .indent {
- -moz-border-end: solid #00b6f0 6px;
-}
-
-.message[category=cssparser][severity=error] > .icon::before {
- background-position: -12px -12px;
-}
-
-.message[category=cssparser][severity=warn] > .icon::before {
- background-position: -24px -12px;
-}
-
-/* JS styles */
-.webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#FCB142, #FB9500);
- border-color: #E98A00;
-}
-
-.message[category=exception] > .indent {
- -moz-border-end: solid #fb9500 6px;
-}
-
-.message[category=exception][severity=error] > .icon::before {
- background-position: -12px -24px;
-}
-
-.message[category=exception][severity=warn] > .icon::before {
- background-position: -24px -24px;
-}
-
-/* Web Developer styles */
-.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#B9B9B9, #AAAAAA);
- border-color: #929292;
-}
-
-.message[category=console] > .indent {
- -moz-border-end: solid #cbcbcb 6px;
-}
-
-.message[category=console][severity=error] > .icon::before,
-.message[category=output][severity=error] > .icon::before,
-.message[category=server][severity=error] > .icon::before {
- background-position: -12px -36px;
-}
-
-.message[category=console][severity=warn] > .icon::before,
-.message[category=server][severity=warn] > .icon::before {
- background-position: -24px -36px;
-}
-
-.message[category=console][severity=info] > .icon::before,
-.message[category=server][severity=info] > .icon::before {
- background-position: -36px -36px;
-}
-
-/* Server Logging Styles */
-
-.webconsole-filter-button[category="server"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(rgb(144, 176, 144), rgb(99, 151, 99));
- border-color: rgb(76, 143, 76);
-}
-
-.message[category=server] > .indent {
- -moz-border-end: solid #90B090 6px;
-}
-
-/* Input and output styles */
-.message[category=input] > .indent,
-.message[category=output] > .indent {
- -moz-border-end: solid #808080 6px;
-}
-
-.message[category=input] > .icon::before {
- background-position: -48px -36px;
-}
-
-.message[category=output] > .icon::before {
- background-position: -60px -36px;
-}
-
-/* JSTerm Styles */
-.jsterm-input-node,
-.jsterm-complete-node {
- border: none;
- padding: 0 0 0 16px;
- -moz-appearance: none;
- background-color: transparent;
-}
-
-.jsterm-input-node {
- background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
- background-repeat: no-repeat;
- background-size: 16px 16px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .jsterm-input-node {
- background-image: -moz-image-rect(url('chrome://browser/skin/devtools/commandline-icon@2x.png'), 0, 64, 32, 32);
- }
-}
-
-:-moz-any(.jsterm-input-node,
- .jsterm-complete-node) > .textbox-input-box > .textbox-textarea {
- overflow-x: hidden;
-}
-
-.inlined-variables-view .message-body {
- display: flex;
- flex-direction: column;
- resize: vertical;
- overflow: auto;
- min-height: 200px;
-}
-.inlined-variables-view iframe {
- display: block;
- flex: 1;
- margin-top: 5px;
- margin-bottom: 15px;
- -moz-margin-end: 15px;
- border: 1px solid rgba(128, 128, 128, .5);
- border-radius: 3px;
-}
-
-#webconsole-sidebar > tabs {
- height: 0;
- border: none;
-}
-
-.devtools-side-splitter ~ #webconsole-sidebar[hidden] {
- display: none;
-}
-
-/* Security styles */
-
-.message[category=security] > .indent {
- -moz-border-end: solid red 6px;
-}
-
-.webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#FF3030, #FF7D7D);
- border-color: #D12C2C;
-}
-
-.message[category=security][severity=error] > .icon::before {
- background-position: -12px -48px;
-}
-
-.message[category=security][severity=warn] > .icon::before {
- background-position: -24px -48px;
-}
-
-.navigation-marker {
- color: #aaa;
- background: linear-gradient(#aaa, #aaa) no-repeat left 50%;
- background-size: 100% 2px;
- margin-top: 6px;
- margin-bottom: 6px;
- font-size: 0.9em;
-}
-
-.navigation-marker .url {
- -moz-padding-end: 9px;
- text-decoration: none;
-}
-
-.stacktrace {
- display: none;
- list-style: none;
- padding: 0 1em 0 1.5em;
- margin: 5px 0 0 0;
- max-height: 10em;
- overflow-y: auto;
- border: 1px solid rgb(200,200,200);
- border-radius: 3px;
-}
-
-.consoletable {
- margin: 5px 0 0 0;
-}
-
-.theme-light .message[severity=error] .stacktrace {
- background-color: rgba(255, 255, 255, 0.5);
-}
-
-.theme-dark .message[severity=error] .stacktrace {
- background-color: rgba(0, 0, 0, 0.5);
-}
-
-.message[open] .stacktrace {
- display: block;
-}
-
-.message .theme-twisty {
- display: inline-block;
- vertical-align: middle;
- margin: 0 3px 0 0;
-}
-
-.stacktrace li {
- display: flex;
- margin: 0;
-}
-
-.stacktrace .function {
- display: block;
- flex: 1 1 auto;
-}
-
-.cm-s-mozilla a[class] {
- font-style: italic;
- text-decoration: none;
-}
-
-.cm-s-mozilla a[class]:hover,
-.cm-s-mozilla a[class]:focus {
- text-decoration: underline;
-}
-
-/* Open DOMNode in inspector button */
-.open-inspector {
- background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
- padding-left: 16px;
- margin-left: 5px;
- cursor: pointer;
-}
-
-.elementNode:hover .open-inspector,
-.open-inspector:hover {
- background-position: -32px 0;
-}
-
-.open-inspector:active {
- background-position: -16px 0;
-}
-
-.jsterm-input-container {
- background-color: var(--theme-tab-toolbar-background);
- border-color: var(--theme-body-background);
-}
-
-.jsterm-input-node {
- color: var(--theme-content-color1);
-}
-
-.jsterm-complete-node {
- color: var(--theme-comment);
-}
-
-.navigation-marker .url {
- background: var(--theme-body-background);
-}
-
-.theme-dark .inlined-variables-view iframe {
- border-color: #333;
-}
-
-.theme-dark .stacktrace {
- border-color: #333;
-}
-
-.theme-light .jsterm-input-container {
- /* For light theme use a white background for the input - it looks better
- than off-white */
- background-color: #fff;
- border-color: ThreeDShadow;
-}
-.theme-light .navigation-marker .url {
- background: #fff;
-}
-
-.theme-light .inlined-variables-view iframe {
- border-color: #ccc;
-}
-
-.theme-light .stacktrace {
- border-color: #ccc;
-}
-
-@media (max-width: 500px) {
- .message > .timestamp {
- display: none;
- }
- .hud-console-filter-toolbar .webconsole-filter-button .toolbarbutton-text {
- display: none;
- }
- .hud-console-filter-toolbar .webconsole-filter-button {
- min-width: 40px;
- }
- .hud-console-filter-toolbar .webconsole-clear-console-button {
- min-width: 25px;
- }
- .webconsole-filter-button > .toolbarbutton-menubutton-button:before {
- width: 12px;
- height: 12px;
- margin-left: 1px;
- }
- .toolbarbutton-menubutton-dropmarker {
- margin: 0px;
- }
-}
-
-@media (max-width: 300px) {
- .hud-console-filter-toolbar {
- -moz-box-orient: vertical;
- }
- .toolbarbutton-text {
- display: -moz-box;
- }
- .devtools-toolbarbutton {
- margin-top: 3px;
- }
- .hud-console-filter-toolbar .hud-filter-box,
- .hud-console-filter-toolbar .devtools-toolbarbutton {
- margin-top: 5px;
- }
-}
-
diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole.svg b/arc-firefox-theme/chrome/browser/devtools/webconsole.svg
deleted file mode 100644
index 6c21e54..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/webconsole.svg
+++ /dev/null
@@ -1,101 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
- - License, v. 2.0. If a copy of the MPL was not distributed with this
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="72" height="60" viewBox="0 0 72 60">
- <defs>
- <rect id="glyphShape-colorSwatch" width="8" height="8" ry="2" rx="2"/>
- <rect id="glyphShape-colorSwatch-border" width="10" height="10" ry="2" rx="2"/>
- <polygon id="glyphShape-errorX" points="9.9,8.5 8.5,9.9 6,7.4 3.6,9.8 2.2,8.4 4.6,6 2.2,3.6 3.6,2.2 6,4.6 8.4,2.2 9.8,3.6 7.4,6"/>
- <path id="glyphShape-warningTriangle" d="M9.9,8.6l-3.1-6C6.6,2.2,6.3,2,6,2C5.7,2,5.4,2.2,5.2,2.5l-3.1,6C2,8.9,2,9.3,2.1,9.6C2.3,9.8,2.6,10,2.9,10 h6.1c0.4,0,0.6-0.2,0.8-0.4C10,9.3,10,8.9,9.9,8.6z"/>
- <path id="glyphShape-exclamationPoint" d="M6,7.7c-0.6,0-1,0.4-1,0.8C5,9,5.4,9.3,6,9.3c0.6,0,1-0.4,1-0.8 C7,8.1,6.6,7.7,6,7.7z M6,7c0.6,0,1-0.4,1-1V5c0-0.6-0.4-1-1-1S5,4.4,5,5v1C5,6.6,5.4,7,6,7z"/>
- <circle id="glyphShape-infoCircle" cx="6" cy="6" r="4"/>
- <path id="glyphShape-infoGlyph" d="M6,6C5.4,6,5,6.4,5,7v1c0,0.6,0.4,1,1,1s1-0.4,1-1V7C7,6.4,6.6,6,6,6z M6,5c0.6,0,1-0.4,1-1S6.6,3,6,3S5,3.4,5,4S5.4,5,6,5z"/>
- <style>
- .icon-colorSwatch-border {
- fill: #fff;
- fill-opacity: .7;
- }
- .icon-colorSwatch-network {
- fill: #000;
- }
- .icon-colorSwatch-css {
- fill: #00b6f0;
- }
- .icon-colorSwatch-js {
- fill: #fb9500;
- }
- .icon-colorSwatch-logging {
- fill: #808080;
- }
- .icon-colorSwatch-security {
- fill: #ec1e0d;
- }
- .icon-glyphOverlay {
- fill: #fff;
- }
-
- #icon-indicator-input {
- fill: #8fa1b2;
- }
- #icon-indicator-output {
- fill: #667380;
- }
- #light-icons:target #icon-indicator-input {
- fill: #45494d;
- }
- #light-icons:target #icon-indicator-output {
- fill: #8a9199;
- }
- </style>
- </defs>
- <g id="icon-colorSwatch-network">
- <use xlink:href="#glyphShape-colorSwatch-border" class="icon-colorSwatch-border" x="1" y="1"/>
- <use xlink:href="#glyphShape-colorSwatch" class="icon-colorSwatch-network" x="2" y="2"/>
- </g>
- <g id="icon-colorSwatch-css" transform="translate(0 12)">
- <use xlink:href="#glyphShape-colorSwatch-border" class="icon-colorSwatch-border" x="1" y="1"/>
- <use xlink:href="#glyphShape-colorSwatch" class="icon-colorSwatch-css" x="2" y="2"/>
- </g>
- <g id="icon-colorSwatch-js" transform="translate(0 24)">
- <use xlink:href="#glyphShape-colorSwatch-border" class="icon-colorSwatch-border" x="1" y="1"/>
- <use xlink:href="#glyphShape-colorSwatch" class="icon-colorSwatch-js" x="2" y="2"/>
- </g>
- <g id="icon-colorSwatch-logging" transform="translate(0 36)">
- <use xlink:href="#glyphShape-colorSwatch-border" class="icon-colorSwatch-border" x="1" y="1"/>
- <use xlink:href="#glyphShape-colorSwatch" class="icon-colorSwatch-logging" x="2" y="2"/>
- </g>
- <g id="icon-colorSwatch-security" transform="translate(0 48)">
- <use xlink:href="#glyphShape-colorSwatch-border" class="icon-colorSwatch-border" x="1" y="1"/>
- <use xlink:href="#glyphShape-colorSwatch" class="icon-colorSwatch-security" x="2" y="2"/>
- </g>
- <use xlink:href="#glyphShape-errorX" id="icon-errorX-network" class="icon-colorSwatch-network" transform="translate(12)"/>
- <use xlink:href="#glyphShape-errorX" id="icon-errorX-css" class="icon-colorSwatch-css" transform="translate(12 12)"/>
- <use xlink:href="#glyphShape-errorX" id="icon-errorX-js" class="icon-colorSwatch-js" transform="translate(12 24)"/>
- <use xlink:href="#glyphShape-errorX" id="icon-errorX-logging" class="icon-colorSwatch-logging" transform="translate(12 36)"/>
- <use xlink:href="#glyphShape-errorX" id="icon-errorX-security" class="icon-colorSwatch-security" transform="translate(12 48)"/>
- <g id="icon-warningTriangle-css" transform="translate(24 12)">
- <use xlink:href="#glyphShape-warningTriangle" class="icon-colorSwatch-css"/>
- <use xlink:href="#glyphShape-exclamationPoint" class="icon-glyphOverlay"/>
- </g>
- <g id="icon-warningTriangle-js" transform="translate(24 24)">
- <use xlink:href="#glyphShape-warningTriangle" class="icon-colorSwatch-js"/>
- <use xlink:href="#glyphShape-exclamationPoint" class="icon-glyphOverlay"/>
- </g>
- <g id="icon-warningTriangle-logging" transform="translate(24 36)">
- <use xlink:href="#glyphShape-warningTriangle" class="icon-colorSwatch-logging"/>
- <use xlink:href="#glyphShape-exclamationPoint" class="icon-glyphOverlay"/>
- </g>
- <g id="icon-warningTriangle-security" transform="translate(24 48)">
- <use xlink:href="#glyphShape-warningTriangle" class="icon-colorSwatch-security"/>
- <use xlink:href="#glyphShape-exclamationPoint" class="icon-glyphOverlay"/>
- </g>
- <g id="icon-infoCircle-logging" transform="translate(36 36)">
- <use xlink:href="#glyphShape-infoCircle" class="icon-colorSwatch-logging"/>
- <use xlink:href="#glyphShape-infoGlyph" class="icon-glyphOverlay"/>
- </g>
- <g id="light-icons">
- <path id="icon-indicator-input" d="M6.5,1.2L5.4,2.3L9,6L5.3,9.7l1.1,1.1L11,6L6.5,1.2z M1.5,1.2 L0.4,2.3L4,6L0.3,9.7l1.1,1.1L6,6L1.5,1.2z" transform="translate(48 36)"/>
- <polygon id="icon-indicator-output" points="10,5 4.3,5 6.8,2.4 5.5,1.2 1,6 5.5,10.8 6.9,9.6 4.3,7 10,7" transform="translate(60 36)"/>
- </g>
-</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/devtools/widgets.css b/arc-firefox-theme/chrome/browser/devtools/widgets.css
deleted file mode 100644
index a23f0f5..0000000
--- a/arc-firefox-theme/chrome/browser/devtools/widgets.css
+++ /dev/null
@@ -1,1590 +0,0 @@
-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-.theme-dark {
- --table-splitter-color: rgba(255,255,255,0.15);
- --table-zebra-background: rgba(255,255,255,0.05);
-}
-.theme-light {
- --table-splitter-color: rgba(0,0,0,0.15);
- --table-zebra-background: rgba(0,0,0,0.05);
-}
-
-/* Generic pane helpers */
-
-.generic-toggled-side-pane {
- -moz-margin-start: 0 !important;
- /* Unfortunately, transitions don't work properly with locale-aware properties,
- so both the left and right margins are set via js, while the start margin
- is always overridden here. */
-}
-
-.generic-toggled-side-pane[animated] {
- transition: margin 0.25s ease-in-out;
-}
-
-/* Responsive container */
-
-.devtools-responsive-container {
- -moz-box-orient: horizontal;
-}
-
-.devtools-main-content {
- min-width: 50px;
-}
-
-.devtools-main-content,
-.devtools-sidebar-tabs {
- /* Prevent some children that should be hidden from remaining visible as this is shrunk (Bug 971959) */
- position: relative;
-}
-
-@media (max-width: 700px) {
- .devtools-responsive-container {
- -moz-box-orient: vertical;
- }
-
- .devtools-responsive-container > .devtools-side-splitter {
- /* This is a normally vertical splitter, but we have turned it horizontal
- due to the smaller resolution */
- min-height: 3px;
- height: 3px;
- margin-top: -3px;
-
- /* Reset the vertical splitter styles */
- border-width: 0;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- -moz-margin-start: 0;
- width: auto;
- min-width: 0;
-
- /* In some edge case the cursor is not changed to n-resize */
- cursor: n-resize;
- }
-
- .devtools-responsive-container > .devtools-sidebar-tabs {
- min-height: 35vh;
- max-height: 75vh;
- }
-}
-
-/* BreacrumbsWidget */
-
-.breadcrumbs-widget-container {
- -moz-margin-end: 3px;
- max-height: 24px; /* Set max-height for proper sizing on linux */
- height: 24px; /* Set height to prevent starting small waiting for content */
-}
-
-.scrollbutton-up,
-.scrollbutton-down {
- -moz-appearance: none;
- background: transparent;
- box-shadow: none;
- border: none;
- list-style-image: none;
- margin: 0;
- padding: 0;
-}
-
-.scrollbutton-up > .toolbarbutton-icon,
-.scrollbutton-down > .toolbarbutton-icon {
- -moz-appearance: none;
- width: 7px;
- height: 16px;
- background-size: 14px 16px;
- background-position: 0 center;
- background-repeat: no-repeat;
- background-image: url("breadcrumbs-scrollbutton.png");
- list-style-image: none;
- margin: 0 8px;
- padding: 0;
-}
-
-@media (min-resolution: 1.1dppx) {
- .scrollbutton-up > .toolbarbutton-icon,
- .scrollbutton-down > .toolbarbutton-icon {
- background-image: url("breadcrumbs-scrollbutton@2x.png");
- }
-}
-
-.scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
-.scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
- background-position: -7px center;
-}
-
-.scrollbutton-up[disabled] > .toolbarbutton-icon,
-.scrollbutton-down[disabled] > .toolbarbutton-icon {
- opacity: 0.5;
-}
-
-/* Draw shadows to indicate there is more content 'behind' scrollbuttons. */
-.scrollbutton-up:-moz-locale-dir(ltr),
-.scrollbutton-down:-moz-locale-dir(rtl) {
- border-right: solid 1px rgba(255, 255, 255, .1);
- border-left: solid 1px transparent;
- box-shadow: 3px 0px 3px -3px var(--theme-sidebar-background);
-}
-
-.scrollbutton-down:-moz-locale-dir(ltr),
-.scrollbutton-up:-moz-locale-dir(rtl) {
- border-right: solid 1px transparent;
- border-left: solid 1px rgba(255, 255, 255, .1);
- box-shadow: -3px 0px 3px -3px var(--theme-sidebar-background);
-}
-
-.scrollbutton-up[disabled],
-.scrollbutton-down[disabled] {
- box-shadow: none;
- border-color: transparent;
-}
-
-.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
-.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
- transform: scaleX(-1);
-}
-
-/* The breadcrumb separator elements are used as background images with
- * -moz-element, so we position them offscreen since we don't care about
- * seeing the original elements.
- */
-.breadcrumb-separator-container {
- position: fixed;
- top: -1000px;
- left: -1000px;
-}
-
-#breadcrumb-separator-before,
-#breadcrumb-separator-after,
-#breadcrumb-separator-normal {
- width: 12px;
- height: 24px;
- overflow: hidden;
-}
-
-#breadcrumb-separator-before,
-#breadcrumb-separator-after:after {
- background: var(--theme-selection-background);
-}
-
-#breadcrumb-separator-after,
-#breadcrumb-separator-before:after {
- background: var(--theme-toolbar-background);
-}
-
-/* This chevron arrow cannot be replicated easily in CSS, so we are using
- * a background image for it (still keeping it in a separate element so
- * we can handle RTL support with a CSS transform).
- */
-#breadcrumb-separator-normal {
- background: url(breadcrumbs-divider@2x.png) no-repeat center right;
- background-size: 12px 24px;
-}
-
-/* Fake a triangle by rotating a rectangle inside the elements */
-#breadcrumb-separator-before:after,
-#breadcrumb-separator-after:after {
- content: "";
- display: block;
- width: 25px;
- height: 24px;
- transform: translateX(-18px) rotate(45deg);
- -moz-box-sizing: border-box;
-}
-
-.breadcrumbs-widget-item {
- background-color: transparent;
- -moz-appearance: none;
- min-height: 24px;
- min-width: 65px;
- margin: 0;
- padding: 0 8px 0 20px;
- border: none;
- outline: none;
- color: hsl(210,30%,85%);
-}
-
-.breadcrumbs-widget-item > .button-box {
- border: none;
- padding-top: 0;
- padding-bottom: 0;
-}
-
-
-.breadcrumbs-widget-item:not([checked]) {
- background: -moz-element(#breadcrumb-separator-normal) no-repeat center left;
-}
-
-.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item {
- background: -moz-element(#breadcrumb-separator-after) no-repeat 0 0;
-}
-
-.breadcrumbs-widget-item[checked] {
- background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0;
-}
-
-.breadcrumbs-widget-item[checked] {
- background-color: var(--theme-selection-background);
-}
-
-.breadcrumbs-widget-item:first-child {
- background-image: none;
-}
-
-/* RTL support: move the images that were on the left to the right,
- * and move images that were on the right to the left.
- */
-.breadcrumbs-widget-item:-moz-locale-dir(rtl) {
- padding: 0 20px 0 8px;
-}
-
-.breadcrumbs-widget-item:-moz-locale-dir(rtl),
-.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item:-moz-locale-dir(rtl) {
- background-position: center right;
-}
-
-#breadcrumb-separator-before:-moz-locale-dir(rtl),
-#breadcrumb-separator-after:-moz-locale-dir(rtl),
-#breadcrumb-separator-normal:-moz-locale-dir(rtl) {
- transform: scaleX(-1);
-}
-
-#breadcrumb-separator-before:-moz-locale-dir(rtl):after,
-#breadcrumb-separator-after:-moz-locale-dir(rtl):after {
- transform: translateX(-5px) rotate(45deg);
-}
-
-.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id,
-.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag,
-.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes,
-.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes {
- color: var(--theme-selection-color);
-}
-
-.theme-dark .breadcrumbs-widget-item {
- color: var(--theme-selection-color);
-}
-
-.theme-light .breadcrumbs-widget-item {
- color: var(--theme-body-color);
-}
-
-.breadcrumbs-widget-item-id {
- color: var(--theme-body-color-alt);
-}
-
-.breadcrumbs-widget-item-classes {
- color: var(--theme-content-color1);
-}
-
-.breadcrumbs-widget-item-pseudo-classes {
- color: var(--theme-highlight-lightorange);
-}
-
-.theme-dark .breadcrumbs-widget-item:not([checked]):hover label {
- color: white;
-}
-
-.theme-light .breadcrumbs-widget-item:not([checked]):hover label {
- color: black;
-}
-
-/* SimpleListWidget */
-
-.simple-list-widget-container {
- /* Hack: force hardware acceleration */
- transform: translateZ(1px);
-}
-
-.simple-list-widget-item.selected {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.theme-dark .simple-list-widget-item:not(.selected):hover {
- background-color: rgba(255,255,255,.05);
-}
-
-.theme-light .simple-list-widget-item:not(.selected):hover {
- background-color: rgba(0,0,0,.05);
-}
-
-.simple-list-widget-empty-text,
-.simple-list-widget-perma-text {
- padding: 4px 8px;
-}
-
-.simple-list-widget-empty-text,
-.simple-list-widget-perma-text {
- color: var(--theme-body-color-alt);
-}
-
-/* FastListWidget */
-
-.fast-list-widget-container {
- /* Hack: force hardware acceleration */
- transform: translateZ(1px);
-}
-
-.fast-list-widget-empty-text {
- padding: 4px 8px;
-}
-
-.fast-list-widget-empty-text {
- color: var(--theme-body-color-alt);
-}
-
-/* SideMenuWidget */
-
-.side-menu-widget-container {
- /* Hack: force hardware acceleration */
- transform: translateZ(1px);
-}
-
-/* SideMenuWidget container */
-
-.theme-dark .side-menu-widget-container:-moz-locale-dir(ltr),
-.theme-dark .side-menu-widget-empty-text:-moz-locale-dir(ltr) {
- box-shadow: inset -1px 0 0 #000;
-}
-
-.theme-dark .side-menu-widget-container:-moz-locale-dir(rtl),
-.theme-dark .side-menu-widget-empty-text:-moz-locale-dir(rtl) {
- box-shadow: inset 1px 0 0 #000;
-}
-
-.side-menu-widget-container:-moz-locale-dir(ltr),
-.side-menu-widget-empty-text:-moz-locale-dir(ltr) {
- box-shadow: inset -1px 0 0 #aaa;
-}
-
-.side-menu-widget-container:-moz-locale-dir(rtl),
-.side-menu-widget-empty-text:-moz-locale-dir(rtl) {
- box-shadow: inset 1px 0 0 #aaa;
-}
-
-.side-menu-widget-group {
- /* To allow visibility of the dark margin shadow. */
- -moz-margin-end: 1px;
-}
-
-.side-menu-widget-container[with-arrows=true] .side-menu-widget-item {
- /* To compensate for the arrow image's dark margin. */
- -moz-margin-end: -1px;
-}
-
-/* SideMenuWidget groups */
-
-.side-menu-widget-group-title {
- padding: 4px;
- background-color: var(--theme-tab-toolbar-background);
-}
-
-.theme-dark .side-menu-widget-group-title {
- color: var(--theme-content-color1);
-}
-
-.theme-light .side-menu-widget-group-title {
- color: var(--theme-content-color3);
-}
-
-/* SideMenuWidget items */
-
-.side-menu-widget-item {
- /* To compensate for the top and bottom borders */
- margin-top: -1px;
- margin-bottom: -1px;
- background-clip: padding-box;
-}
-
-.theme-dark .side-menu-widget-item {
- border-top: 1px solid rgba(0,0,0,0.2);
- border-bottom: 1px solid rgba(128,128,128,0.15);
- color: var(--theme-selection-color);
-}
-
-.theme-dark .side-menu-widget-item:last-of-type {
- box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
-}
-
-.theme-light .side-menu-widget-item {
- border-top: 1px solid rgba(128,128,128,0.15);
- border-bottom: 1px solid transparent;
- color: var(--theme-body-color);
-}
-
-.theme-light .side-menu-widget-item:last-of-type {
- box-shadow: inset 0 -1px 0 rgba(128,128,128,0.15);
-}
-
-.side-menu-widget-item.selected {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.side-menu-widget-item-arrow {
- -moz-margin-start: -7px;
- width: 7px; /* The image's width is 7 pixels */
- /* Cover the border of the side-menu-widget-item */
- margin-top: -1px;
- margin-bottom: -1px;
-}
-
-.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
- background-size: auto, 1px 100%;
- background-repeat: no-repeat;
-}
-
-.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
- background-position: center right, top right;
-}
-
-.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
- background-position: center left, top left;
-}
-
-.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
- background-image: url(itemArrow-dark-ltr.svg), linear-gradient(to right, #000, #000);
-}
-
-.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
- background-image: url(itemArrow-dark-rtl.svg), linear-gradient(to right, #000, #000);
-}
-
-.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
- background-image: url(itemArrow-ltr.svg), linear-gradient(to right, #aaa, #aaa);
-}
-
-.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
- background-image: url(itemArrow-rtl.svg), linear-gradient(to right, #aaa, #aaa);
-}
-
-/* SideMenuWidget items contents */
-
-.side-menu-widget-item-contents {
- padding: 4px;
- /* To avoid having content overlapping the arrow image. */
- -moz-padding-end: 8px;
-}
-
-.side-menu-widget-item-other {
- /* To avoid having content overlapping the arrow image. */
- -moz-padding-end: 8px;
- /* To compensate for the .side-menu-widget-item-contents padding. */
- -moz-margin-start: -4px;
- -moz-margin-end: -8px;
-}
-
-.side-menu-widget-item-other:first-of-type {
- margin-top: 4px;
-}
-
-.side-menu-widget-item-other:last-of-type {
- margin-bottom: -4px;
-}
-
-.theme-dark .side-menu-widget-item-other {
- background-color: rgba(0,0,0,.1);
-}
-
-.theme-light .side-menu-widget-item-other {
- background-color: rgba(128,128,128,.1);
-}
-
-.theme-dark .side-menu-widget-item.selected .side-menu-widget-item-other {
- background-color: rgba(0,0,0,.2); /* Darken the selection by 20% */
- color: var(--theme-selection-color);
-}
-
-.theme-light .side-menu-widget-item.selected .side-menu-widget-item-other {
- background-color: rgba(255,255,255,.8); /* Lighten the selection by 20% */
- color: var(--theme-body-color);
-}
-
-.side-menu-widget-item.selected .side-menu-widget-item-other.selected {
- background-color: transparent;
- color: var(--theme-selection-color);
-}
-
-/* SideMenuWidget checkboxes */
-
-.side-menu-widget-group-checkbox {
- margin: 0;
- -moz-margin-end: 4px;
-}
-
-.side-menu-widget-item-checkbox {
- margin: 0;
- -moz-margin-start: 4px;
-}
-
-/* SideMenuWidget misc */
-
-.theme-dark .side-menu-widget-container,
-.theme-dark .side-menu-widget-empty-text {
- background-color: var(--theme-toolbar-background);
-}
-
-.side-menu-widget-empty-text {
- padding: 4px 8px;
-}
-
-/* VariablesView */
-
-.variables-view-container {
- /* Hack: force hardware acceleration */
- transform: translateZ(1px);
-}
-
-.variables-view-empty-notice {
- padding: 2px;
-}
-
-.variables-view-empty-notice {
- color: var(--theme-body-color-alt);
-}
-
-.variables-view-scope:focus > .title,
-.variable-or-property:focus > .title {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.variables-view-scope > .title {
- border-top-width: 1px;
- border-top-style: solid;
- margin-top: -1px;
-}
-
-/* Generic variables traits */
-
-.variables-view-variable:not(:last-child) {
- border-bottom: 1px solid rgba(128, 128, 128, .15);
-}
-
-.variables-view-variable > .title > .name {
- font-weight: 600;
-}
-
-/* Generic variables *and* properties traits */
-
-.variable-or-property:focus > .title > label {
- color: inherit !important;
-}
-
-.variables-view-container .theme-twisty {
- margin: 2px;
-}
-
-.variable-or-property > .title > .theme-twisty {
- -moz-margin-start: 5px;
-}
-
-.variable-or-property:not([untitled]) > .variables-view-element-details {
- -moz-margin-start: 7px;
-}
-
-/* Traits applied when variables or properties are changed or overridden */
-
-.variable-or-property:not([overridden]) {
- transition: background 1s ease-in-out;
-}
-
-.variable-or-property:not([overridden])[changed] {
- transition-duration: .4s;
-}
-
-.variable-or-property[overridden] {
- background: rgba(128,128,128,0.05);
-}
-
-.variable-or-property[overridden] .title > label {
- /* Cross out the title for this variable and all child properties. */
- font-style: italic;
- text-decoration: line-through;
- border-bottom: none !important;
- color: rgba(128,128,128,0.9);
- opacity: 0.7;
-}
-
-/* Traits applied when variables or properties are editable */
-
-.variable-or-property[editable] > .title > .value {
- cursor: text;
-}
-
-.variable-or-property[overridden] .title > .value {
- /* Disallow editing this variable and all child properties. */
- pointer-events: none;
-}
-
-/* Custom configurable/enumerable/writable or frozen/sealed/extensible
- * variables and properties */
-
-.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name {
- opacity: 0.6;
-}
-
-.variable-or-property-non-writable-icon {
- background: url("chrome://browser/skin/devtools/vview-lock.png") no-repeat;
- background-size: cover;
- width: 16px;
- height: 16px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .variable-or-property-non-writable-icon {
- background-image: url("chrome://browser/skin/devtools/vview-lock@2x.png");
- }
-}
-
-.variable-or-property-frozen-label,
-.variable-or-property-sealed-label,
-.variable-or-property-non-extensible-label {
- height: 16px;
- -moz-padding-end: 4px;
-}
-
-.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label,
-.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label,
-.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label {
- color: #666;
-}
-
-/* Aligned values */
-
-.variables-view-container[aligned-values] .title > .separator {
- -moz-box-flex: 1;
-}
-
-.variables-view-container[aligned-values] .title > .value {
- -moz-box-flex: 0;
- width: 70vw;
-}
-
-.variables-view-container[aligned-values] .title > .element-value-input {
- width: calc(70vw - 10px);
-}
-
-/* Actions first */
-
-.variables-view-open-inspector {
- -moz-box-ordinal-group: 1;
-}
-
-.variables-view-edit,
-.variables-view-add-property {
- -moz-box-ordinal-group: 2;
-}
-
-.variable-or-property-frozen-label,
-.variable-or-property-sealed-label,
-.variable-or-property-non-extensible-label,
-.variable-or-property-non-writable-icon {
- -moz-box-ordinal-group: 3;
-}
-
-.variables-view-delete {
- -moz-box-ordinal-group: 4;
-}
-
-.variables-view-container[actions-first] .variables-view-delete,
-.variables-view-container[actions-first] .variables-view-add-property,
-.variables-view-container[actions-first] .variables-view-open-inspector {
- -moz-box-ordinal-group: 0;
-}
-
-.variables-view-container[actions-first] [invisible] {
- visibility: hidden;
-}
-
-/* Variables and properties tooltips */
-
-.variable-or-property > tooltip > label {
- margin: 0 2px 0 2px;
-}
-
-.variable-or-property[non-enumerable] > tooltip > label.enumerable,
-.variable-or-property[non-configurable] > tooltip > label.configurable,
-.variable-or-property[non-writable] > tooltip > label.writable,
-.variable-or-property[non-extensible] > tooltip > label.extensible {
- color: #800;
- text-decoration: line-through;
-}
-
-.variable-or-property[overridden] > tooltip > label.overridden {
- -moz-padding-start: 4px;
- -moz-border-start: 1px dotted #000;
-}
-
-.variable-or-property[safe-getter] > tooltip > label.WebIDL {
- -moz-padding-start: 4px;
- -moz-border-start: 1px dotted #000;
- color: #080;
-}
-
-/* Variables and properties editing */
-
-.variables-view-delete {
- background: url("chrome://browser/skin/devtools/vview-delete.png");
- background-size: cover;
- width: 16px;
- height: 16px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .variables-view-delete {
- background-image: url("chrome://browser/skin/devtools/vview-delete@2x.png");
- }
-}
-
-.variables-view-delete:hover {
- background-position: 16px;
-}
-
-.variables-view-delete:active {
- background-position: 32px;
-}
-
-.variable-or-property:focus > .title > .variables-view-delete {
- background-position: 0px;
-}
-
-.variables-view-edit {
- background: url("chrome://browser/skin/devtools/vview-edit.png");
- background-size: cover;
- width: 16px;
- height: 16px;
- cursor: pointer;
-}
-
-@media (min-resolution: 1.1dppx) {
- .variables-view-edit {
- background-image: url("chrome://browser/skin/devtools/vview-edit@2x.png");
- }
-}
-
-.variables-view-edit:hover {
- background-position: 16px;
-}
-
-.variables-view-edit:active {
- background-position: 32px;
-}
-
-.variable-or-property:focus > .title > .variables-view-edit {
- background-position: 0px;
-}
-
-.variables-view-open-inspector {
- background: url("chrome://browser/skin/devtools/vview-open-inspector.png");
- background-size: cover;
- width: 16px;
- height: 16px;
- cursor: pointer;
-}
-
-@media (min-resolution: 1.1dppx) {
- .variables-view-open-inspector {
- background-image: url("chrome://browser/skin/devtools/vview-open-inspector@2x.png");
- }
-}
-
-.variables-view-open-inspector:hover {
- background-position: 16px;
-}
-
-.variables-view-open-inspector:active {
- background-position: 32px;
-}
-
-.variable-or-property:focus > .title > .variables-view-open-inspector {
- background-position: 0px;
-}
-
-/* Variables and properties input boxes */
-
-.variable-or-property > .title > .separator + .element-value-input {
- -moz-margin-start: -2px !important;
- -moz-margin-end: 2px !important;
-}
-
-.variable-or-property > .title > .separator[hidden=true] + .element-value-input {
- -moz-margin-start: 4px !important;
- -moz-margin-end: 2px !important;
-}
-
-.element-name-input {
- -moz-margin-start: -2px !important;
- -moz-margin-end: 2px !important;
- font-weight: 600;
-}
-
-.element-value-input,
-.element-name-input {
- border: 1px solid rgba(128, 128, 128, .5) !important;
- border-radius: 0;
- color: inherit;
-}
-
-/* Variables and properties searching */
-
-.variable-or-property[unmatched] {
- border: none;
- margin: 0;
-}
-
-/* Canvas graphs */
-
-.graph-widget-container {
- position: relative;
-}
-
-.graph-widget-canvas {
- width: 100%;
- height: 100%;
-}
-
-.graph-widget-canvas[input=hovering-background] {
- cursor: text;
-}
-
-.graph-widget-canvas[input=hovering-region] {
- cursor: pointer;
-}
-
-.graph-widget-canvas[input=hovering-selection-start-boundary],
-.graph-widget-canvas[input=hovering-selection-end-boundary],
-.graph-widget-canvas[input=adjusting-selection-boundary] {
- cursor: col-resize;
-}
-
-.graph-widget-canvas[input=adjusting-view-area] {
- cursor: grabbing;
-}
-
-.graph-widget-canvas[input=hovering-selection-contents] {
- cursor: grab;
-}
-
-.graph-widget-canvas[input=dragging-selection-contents] {
- cursor: grabbing;
-}
-
-/* Line graph widget */
-
-.line-graph-widget-gutter {
- position: absolute;
- width: 10px;
- height: 100%;
- top: 0;
- left: 0;
- pointer-events: none;
- -moz-border-end: 1px solid;
-}
-
-.theme-light .line-graph-widget-gutter {
- background: rgba(255,255,255,0.75);
- -moz-border-end-color: rgba(255,255,255,0.25);
-}
-
-.theme-dark .line-graph-widget-gutter {
- background: rgba(0,0,0,0.5);
- -moz-border-end-color: rgba(0,0,0,0.25);
-}
-
-.line-graph-widget-gutter-line {
- position: absolute;
- width: 100%;
- border-top: 1px solid;
-}
-
-.line-graph-widget-gutter-line[type=maximum] {
- border-color: #2cbb0f;
-}
-
-.line-graph-widget-gutter-line[type=minimum] {
- border-color: #ed2655;
-}
-
-.line-graph-widget-gutter-line[type=average] {
- border-color: #d97e00;
-}
-
-.line-graph-widget-tooltip {
- position: absolute;
- border-radius: 2px;
- line-height: 15px;
- -moz-padding-start: 6px;
- -moz-padding-end: 6px;
- transform: translateY(-50%);
- font-size: 0.8rem !important;
- z-index: 1;
- pointer-events: none;
-}
-
-.theme-light .line-graph-widget-tooltip {
- background: rgba(255,255,255,0.75);
-}
-
-.theme-dark .line-graph-widget-tooltip {
- background: rgba(0,0,0,0.5);
-}
-
-.line-graph-widget-tooltip[with-arrows=true]::before {
- content: "";
- position: absolute;
- border-top: 3px solid transparent;
- border-bottom: 3px solid transparent;
- top: calc(50% - 3px);
-}
-
-.line-graph-widget-tooltip[arrow=start][with-arrows=true]::before {
- -moz-border-end: 3px solid;
- left: -3px;
-}
-
-.line-graph-widget-tooltip[arrow=end][with-arrows=true]::before {
- -moz-border-start: 3px solid;
- right: -3px;
-}
-
-.theme-light .line-graph-widget-tooltip[arrow=start][with-arrows=true]::before {
- -moz-border-end-color: rgba(255,255,255,0.75);
-}
-
-.theme-dark .line-graph-widget-tooltip[arrow=start][with-arrows=true]::before {
- -moz-border-end-color: rgba(0,0,0,0.5);
-}
-
-.theme-light .line-graph-widget-tooltip[arrow=end][with-arrows=true]::before {
- -moz-border-start-color: rgba(255,255,255,0.75);
-}
-
-.theme-dark .line-graph-widget-tooltip[arrow=end][with-arrows=true]::before {
- -moz-border-start-color: rgba(0,0,0,0.5);
-}
-
-.line-graph-widget-tooltip[type=maximum] {
- left: 14px;
-}
-
-.line-graph-widget-tooltip[type=minimum] {
- left: 14px;
-}
-
-.line-graph-widget-tooltip[type=average] {
- right: 4px;
-}
-
-.line-graph-widget-tooltip > [text=info] {
- color: var(--theme-content-color1);
-}
-
-.line-graph-widget-tooltip > [text=value] {
- -moz-margin-start: 3px;
-}
-
-.line-graph-widget-tooltip > [text=metric] {
- -moz-margin-start: 1px;
- color: var(--theme-content-color3);
-}
-
-.theme-light .line-graph-widget-tooltip > [text=value],
-.theme-light .line-graph-widget-tooltip > [text=metric] {
- text-shadow: 1px 0px rgba(255,255,255,0.5),
- -1px 0px rgba(255,255,255,0.5),
- 0px -1px rgba(255,255,255,0.5),
- 0px 1px rgba(255,255,255,0.5);
-}
-
-.theme-dark .line-graph-widget-tooltip > [text=value],
-.theme-dark .line-graph-widget-tooltip > [text=metric] {
- text-shadow: 1px 0px rgba(0,0,0,0.5),
- -1px 0px rgba(0,0,0,0.5),
- 0px -1px rgba(0,0,0,0.5),
- 0px 1px rgba(0,0,0,0.5);
-}
-
-.line-graph-widget-tooltip[type=maximum] > [text=value] {
- color: var(--theme-highlight-green);
-}
-
-.line-graph-widget-tooltip[type=minimum] > [text=value] {
- color: var(--theme-highlight-red);
-}
-
-.line-graph-widget-tooltip[type=average] > [text=value] {
- color: var(--theme-highlight-orange);
-}
-
-/* Bar graph widget */
-
-.bar-graph-widget-legend {
- position: absolute;
- top: 4px;
- left: 8px;
- color: #292e33;
- font-size: 80%;
- pointer-events: none;
-}
-
-.bar-graph-widget-legend-item {
- float: left;
- -moz-margin-end: 8px;
-}
-
-.bar-graph-widget-legend-item > [view="color"],
-.bar-graph-widget-legend-item > [view="label"] {
- vertical-align: middle;
-}
-
-.bar-graph-widget-legend-item > [view="color"] {
- display: inline-block;
- width: 8px;
- height: 8px;
- border: 1px solid #fff;
- border-radius: 1px;
- -moz-margin-end: 4px;
- pointer-events: all;
- cursor: pointer;
-}
-
-.bar-graph-widget-legend-item > [view="label"] {
- text-shadow: 1px 0px rgba(255,255,255,0.8),
- -1px 0px rgba(255,255,255,0.8),
- 0px -1px rgba(255,255,255,0.8),
- 0px 1px rgba(255,255,255,0.8);
-}
-
-/* Charts */
-
-.generic-chart-container {
- /* Hack: force hardware acceleration */
- transform: translateZ(1px);
-}
-
-.theme-dark .generic-chart-container {
- color: var(--theme-selection-color);
-}
-
-.theme-light .generic-chart-container {
- color: var(--theme-body-color-alt);
-}
-
-.chart-colored-blob {
- fill: var(--theme-content-color2);
- background: var(--theme-content-color2);
-}
-
-/* Charts: Pie */
-
-.pie-chart-slice {
- stroke-width: 1px;
- cursor: pointer;
-}
-
-.theme-dark .pie-chart-slice {
- stroke: rgba(0,0,0,0.2);
-}
-
-.theme-light .pie-chart-slice {
- stroke: rgba(255,255,255,0.8);
-}
-
-.theme-dark .pie-chart-slice[largest] {
- stroke-width: 2px;
- stroke: #fff;
-}
-
-.theme-light .pie-chart-slice[largest] {
- stroke: #000;
-}
-
-.pie-chart-label {
- text-anchor: middle;
- dominant-baseline: middle;
- pointer-events: none;
-}
-
-.theme-dark .pie-chart-label {
- fill: #000;
-}
-
-.theme-light .pie-chart-label {
- fill: #fff;
-}
-
-.pie-chart-container[slices="1"] > .pie-chart-slice {
- stroke-width: 0px;
-}
-
-.pie-chart-slice,
-.pie-chart-label {
- transition: all 0.1s ease-out;
-}
-
-.pie-chart-slice:not(:hover):not([focused]),
-.pie-chart-slice:not(:hover):not([focused]) + .pie-chart-label {
- transform: none !important;
-}
-
-/* Charts: Table */
-
-.table-chart-title {
- padding-bottom: 10px;
- font-size: 120%;
- font-weight: 600;
-}
-
-.table-chart-row {
- margin-top: 1px;
- cursor: pointer;
-}
-
-.table-chart-grid:hover > .table-chart-row {
- transition: opacity 0.1s ease-in-out;
-}
-
-.table-chart-grid:not(:hover) > .table-chart-row {
- transition: opacity 0.2s ease-in-out;
-}
-
-.generic-chart-container:hover > .table-chart-grid:hover > .table-chart-row:not(:hover),
-.generic-chart-container:hover ~ .table-chart-container > .table-chart-grid > .table-chart-row:not([focused]) {
- opacity: 0.4;
-}
-
-.table-chart-row-box {
- width: 8px;
- height: 1.5em;
- -moz-margin-end: 10px;
-}
-
-.table-chart-row-label {
- width: 8em;
- -moz-padding-end: 6px;
- cursor: inherit;
-}
-
-.table-chart-totals {
- margin-top: 8px;
- padding-top: 6px;
-}
-
-.table-chart-totals {
- border-top: 1px solid var(--theme-body-color-alt); /* Grey foreground text */
-}
-
-.table-chart-summary-label {
- font-weight: 600;
- padding: 1px 0px;
-}
-
-.theme-dark .table-chart-summary-label {
- color: var(--theme-selection-color);
-}
-
-.theme-light .table-chart-summary-label {
- color: var(--theme-body-color);
-}
-
-/* Table Widget */
-
-/* Table body */
-
-.table-widget-body > .devtools-side-splitter {
- border: none;
-}
-
-.table-widget-body {
- overflow: auto;
-}
-
-.table-widget-body,
-.table-widget-empty-text {
- background-color: var(--theme-body-background);
-}
-
-/* Column Headers */
-
-.table-widget-column-header,
-.table-widget-cell {
- -moz-border-end: 1px solid var(--table-splitter-color) !important;
-}
-
-/* Table widget column header colors are taken from netmonitor.inc.css to match
- the look of both the tables. This needs to be updated along with netmonitor
- header colors in bug 951714 */
-
-.table-widget-column-header {
- background: rgba(0,0,0,0);
- position: sticky;
- top: 0;
- width: 100%;
- padding: 5px 0 0 !important;
- color: inherit;
- text-align: center;
- font-weight: inherit !important;
- transition: background-color 0.1s ease-in-out;
-}
-
-.table-widget-column-header:hover {
- background-image: linear-gradient(rgba(0,0,0,0.10), rgba(0,0,0,0.10));
-}
-
-.table-widget-column-header:hover:active {
- background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25));
-}
-
-.table-widget-column-header:not(:active)[sorted] {
- background-image: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15));
-}
-
-.table-widget-column-header:not(:active)[sorted=ascending] {
- background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3)),
- linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15));
- background-size: 100% 1px, auto;
- background-repeat: no-repeat, repeat;
-}
-
-.table-widget-column-header:not(:active)[sorted=descending] {
- background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3)),
- linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15));
- background-size: 100% 1px, auto;
- background-repeat: no-repeat, repeat;
- background-position: bottom;
-}
-
-/* Cells */
-
-.table-widget-cell {
- width: 100%;
- padding: 3px 4px;
- background-clip: padding-box;
- min-width: 100px;
- -moz-user-focus: normal;
- margin-bottom: -1px !important;
- border-bottom: 1px solid transparent;
- color: var(--theme-body-color);
-}
-
-.table-widget-cell:last-child {
- border-bottom: 1px solid var(--table-splitter-color);
-}
-
-:root:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
-.table-widget-cell:not(.theme-selected)[odd] {
- background: var(--table-zebra-background);
-}
-
-.table-widget-cell.flash-out {
- animation: flash-out 0.5s ease-in;
-}
-
-@keyframes flash-out {
- to {
- background: var(--theme-contrast-background);
- }
-}
-
-/* Empty text and initial text */
-
-.table-widget-empty-text {
- display: none;
- text-align: center;
- font-size: large;
- margin-top: -20px !important;
-}
-
-.table-widget-body:empty + .table-widget-empty-text:not([value=""]),
-.table-widget-body[empty] + .table-widget-empty-text:not([value=""]) {
- display: block;
-}
-
-/* Tree Widget */
-
-.tree-widget-container {
- padding: 0;
- margin: 0;
- width: 100%;
- height: 100%;
- list-style: none;
- overflow: hidden;
- -moz-margin-end: 40px;
-}
-
-.tree-widget-container:-moz-focusring,
-.tree-widget-container *:-moz-focusring {
- outline-style: none;
-}
-
-.tree-widget-empty-text {
- padding: 10px 20px;
- font-size: medium;
- background: transparent;
- pointer-events: none;
-}
-
-/* Tree Item */
-
-.tree-widget-container .tree-widget-item {
- padding: 2px 0px 4px;
- /* OSX has line-height 14px by default, which causes weird alignment issues
- * because of 20px high icons. thus making line-height consistent with that of
- * windows.
- */
- line-height: 17px !important;
- display: inline-block;
- width: 100%;
- word-break: keep-all; /* To prevent long urls like http://foo.com/bar from
- breaking in multiple lines */
-}
-
-.tree-widget-container .tree-widget-children {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-
-.tree-widget-item[level="1"] {
- font-weight: 700;
-}
-
-/* Twisties */
-.tree-widget-item::before {
- content: "";
- width: 14px;
- height: 14px;
- float: left;
- margin: 3px 2px -3px;
- background-repeat: no-repeat;
- background-image: url("chrome://browser/skin/devtools/controls.png");
- background-size: 56px 28px;
- cursor: pointer;
- background-position: -28px -14px;
-}
-
-.tree-widget-item:-moz-locale-dir(rtl)::before {
- float: right;
- transform: scaleX(-1);
-}
-
-.theme-light .tree-widget-item:not(.theme-selected)::before {
- background-position: 0 -14px;
-}
-
-.tree-widget-item[empty]::before {
- background: transparent;
-}
-
-.tree-widget-item[expanded]::before {
- background-position: -42px -14px;
-}
-
-.theme-light .tree-widget-item:not(.theme-selected)[expanded]:before {
- background-position: -14px -14px;
-}
-
-.tree-widget-item + ul {
- overflow: hidden;
- animation: collapse-tree-item 0.2s;
- max-height: 0;
-}
-
-.tree-widget-item[expanded] + ul {
- animation: expand-tree-item 0.3s;
- max-height: unset;
-}
-
-@keyframes collapse-tree-item {
- from {
- max-height: 300px;
- }
- to {
- max-height: 0;
- }
-}
-
-@keyframes expand-tree-item {
- from {
- max-height: 0;
- }
- to {
- max-height: 500px;
- }
-}
-
-@media (min-resolution: 1.1dppx) {
- .tree-widget-item:before {
- background-image: url("chrome://browser/skin/devtools/controls@2x.png");
- }
-}
-
-/* Indentation of child items in the tree */
-
-/* For level > 6 */
-.tree-widget-item[level] + ul > li > .tree-widget-item {
- -moz-padding-start: 98px;
-}
-
-/* First level */
-.tree-widget-item[level="1"] + ul > li > .tree-widget-item {
- -moz-padding-start: 14px;
-}
-
-/* Second level */
-.tree-widget-item[level="2"] + ul > li > .tree-widget-item {
- -moz-padding-start: 28px;
-}
-
-/* Third level */
-.tree-widget-item[level="3"] + ul > li > .tree-widget-item {
- -moz-padding-start: 42px;
-}
-
-/* Fourth level */
-.tree-widget-item[level="4"] + ul > li > .tree-widget-item {
- -moz-padding-start: 56px;
-}
-
-/* Fifth level */
-.tree-widget-item[level="5"] + ul > li > .tree-widget-item {
- -moz-padding-start: 70px;
-}
-
-/* Sixth level */
-.tree-widget-item[level="6"] + ul > li > .tree-widget-item {
- -moz-padding-start: 84px;
-}
-
-/* Custom icons for certain tree items indicating the type of the item */
-
-.tree-widget-item[type]::after {
- content: "";
- float: left;
- width: 16px;
- height: 17px;
- -moz-margin-end: 4px;
- background-repeat: no-repeat;
- background-size: 20px auto;
- background-position: 0 0;
- background-size: auto 20px;
- opacity: 0.75;
-}
-
-.tree-widget-item.theme-selected[type]::after {
- opacity: 1;
-}
-
-.tree-widget-item:-moz-locale-dir(rtl)::after {
- float: right;
-}
-
-.theme-light .tree-widget-item.theme-selected[type]::after,
-.theme-dark .tree-widget-item[type]::after {
- filter: invert(1);
-}
-
-.tree-widget-item[type="dir"]::after {
- background-image: url(chrome://browser/skin/devtools/filetype-dir-close.svg);
- background-position: 2px 0;
- background-size: auto 16px;
- width: 20px;
-}
-
-.tree-widget-item[type="dir"][expanded]:not([empty])::after {
- background-image: url(chrome://browser/skin/devtools/filetype-dir-open.svg);
-}
-
-.tree-widget-item[type="url"]::after {
- background-image: url(chrome://browser/skin/devtools/filetype-globe.svg);
- background-size: auto 18px;
- width: 18px;
-}
-
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-/* Manifest Editor overrides */
-
-.variables-view-container.manifest-editor {
- background-color: #F5F5F5;
- padding: 20px 2px;
-}
-
-.manifest-editor .variable-or-property:focus > .title {
- background-color: #EDEDED;
- color: #000;
- border-radius: 4px;
-}
-
-.manifest-editor .variables-view-property > .title > .name {
- color: #27406A;
-}
-
-.manifest-editor .variable-or-property > .title > label,
-.manifest-editor textbox {
- font-family: monospace;
-}
-
-.manifest-editor .variable-or-property > .title > .token-string {
- color: #54BC6A;
- font-weight: bold;
-}
-
-.manifest-editor .variable-or-property > .title > .token-boolean,
-.manifest-editor .variable-or-property > .title > .token-number {
- color: #009BD4;
- font-weight: bold;
-}
-
-.manifest-editor .variable-or-property > .title > .token-undefined {
- color: #bbb;
-}
-
-.manifest-editor .variable-or-property > .title > .token-null {
- color: #999;
-}
-
-.manifest-editor .variable-or-property > .title > .token-other {
- color: #333;
-}
-
-.manifest-editor .variables-view-variable {
- border-bottom: none;
-}
-
-.manifest-editor .variables-view-delete,
-.manifest-editor .variables-view-delete:hover,
-.manifest-editor .variables-view-delete:active,
-.manifest-editor .variable-or-property:focus .variables-view-delete,
-.manifest-editor .variables-view-add-property,
-.manifest-editor .variables-view-add-property:hover,
-.manifest-editor .variables-view-add-property:active,
-.manifest-editor .variable-or-property:focus .variables-view-add-property {
- list-style-image: none;
- -moz-image-region: initial;
-}
-
-.manifest-editor .variables-view-delete::before,
-.manifest-editor .variables-view-add-property::before {
- width: 11px;
- height: 11px;
- content: "";
- display: inline-block;
- background-size: 11px auto;
-}
-
-.manifest-editor .variables-view-delete::before {
- background-image: url("app-manager/remove.svg");
-}
-
-.manifest-editor .variables-view-add-property::before {
- background-image: url("app-manager/add.svg");
- -moz-margin-end: 2px;
-}
diff --git a/arc-firefox-theme/chrome/browser/magnifier.png b/arc-firefox-theme/chrome/browser/magnifier.png
deleted file mode 100644
index bcce4ad..0000000
--- a/arc-firefox-theme/chrome/browser/magnifier.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/magnifier@2x.png b/arc-firefox-theme/chrome/browser/magnifier@2x.png
deleted file mode 100644
index 6aef26a..0000000
--- a/arc-firefox-theme/chrome/browser/magnifier@2x.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/newtab/newTab.css b/arc-firefox-theme/chrome/browser/newtab/newTab.css
index 16a21d3..4cab8c4 100644
--- a/arc-firefox-theme/chrome/browser/newtab/newTab.css
+++ b/arc-firefox-theme/chrome/browser/newtab/newTab.css
@@ -134,6 +134,12 @@
overflow: hidden;
}
+/***
+ * If you change the sizes here, change them in newTab.css
+ * and the preference values:
+ * toolkit.pageThumbs.minWidth
+ * toolkit.pageThumbs.minHeight
+ */
/* THUMBNAILS */
.newtab-thumbnail {
background-origin: padding-box;
diff --git a/arc-firefox-theme/chrome/browser/notification-16.png b/arc-firefox-theme/chrome/browser/notification-16.png
deleted file mode 100644
index 6b2df73..0000000
--- a/arc-firefox-theme/chrome/browser/notification-16.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/notification-64.png b/arc-firefox-theme/chrome/browser/notification-64.png
deleted file mode 100644
index a01d0ab..0000000
--- a/arc-firefox-theme/chrome/browser/notification-64.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css b/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css
index 16d0aee..b308d91 100644
--- a/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css
+++ b/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css
@@ -94,8 +94,8 @@
.pref-icon[type="geo"] {
list-style-image: url(chrome://browser/skin/Geolocation-64.png);
}
-.pref-icon[type="push"] {
- list-style-image: url(chrome://browser/skin/Push-64.png);
+.pref-icon[type="desktop-notification"] {
+ list-style-image: url(chrome://browser/skin/web-notifications-icon.svg);
}
.pref-icon[type="indexedDB"] {
list-style-image: url(chrome://global/skin/icons/question-64.png);
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
index 30b860f..a7bf8c5 100644
--- a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
@@ -170,6 +170,10 @@ treecol {
margin-right: 4px !important;
}
+#notificationsPolicyLearnMore {
+ -moz-margin-start: 1.5em !important;
+}
+
#defaultFontSizeLabel {
/* !important needed to override common !important rule */
-moz-margin-start: 4px !important;
@@ -270,7 +274,9 @@ description > html|a {
}
.indent {
- -moz-margin-start: 33px;
+ /* !important needed to override -moz-margin-start:0 !important; rule
+ define in common.css for labels */
+ -moz-margin-start: 33px !important;
}
.text-link {
@@ -588,6 +594,7 @@ description > html|a {
}
.fxaAccountBoxButtons > button {
+ text-align: center;
padding-left: 11px;
padding-right: 11px;
margin: 0;
@@ -616,8 +623,7 @@ description > html|a {
}
.fxaMobilePromo {
- margin-top: 14px;
- margin-bottom: 41px;
+ margin-bottom: 31px;
}
#fxaLoginRejectedWarning {
@@ -630,28 +636,16 @@ description > html|a {
margin-bottom: 27.5px;
}
-.androidLogo {
- list-style-image: url(chrome://browser/skin/fxa/android.png);
- max-width: 24px;
- position: relative;
- top: 8px;
- margin: 0px;
- margin-inline-end: 5px;
-}
-
-.androidLink {
+.androidLink,
+.iOSLink {
margin: 0;
}
#tosPP-small {
+ margin-top: 20px;
margin-bottom: 20px;
}
-.androidAttribution {
- font-size: 12px;
- color: #D1D2D3;
-}
-
@media (min-resolution: 1.1dppx) {
.fxaSyncIllustration {
list-style-image: url(chrome://browser/skin/fxa/sync-illustration@2x.png)
@@ -659,9 +653,6 @@ description > html|a {
.fxaFirefoxLogo {
list-style-image: url(chrome://browser/skin/fxa/logo@2x.png);
}
- .androidLogo {
- list-style-image: url(chrome://browser/skin/fxa/android@2x.png);
- }
#fxaProfileImage {
list-style-image: url(chrome://browser/skin/fxa/default-avatar@2x.png);
}
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
index fd0d813..cdd94fb 100644
--- a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -67,6 +67,10 @@ $darker_asset_path_2: if($darker=='true', 'dark', $asset_path);
background-color: rgba(0,0,0,.3);
}
+//#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
+// background-image: linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,.4));
+//}
+
#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
-moz-appearance: none;
border-style: none;
@@ -129,11 +133,6 @@ $darker_asset_path_2: if($darker=='true', 'dark', $asset_path);
background-color: -moz-Dialog;
}
-#urlbar:-moz-lwtheme:not([focused="true"]),
-.searchbar-textbox:-moz-lwtheme:not([focused="true"]) {
- opacity: .85;
-}
-
/* Places toolbar */
toolbarbutton.bookmark-item:not(.subviewbutton),
#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
@@ -600,6 +599,18 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
}
/* Primary toolbar buttons */
+
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
+ max-width: 16px;
+}
+
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ max-width: 18px;
+}
+
.findbar-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
@@ -624,21 +635,17 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
transition-duration: 150ms;
}
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
padding: 3px 7px;
}
-/* Help SDK icons fit: */
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
- width: 16px;
-}
-
-:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
- /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
- width: 32px;
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ /* horizontal padding + border + actual icon width */
+ max-width: 32px !important /* bug 561154 */;
}
#nav-bar #PanelUI-menu-button {
@@ -715,18 +722,33 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
padding: 3px;
}
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons > .toolbarbutton-1 {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons:not(:hover) > separator,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
content: "";
display: -moz-box;
width: 1px;
height: 18px;
-moz-margin-end: -1px;
- background-image: var(--toolbarbutton-combined-backgroundimage);
- background-clip: padding-box;
+ background-image: linear-gradient(currentColor 0, currentColor 100%);
background-position: center;
background-repeat: no-repeat;
background-size: 1px 18px;
- box-shadow: var(--toolbarbutton-combined-boxshadow);
+ opacity: .2;
+}
+
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbaritem-combined-buttons > separator,
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ opacity: .3;
}
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
@@ -735,6 +757,16 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
//margin-bottom: 3px;
}
+//:-moz-any(#back-button, #forward-button) > .toolbarbutton-icon {
+// border-color: var(--urlbar-border-color) !important /* bug 561154 */;
+//}
+
+//:-moz-any(#back-button, #forward-button):not(:hover):not(:active):not([open=true]) > .toolbarbutton-icon,
+//:-moz-any(#back-button, #forward-button)[disabled=true] > .toolbarbutton-icon {
+// background-color: rgba(255,255,255,.25) !important /* bug 561154 */;
+// background-clip: padding-box;
+//}
+
//#back-button {
// padding-top: 3px;
// padding-bottom: 3px;
@@ -755,41 +787,8 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
//#back-button > .toolbarbutton-icon {
// border-radius: 10000px;
-// background-clip: padding-box;
// padding: 6px;
-// border: none;
-// box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
-// 0 0 0 1px hsla(0,0%,100%,.3) inset,
-// 0 0 0 1px hsla(210,54%,20%,.25),
-// 0 1px 0 hsla(210,54%,20%,.35);
-// background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
-// transition-property: background-color, box-shadow;
-// transition-duration: 250ms;
-//}
-
-//#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
-// background-color: hsla(210,48%,96%,.75);
-// box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
-// 0 0 0 1px hsla(0,0%,100%,.3) inset,
-// 0 0 0 1px hsla(210,54%,20%,.3),
-// 0 1px 0 hsla(210,54%,20%,.4),
-// 0 0 4px hsla(210,54%,20%,.2);
-//}
-
-//#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
-//#back-button[open="true"] > .toolbarbutton-icon {
-// background-color: hsla(210,54%,20%,.15);
-// box-shadow: 0 1px 1px hsla(210,54%,20%,.1) inset,
-// 0 0 1px hsla(210,54%,20%,.2) inset,
-// 0 0 0 1px hsla(210,54%,20%,.4),
-// 0 1px 0 hsla(210,54%,20%,.2);
-// transition: none;
-//}
-
-//#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon {
-// box-shadow: 0 0 0 1px hsla(210,54%,20%,.55),
-// 0 1px 0 hsla(210,54%,20%,.65) !important;
-// transition: none;
+// max-width: 32px; /* horizontal padding + border + icon width */
//}
#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
@@ -873,7 +872,7 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
/* Menu panel buttons */
-:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg");
@@ -881,7 +880,7 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
}
-#back-button, #forward-button, #home-button, #print-button, #downloads-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button {
+#back-button, #back-button, #forward-button, #home-button, #print-button, #downloads-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button {
#nav-bar &:not([disabled=true]):-moz-any([open],[checked],:hover:active),
#TabsToolbar &:not([disabled=true]):-moz-any([open],[checked],:hover:active) {
@@ -1077,10 +1076,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
transform: scaleX(-1);
}
-#web-apps-button[cui-areatype="toolbar"] {
- -moz-image-region: rect(0, 720px, 18px, 702px);
-}
-
#loop-button {
list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/loop-toolbar-icons.svg");
-moz-image-region: rect(0, 18px, 18px, 0);
@@ -1146,8 +1141,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
@media not all and (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image);
}
@@ -1304,11 +1299,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(32px, 896px, 64px, 864px);
}
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 928px, 32px, 896px);
- }
-
#webide-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #webide-button {
-moz-image-region: rect(0px, 960px, 32px, 928px);
@@ -1406,8 +1396,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
/* Menu panel and palette styles */
@media (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image-2x);
}
@@ -1614,11 +1604,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-image-region: rect(64px, 1792px, 128px, 1728px);
}
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 1856px, 64px, 1792px);
- }
-
toolbaritem[sdkstylewidget="true"] > toolbarbutton {
-moz-image-region: rect(0, 1664px, 64px, 1600px);
}
@@ -1706,7 +1691,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
&:active { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/minimize_pressed.svg"); }
}
-/* Location bar */
#urlbar,
.searchbar-textbox {
-moz-appearance: none;
@@ -1727,6 +1711,17 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
// background-color: -moz-field;
//}
+#urlbar:-moz-lwtheme,
+.searchbar-textbox:-moz-lwtheme {
+ background-color: rgba(255,255,255,.8);
+ color: black;
+}
+
+#urlbar:-moz-lwtheme[focused=true],
+.searchbar-textbox:-moz-lwtheme[focused=true] {
+ background-color: white;
+}
+
.urlbar-textbox-container {
-moz-appearance: none;
-moz-box-align: center;
@@ -1741,7 +1736,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
transition: opacity 0.15s ease;
}
-#urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker {
+#navigator-toolbox:not(:hover) .urlbar-history-dropmarker {
opacity: 0;
}
@@ -2026,6 +2021,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
list-style-image: url(chrome://browser/skin/identity-secure.svg);
}
+.insecureLoginForms > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
.mixedActiveContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-mixed-active-loaded.svg);
}
@@ -2063,10 +2059,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
list-style-image: url(chrome://browser/skin/Geolocation-64.png);
}
-.popup-notification-icon[popupid="push"] {
- list-style-image: url(chrome://browser/skin/Push-64.png);
-}
-
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
.popup-notification-icon[popupid="addon-install-origin-blocked"] {
@@ -2102,7 +2094,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
}
.popup-notification-icon[popupid="web-notifications"] {
- list-style-image: url(chrome://browser/skin/notification-64.png);
+ list-style-image: url(chrome://browser/skin/web-notifications-icon.svg);
}
.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
@@ -2189,10 +2181,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
list-style-image: url(chrome://browser/skin/Geolocation-16.png);
}
-#push-notification-icon {
- list-style-image: url(chrome://browser/skin/Push-16.png);
-}
-
#addons-notification-icon {
list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default);
}
@@ -2301,7 +2289,18 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.web-notifications-notification-icon,
#web-notifications-notification-icon {
- list-style-image: url(chrome://browser/skin/notification-16.png);
+ list-style-image: url(chrome://browser/skin/web-notifications-tray.svg);
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.web-notifications-notification-icon:hover,
+#web-notifications-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+.web-notifications-notification-icon:hover:active,
+#web-notifications-notification-icon:hover:active {
+ -moz-image-region: rect(0, 48px, 16px, 32px);
}
.pointerLock-notification-icon,
@@ -3456,6 +3455,31 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%;
}
+/* User Context UI - change tab decoration depending on userContextId.
+ Defaults to gray for unknown usercontextids. */
+.tabbrowser-tab[usercontextid] {
+ background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%);
+ background-size: auto 2px;
+ background-repeat: no-repeat;
+}
+
+/* Personal User Context */
+.tabbrowser-tab[usercontextid="1"] {
+ background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%);
+}
+/* Work User Context */
+.tabbrowser-tab[usercontextid="2"] {
+ background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%);
+}
+/* Banking User Context */
+.tabbrowser-tab[usercontextid="3"] {
+ background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%);
+}
+/* Shopping User Context */
+.tabbrowser-tab[usercontextid="4"] {
+ background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%);
+}
+
/* Tab pointer-events */
.tabbrowser-tab {
pointer-events: none;
@@ -3478,13 +3502,23 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
position: absolute;
}
-.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
+.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
background-image: radial-gradient(farthest-corner at center bottom, rgb(255,255,255) 3%, rgba(186,221,251,0.75) 20%, rgba(127,179,255,0.25) 40%, transparent 70%);
background-position: center bottom var(--tab-toolbar-navbar-overlap);
background-repeat: no-repeat;
background-size: 85% 100%;
}
+.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([visuallyselected="true"]) {
+ background-position: left bottom var(--tab-toolbar-navbar-overlap);
+ background-size: 34px 100%;
+}
+
+.tab-label[attention]:not([visuallyselected="true"]) {
+ font-weight: bold;
+}
+
/* Tab separators */
//.tabbrowser-tab::after,
@@ -3689,11 +3723,19 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
}
.alltabs-endimage[muted] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted);
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted);
}
.alltabs-endimage[soundplaying] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio);
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu);
+}
+
+menuitem:hover > hbox > .alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted-hover);
+}
+
+menuitem:hover > hbox > .alltabs-endimage[soundplaying] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-hover);
}
/* Sidebar */
@@ -3784,7 +3826,7 @@ toolbarbutton.chevron > .toolbarbutton-icon {
}
#sync-start-panel-subtitle {
- margin: 0;
+ margin-bottom: 0;
}
/* Status panel */
@@ -3967,7 +4009,7 @@ html|*#fullscreen-exit-button {
-moz-appearance: none;
display: -moz-box;
background-color: transparent;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
border-width: 0;
min-width: 16px;
@@ -3993,7 +4035,7 @@ html|*#fullscreen-exit-button {
.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-moz-appearance: none !important;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
padding: 0 3px;
}
@@ -4004,25 +4046,25 @@ html|*#fullscreen-exit-button {
}
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close.png");
+ list-style-image: url("chrome://devtools/skin/images/close.png");
}
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate.png");
}
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png");
}
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate@2x.png");
}
}
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch.png");
-moz-image-region: rect(0px,16px,16px,0px);
}
@@ -4032,7 +4074,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch@2x.png");
-moz-image-region: rect(0px,32px,32px,0px);
}
@@ -4042,12 +4084,12 @@ html|*#fullscreen-exit-button {
}
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot.png");
}
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot@2x.png");
}
}
@@ -4057,7 +4099,7 @@ html|*#fullscreen-exit-button {
cursor: ew-resize;
transform: translate(12px, -12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer.png");
}
.devtools-responsiveui-resizebarH {
@@ -4066,7 +4108,7 @@ html|*#fullscreen-exit-button {
cursor: ns-resize;
transform: translate(-12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer.png");
}
.devtools-responsiveui-resizehandle {
@@ -4075,7 +4117,7 @@ html|*#fullscreen-exit-button {
cursor: se-resize;
transform: translate(12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer.png");
}
/* FxOS custom mode with additional buttons and phone look'n feel */
@@ -4123,7 +4165,7 @@ html|*#fullscreen-exit-button {
-moz-user-focus: ignore;
width: 40px;
height: 30px;
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-home.png");
}
.devtools-responsiveui-sleep-button {
@@ -4182,15 +4224,15 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-resizebarV {
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer@2x.png");
}
.devtools-responsiveui-resizebarH {
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer@2x.png");
}
.devtools-responsiveui-resizehandle {
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png");
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer@2x.png");
}
}
@@ -4242,7 +4284,7 @@ html|*#fullscreen-exit-button {
:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
- filter: url("chrome://browser/skin/devtools/filters.svg#invert");
+ filter: url("chrome://devtools/skin/images/filters.svg#invert");
}
.developer-toolbar-button > .toolbarbutton-icon,
@@ -4252,7 +4294,7 @@ html|*#fullscreen-exit-button {
}
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
@@ -4274,7 +4316,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px);
}
@@ -4292,7 +4334,7 @@ html|*#fullscreen-exit-button {
}
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close.png");
+ list-style-image: url("chrome://devtools/skin/images/close.png");
-moz-appearance: none;
border: none;
margin: 0 4px;
@@ -4303,7 +4345,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png");
}
}
@@ -4380,7 +4422,7 @@ html|*#gcli-output-frame {
width: 16px;
height: 16px;
margin: 0 2px;
- background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-image: url("chrome://devtools/skin/images/commandline-icon.png");
background-position: 0 center;
background-size: 32px 16px;
}
@@ -4391,7 +4433,7 @@ html|*#gcli-output-frame {
@media (min-resolution: 1.1dppx) {
.gclitoolbar-input-node::before {
- background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png");
+ background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png");
}
}
@@ -4634,10 +4676,6 @@ notification.pluginVulnerable .messageImage {
background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 18, 198, 36, 180);
}
-//toolbar[brighttext] #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
-// background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 18, 198, 36, 180);
-//}
-
#downloads-button[cui-areatype="menu-panel"][attention] {
list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png");
-moz-image-region: auto;
@@ -4930,6 +4968,14 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
transform: none;
}
+chatbox[src^="about:loopconversation#"] .chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white");
+}
+
+chatbox[src^="about:loopconversation#"] .chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white");
+}
+
.chat-loop-hangup {
list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white");
background-color: #d13f1a;
@@ -4954,6 +5000,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
cursor: inherit;
}
+chatbox[src^="about:loopconversation#"] .chat-title {
+ color: white;
+}
+
.chat-titlebar {
height: 26px;
min-height: 26px;
@@ -4972,6 +5022,11 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
background-color: #f0f0f0;
}
+chatbox[src^="about:loopconversation#"] > .chat-titlebar {
+ background-color: #00a9dc;
+ border-color: #00a9dc;
+}
+
.chat-titlebar > .notification-anchor-icon {
margin-left: 2px;
margin-right: 2px;
@@ -6031,6 +6086,77 @@ notification.heartbeat {
-moz-margin-end: 0 !important;
}
-.browser-action-panel > .panel-arrowcontainer > .panel-arrowcontent {
+.browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent {
padding: 0;
+ overflow: hidden;
+}
+
+/* User Context UI browser styles */
+
+#menu_newUserContextTabPersonal {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg");
+}
+
+#menu_newUserContextTabWork {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg");
+}
+
+#menu_newUserContextTabBanking {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg");
+}
+
+#menu_newUserContextTabShopping {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg");
+}
+
+/* URL Bar Decoration */
+
+#userContext-indicator {
+ height: 16px;
+ width: 16px;
+}
+
+#userContext-label {
+ margin-inline-end: 3px;
+ color: #909090;
+}
+
+#userContext-icons:not([usercontextid]) {
+ display: none;
+}
+
+#userContext-icons {
+ -moz-box-align: center;
+}
+
+/* Personal User Context */
+#userContext-icons[usercontextid="1"] > #userContext-label {
+ color: #00a7e0;
+}
+#userContext-icons[usercontextid="1"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg");
+}
+
+/* Work User Context */
+#userContext-icons[usercontextid="2"] > #userContext-label {
+ color: #f89c24;
+}
+#userContext-icons[usercontextid="2"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg");
+}
+
+/* Banking User Context */
+#userContext-icons[usercontextid="3"] > #userContext-label {
+ color: #7dc14c;
+}
+#userContext-icons[usercontextid="3"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg");
+}
+
+/* Shopping User Context */
+#userContext-icons[usercontextid="4"] > #userContext-label {
+ color: #ee5195;
+}
+#userContext-icons[usercontextid="4"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg");
}
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
index f636bac..41f7494 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-dark.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -95,10 +95,6 @@
/* opaque for layers optimization */
background-color: -moz-Dialog; }
-#urlbar:-moz-lwtheme:not([focused="true"]),
-.searchbar-textbox:-moz-lwtheme:not([focused="true"]) {
- opacity: .85; }
-
/* Places toolbar */
toolbarbutton.bookmark-item:not(.subviewbutton),
#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
@@ -482,6 +478,15 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
list-style-image: url("chrome://global/skin/console/console.png"); }
/* Primary toolbar buttons */
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
+ max-width: 16px; }
+
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ max-width: 18px; }
+
.findbar-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
@@ -503,19 +508,16 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
transition-property: background-color, border-color;
transition-duration: 150ms; }
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
padding: 3px 7px; }
-/* Help SDK icons fit: */
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
- width: 16px; }
-
-:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
- /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
- width: 32px; }
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ /* horizontal padding + border + actual icon width */
+ max-width: 32px !important; }
#nav-bar #PanelUI-menu-button {
-moz-padding-start: 5px;
@@ -580,18 +582,30 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
padding: 3px; }
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons {
+ margin-left: 2px;
+ margin-right: 2px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons > .toolbarbutton-1 {
+ padding-left: 0;
+ padding-right: 0; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons:not(:hover) > separator,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
content: "";
display: -moz-box;
width: 1px;
height: 18px;
-moz-margin-end: -1px;
- background-image: var(--toolbarbutton-combined-backgroundimage);
- background-clip: padding-box;
+ background-image: linear-gradient(currentColor 0, currentColor 100%);
background-position: center;
background-repeat: no-repeat;
background-size: 1px 18px;
- box-shadow: var(--toolbarbutton-combined-boxshadow); }
+ opacity: .2; }
+
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbaritem-combined-buttons > separator,
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ opacity: .3; }
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-moz-margin-start: -4px; }
@@ -641,14 +655,14 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; }
/* Menu panel buttons */
-:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"); }
- #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
+ #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); }
-#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
@@ -788,9 +802,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
transform: scaleX(-1); }
-#web-apps-button[cui-areatype="toolbar"] {
- -moz-image-region: rect(0, 720px, 18px, 702px); }
-
#loop-button {
list-style-image: url("chrome://browser/skin/custom_images/dark/loop-toolbar-icons.svg");
-moz-image-region: rect(0, 18px, 18px, 0); }
@@ -838,8 +849,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
@media not all and (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image); }
#home-button[cui-areatype="menu-panel"],
@@ -963,10 +974,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
-moz-image-region: rect(32px, 896px, 64px, 864px); }
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 928px, 32px, 896px); }
-
#webide-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #webide-button {
-moz-image-region: rect(0px, 960px, 32px, 928px); }
@@ -1042,8 +1049,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
/* Menu panel and palette styles */
@media (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image-2x); }
#home-button[cui-areatype="menu-panel"],
@@ -1206,10 +1213,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
-moz-image-region: rect(64px, 1792px, 128px, 1728px); }
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 1856px, 64px, 1792px); }
-
toolbaritem[sdkstylewidget="true"] > toolbarbutton {
-moz-image-region: rect(0, 1664px, 64px, 1600px); }
@@ -1284,7 +1287,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#minimize-button:active {
list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_pressed.svg"); }
-/* Location bar */
#urlbar,
.searchbar-textbox {
-moz-appearance: none;
@@ -1305,6 +1307,15 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
.searchbar-textbox {
border-radius: 20px; }
+#urlbar:-moz-lwtheme,
+.searchbar-textbox:-moz-lwtheme {
+ background-color: rgba(255, 255, 255, 0.8);
+ color: black; }
+
+#urlbar:-moz-lwtheme[focused=true],
+.searchbar-textbox:-moz-lwtheme[focused=true] {
+ background-color: white; }
+
.urlbar-textbox-container {
-moz-appearance: none;
-moz-box-align: center; }
@@ -1316,7 +1327,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-appearance: toolbarbutton-dropdown;
transition: opacity 0.15s ease; }
-#urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker {
+#navigator-toolbox:not(:hover) .urlbar-history-dropmarker {
opacity: 0; }
#urlbar-container {
@@ -1490,6 +1501,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.verifiedIdentity > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-secure.svg); }
+.insecureLoginForms > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
.mixedActiveContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-mixed-active-loaded.svg); }
@@ -1519,9 +1531,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.popup-notification-icon[popupid="geolocation"] {
list-style-image: url(chrome://browser/skin/Geolocation-64.png); }
-.popup-notification-icon[popupid="push"] {
- list-style-image: url(chrome://browser/skin/Push-64.png); }
-
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
.popup-notification-icon[popupid="addon-install-origin-blocked"] {
@@ -1549,7 +1558,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); }
.popup-notification-icon[popupid="web-notifications"] {
- list-style-image: url(chrome://browser/skin/notification-64.png); }
+ list-style-image: url(chrome://browser/skin/web-notifications-icon.svg); }
.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
.popup-notification-icon[popupid*="offline-app-requested"],
@@ -1614,9 +1623,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
#geo-notification-icon {
list-style-image: url(chrome://browser/skin/Geolocation-16.png); }
-#push-notification-icon {
- list-style-image: url(chrome://browser/skin/Push-16.png); }
-
#addons-notification-icon {
list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); }
@@ -1700,7 +1706,16 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.web-notifications-notification-icon,
#web-notifications-notification-icon {
- list-style-image: url(chrome://browser/skin/notification-16.png); }
+ list-style-image: url(chrome://browser/skin/web-notifications-tray.svg);
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+.web-notifications-notification-icon:hover,
+#web-notifications-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+.web-notifications-notification-icon:hover:active,
+#web-notifications-notification-icon:hover:active {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
.pointerLock-notification-icon,
#pointerLock-notification-icon {
@@ -2571,6 +2586,29 @@ lwtHeader;*/
background-repeat: no-repeat;
background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; }
+/* User Context UI - change tab decoration depending on userContextId.
+ Defaults to gray for unknown usercontextids. */
+.tabbrowser-tab[usercontextid] {
+ background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%);
+ background-size: auto 2px;
+ background-repeat: no-repeat; }
+
+/* Personal User Context */
+.tabbrowser-tab[usercontextid="1"] {
+ background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); }
+
+/* Work User Context */
+.tabbrowser-tab[usercontextid="2"] {
+ background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); }
+
+/* Banking User Context */
+.tabbrowser-tab[usercontextid="3"] {
+ background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); }
+
+/* Shopping User Context */
+.tabbrowser-tab[usercontextid="4"] {
+ background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); }
+
/* Tab pointer-events */
.tabbrowser-tab {
pointer-events: none; }
@@ -2589,12 +2627,20 @@ lwtHeader;*/
height: 100%;
position: absolute; }
-.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
+.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%);
background-position: center bottom var(--tab-toolbar-navbar-overlap);
background-repeat: no-repeat;
background-size: 85% 100%; }
+.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([visuallyselected="true"]) {
+ background-position: left bottom var(--tab-toolbar-navbar-overlap);
+ background-size: 34px 100%; }
+
+.tab-label[attention]:not([visuallyselected="true"]) {
+ font-weight: bold; }
+
/* Tab separators */
/* Also show separators beside the selected tab when dragging it. */
/* New tab button */
@@ -2724,10 +2770,16 @@ lwtHeader;*/
box-shadow: inset -5px 0 ThreeDShadow; }
.alltabs-endimage[muted] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted); }
.alltabs-endimage[soundplaying] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio); }
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu); }
+
+menuitem:hover > hbox > .alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted-hover); }
+
+menuitem:hover > hbox > .alltabs-endimage[soundplaying] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-hover); }
/* Sidebar */
#sidebar-throbber[loading="true"] {
@@ -2798,7 +2850,7 @@ toolbarbutton.chevron > .toolbarbutton-icon {
margin-bottom: 5px; }
#sync-start-panel-subtitle {
- margin: 0; }
+ margin-bottom: 0; }
/* Status panel */
.statuspanel-label {
@@ -2951,7 +3003,7 @@ html|*#fullscreen-exit-button {
-moz-appearance: none;
display: -moz-box;
background-color: transparent;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
border-width: 0;
min-width: 16px; }
@@ -2973,7 +3025,7 @@ html|*#fullscreen-exit-button {
.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-moz-appearance: none !important;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
padding: 0 3px; }
@@ -2982,19 +3034,19 @@ html|*#fullscreen-exit-button {
margin-left: 0; }
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close.png"); }
+ list-style-image: url("chrome://devtools/skin/images/close.png"); }
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate.png"); }
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); }
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png"); }
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate@2x.png"); } }
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); }
.devtools-responsiveui-touch[checked] {
@@ -3002,24 +3054,24 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); }
.devtools-responsiveui-touch[checked] {
-moz-image-region: rect(0px, 64px, 32px, 32px); } }
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot.png"); }
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot@2x.png"); } }
.devtools-responsiveui-resizebarV {
width: 7px;
height: 24px;
cursor: ew-resize;
transform: translate(12px, -12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer.png"); }
.devtools-responsiveui-resizebarH {
width: 24px;
@@ -3027,7 +3079,7 @@ html|*#fullscreen-exit-button {
cursor: ns-resize;
transform: translate(-12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer.png"); }
.devtools-responsiveui-resizehandle {
width: 16px;
@@ -3035,7 +3087,7 @@ html|*#fullscreen-exit-button {
cursor: se-resize;
transform: translate(12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer.png"); }
/* FxOS custom mode with additional buttons and phone look'n feel */
/* Hide devtools manual resizer */
@@ -3071,7 +3123,7 @@ html|*#fullscreen-exit-button {
-moz-user-focus: ignore;
width: 40px;
height: 30px;
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-home.png"); }
.devtools-responsiveui-sleep-button {
-moz-user-focus: ignore;
@@ -3117,13 +3169,13 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-resizebarV {
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer@2x.png"); }
.devtools-responsiveui-resizebarH {
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer@2x.png"); }
.devtools-responsiveui-resizehandle {
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer@2x.png"); } }
/* Developer toolbar */
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
@@ -3180,7 +3232,7 @@ html|*#fullscreen-exit-button {
:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
- filter: url("chrome://browser/skin/devtools/filters.svg#invert"); }
+ filter: url("chrome://devtools/skin/images/filters.svg#invert"); }
.developer-toolbar-button > .toolbarbutton-icon,
#developer-toolbar-closebutton > .toolbarbutton-icon {
@@ -3188,7 +3240,7 @@ html|*#fullscreen-exit-button {
height: 16px; }
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); }
#developer-toolbar-toolbox-button > label {
@@ -3205,7 +3257,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); }
#developer-toolbar-toolbox-button:hover {
@@ -3217,7 +3269,7 @@ html|*#fullscreen-exit-button {
#developer-toolbar-toolbox-button[checked=true] {
-moz-image-region: rect(0px, 128px, 32px, 96px); } }
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close.png");
+ list-style-image: url("chrome://devtools/skin/images/close.png");
-moz-appearance: none;
border: none;
margin: 0 4px;
@@ -3227,7 +3279,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png"); } }
#developer-toolbar-closebutton > .toolbarbutton-icon {
/* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
use evil CSS to give the impression of smaller content */
@@ -3289,7 +3341,7 @@ html|*#gcli-output-frame {
width: 16px;
height: 16px;
margin: 0 2px;
- background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-image: url("chrome://devtools/skin/images/commandline-icon.png");
background-position: 0 center;
background-size: 32px 16px; }
@@ -3298,7 +3350,7 @@ html|*#gcli-output-frame {
@media (min-resolution: 1.1dppx) {
.gclitoolbar-input-node::before {
- background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } }
+ background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } }
.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
background-color: var(--selection-background);
color: var(--selection-color);
@@ -3734,6 +3786,12 @@ toolbar[brighttext] #downloads-indicator-counter {
chatbar > chatbox > .chat-titlebar > .chat-swap-button {
transform: none; }
+chatbox[src^="about:loopconversation#"] .chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white"); }
+
+chatbox[src^="about:loopconversation#"] .chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white"); }
+
.chat-loop-hangup {
list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white");
background-color: #d13f1a;
@@ -3755,6 +3813,9 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
text-shadow: none;
cursor: inherit; }
+chatbox[src^="about:loopconversation#"] .chat-title {
+ color: white; }
+
.chat-titlebar {
height: 26px;
min-height: 26px;
@@ -3771,6 +3832,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
.chat-titlebar[selected] {
background-color: #f0f0f0; }
+chatbox[src^="about:loopconversation#"] > .chat-titlebar {
+ background-color: #00a9dc;
+ border-color: #00a9dc; }
+
.chat-titlebar > .notification-anchor-icon {
margin-left: 2px;
margin-right: 2px; }
@@ -4627,5 +4692,62 @@ notification.heartbeat {
-moz-padding-end: 0 !important;
-moz-margin-end: 0 !important; }
-.browser-action-panel > .panel-arrowcontainer > .panel-arrowcontent {
- padding: 0; }
+.browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ overflow: hidden; }
+
+/* User Context UI browser styles */
+#menu_newUserContextTabPersonal {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); }
+
+#menu_newUserContextTabWork {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg"); }
+
+#menu_newUserContextTabBanking {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); }
+
+#menu_newUserContextTabShopping {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
+
+/* URL Bar Decoration */
+#userContext-indicator {
+ height: 16px;
+ width: 16px; }
+
+#userContext-label {
+ margin-inline-end: 3px;
+ color: #909090; }
+
+#userContext-icons:not([usercontextid]) {
+ display: none; }
+
+#userContext-icons {
+ -moz-box-align: center; }
+
+/* Personal User Context */
+#userContext-icons[usercontextid="1"] > #userContext-label {
+ color: #00a7e0; }
+
+#userContext-icons[usercontextid="1"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); }
+
+/* Work User Context */
+#userContext-icons[usercontextid="2"] > #userContext-label {
+ color: #f89c24; }
+
+#userContext-icons[usercontextid="2"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg"); }
+
+/* Banking User Context */
+#userContext-icons[usercontextid="3"] > #userContext-label {
+ color: #7dc14c; }
+
+#userContext-icons[usercontextid="3"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); }
+
+/* Shopping User Context */
+#userContext-icons[usercontextid="4"] > #userContext-label {
+ color: #ee5195; }
+
+#userContext-icons[usercontextid="4"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
index 84b7369..101833d 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-darker.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -95,10 +95,6 @@
/* opaque for layers optimization */
background-color: -moz-Dialog; }
-#urlbar:-moz-lwtheme:not([focused="true"]),
-.searchbar-textbox:-moz-lwtheme:not([focused="true"]) {
- opacity: .85; }
-
/* Places toolbar */
toolbarbutton.bookmark-item:not(.subviewbutton),
#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
@@ -482,6 +478,15 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
list-style-image: url("chrome://global/skin/console/console.png"); }
/* Primary toolbar buttons */
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
+ max-width: 16px; }
+
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ max-width: 18px; }
+
.findbar-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
@@ -503,19 +508,16 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
transition-property: background-color, border-color;
transition-duration: 150ms; }
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
padding: 3px 7px; }
-/* Help SDK icons fit: */
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
- width: 16px; }
-
-:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
- /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
- width: 32px; }
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ /* horizontal padding + border + actual icon width */
+ max-width: 32px !important; }
#nav-bar #PanelUI-menu-button {
-moz-padding-start: 5px;
@@ -580,18 +582,30 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
padding: 3px; }
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons {
+ margin-left: 2px;
+ margin-right: 2px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons > .toolbarbutton-1 {
+ padding-left: 0;
+ padding-right: 0; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons:not(:hover) > separator,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
content: "";
display: -moz-box;
width: 1px;
height: 18px;
-moz-margin-end: -1px;
- background-image: var(--toolbarbutton-combined-backgroundimage);
- background-clip: padding-box;
+ background-image: linear-gradient(currentColor 0, currentColor 100%);
background-position: center;
background-repeat: no-repeat;
background-size: 1px 18px;
- box-shadow: var(--toolbarbutton-combined-boxshadow); }
+ opacity: .2; }
+
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbaritem-combined-buttons > separator,
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ opacity: .3; }
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-moz-margin-start: -4px; }
@@ -641,14 +655,14 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; }
/* Menu panel buttons */
-:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); }
- #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
+ #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); }
-#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
@@ -788,9 +802,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
transform: scaleX(-1); }
-#web-apps-button[cui-areatype="toolbar"] {
- -moz-image-region: rect(0, 720px, 18px, 702px); }
-
#loop-button {
list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg");
-moz-image-region: rect(0, 18px, 18px, 0); }
@@ -838,8 +849,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
@media not all and (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image); }
#home-button[cui-areatype="menu-panel"],
@@ -963,10 +974,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
-moz-image-region: rect(32px, 896px, 64px, 864px); }
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 928px, 32px, 896px); }
-
#webide-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #webide-button {
-moz-image-region: rect(0px, 960px, 32px, 928px); }
@@ -1042,8 +1049,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
/* Menu panel and palette styles */
@media (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image-2x); }
#home-button[cui-areatype="menu-panel"],
@@ -1206,10 +1213,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
-moz-image-region: rect(64px, 1792px, 128px, 1728px); }
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 1856px, 64px, 1792px); }
-
toolbaritem[sdkstylewidget="true"] > toolbarbutton {
-moz-image-region: rect(0, 1664px, 64px, 1600px); }
@@ -1284,7 +1287,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#minimize-button:active {
list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_pressed.svg"); }
-/* Location bar */
#urlbar,
.searchbar-textbox {
-moz-appearance: none;
@@ -1304,6 +1306,15 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
.searchbar-textbox {
border-radius: 20px; }
+#urlbar:-moz-lwtheme,
+.searchbar-textbox:-moz-lwtheme {
+ background-color: rgba(255, 255, 255, 0.8);
+ color: black; }
+
+#urlbar:-moz-lwtheme[focused=true],
+.searchbar-textbox:-moz-lwtheme[focused=true] {
+ background-color: white; }
+
.urlbar-textbox-container {
-moz-appearance: none;
-moz-box-align: center; }
@@ -1315,7 +1326,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-appearance: toolbarbutton-dropdown;
transition: opacity 0.15s ease; }
-#urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker {
+#navigator-toolbox:not(:hover) .urlbar-history-dropmarker {
opacity: 0; }
#urlbar-container {
@@ -1489,6 +1500,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.verifiedIdentity > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-secure.svg); }
+.insecureLoginForms > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
.mixedActiveContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-mixed-active-loaded.svg); }
@@ -1518,9 +1530,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.popup-notification-icon[popupid="geolocation"] {
list-style-image: url(chrome://browser/skin/Geolocation-64.png); }
-.popup-notification-icon[popupid="push"] {
- list-style-image: url(chrome://browser/skin/Push-64.png); }
-
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
.popup-notification-icon[popupid="addon-install-origin-blocked"] {
@@ -1548,7 +1557,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); }
.popup-notification-icon[popupid="web-notifications"] {
- list-style-image: url(chrome://browser/skin/notification-64.png); }
+ list-style-image: url(chrome://browser/skin/web-notifications-icon.svg); }
.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
.popup-notification-icon[popupid*="offline-app-requested"],
@@ -1613,9 +1622,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
#geo-notification-icon {
list-style-image: url(chrome://browser/skin/Geolocation-16.png); }
-#push-notification-icon {
- list-style-image: url(chrome://browser/skin/Push-16.png); }
-
#addons-notification-icon {
list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); }
@@ -1699,7 +1705,16 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.web-notifications-notification-icon,
#web-notifications-notification-icon {
- list-style-image: url(chrome://browser/skin/notification-16.png); }
+ list-style-image: url(chrome://browser/skin/web-notifications-tray.svg);
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+.web-notifications-notification-icon:hover,
+#web-notifications-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+.web-notifications-notification-icon:hover:active,
+#web-notifications-notification-icon:hover:active {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
.pointerLock-notification-icon,
#pointerLock-notification-icon {
@@ -2571,6 +2586,29 @@ lwtHeader;*/
background-repeat: no-repeat;
background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; }
+/* User Context UI - change tab decoration depending on userContextId.
+ Defaults to gray for unknown usercontextids. */
+.tabbrowser-tab[usercontextid] {
+ background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%);
+ background-size: auto 2px;
+ background-repeat: no-repeat; }
+
+/* Personal User Context */
+.tabbrowser-tab[usercontextid="1"] {
+ background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); }
+
+/* Work User Context */
+.tabbrowser-tab[usercontextid="2"] {
+ background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); }
+
+/* Banking User Context */
+.tabbrowser-tab[usercontextid="3"] {
+ background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); }
+
+/* Shopping User Context */
+.tabbrowser-tab[usercontextid="4"] {
+ background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); }
+
/* Tab pointer-events */
.tabbrowser-tab {
pointer-events: none; }
@@ -2589,12 +2627,20 @@ lwtHeader;*/
height: 100%;
position: absolute; }
-.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
+.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%);
background-position: center bottom var(--tab-toolbar-navbar-overlap);
background-repeat: no-repeat;
background-size: 85% 100%; }
+.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([visuallyselected="true"]) {
+ background-position: left bottom var(--tab-toolbar-navbar-overlap);
+ background-size: 34px 100%; }
+
+.tab-label[attention]:not([visuallyselected="true"]) {
+ font-weight: bold; }
+
/* Tab separators */
/* Also show separators beside the selected tab when dragging it. */
/* New tab button */
@@ -2724,10 +2770,16 @@ lwtHeader;*/
box-shadow: inset -5px 0 ThreeDShadow; }
.alltabs-endimage[muted] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted); }
.alltabs-endimage[soundplaying] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio); }
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu); }
+
+menuitem:hover > hbox > .alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted-hover); }
+
+menuitem:hover > hbox > .alltabs-endimage[soundplaying] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-hover); }
/* Sidebar */
#sidebar-throbber[loading="true"] {
@@ -2798,7 +2850,7 @@ toolbarbutton.chevron > .toolbarbutton-icon {
margin-bottom: 5px; }
#sync-start-panel-subtitle {
- margin: 0; }
+ margin-bottom: 0; }
/* Status panel */
.statuspanel-label {
@@ -2951,7 +3003,7 @@ html|*#fullscreen-exit-button {
-moz-appearance: none;
display: -moz-box;
background-color: transparent;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
border-width: 0;
min-width: 16px; }
@@ -2973,7 +3025,7 @@ html|*#fullscreen-exit-button {
.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-moz-appearance: none !important;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
padding: 0 3px; }
@@ -2982,19 +3034,19 @@ html|*#fullscreen-exit-button {
margin-left: 0; }
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close.png"); }
+ list-style-image: url("chrome://devtools/skin/images/close.png"); }
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate.png"); }
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); }
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png"); }
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate@2x.png"); } }
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); }
.devtools-responsiveui-touch[checked] {
@@ -3002,24 +3054,24 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); }
.devtools-responsiveui-touch[checked] {
-moz-image-region: rect(0px, 64px, 32px, 32px); } }
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot.png"); }
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot@2x.png"); } }
.devtools-responsiveui-resizebarV {
width: 7px;
height: 24px;
cursor: ew-resize;
transform: translate(12px, -12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer.png"); }
.devtools-responsiveui-resizebarH {
width: 24px;
@@ -3027,7 +3079,7 @@ html|*#fullscreen-exit-button {
cursor: ns-resize;
transform: translate(-12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer.png"); }
.devtools-responsiveui-resizehandle {
width: 16px;
@@ -3035,7 +3087,7 @@ html|*#fullscreen-exit-button {
cursor: se-resize;
transform: translate(12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer.png"); }
/* FxOS custom mode with additional buttons and phone look'n feel */
/* Hide devtools manual resizer */
@@ -3071,7 +3123,7 @@ html|*#fullscreen-exit-button {
-moz-user-focus: ignore;
width: 40px;
height: 30px;
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-home.png"); }
.devtools-responsiveui-sleep-button {
-moz-user-focus: ignore;
@@ -3117,13 +3169,13 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-resizebarV {
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer@2x.png"); }
.devtools-responsiveui-resizebarH {
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer@2x.png"); }
.devtools-responsiveui-resizehandle {
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer@2x.png"); } }
/* Developer toolbar */
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
@@ -3180,7 +3232,7 @@ html|*#fullscreen-exit-button {
:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
- filter: url("chrome://browser/skin/devtools/filters.svg#invert"); }
+ filter: url("chrome://devtools/skin/images/filters.svg#invert"); }
.developer-toolbar-button > .toolbarbutton-icon,
#developer-toolbar-closebutton > .toolbarbutton-icon {
@@ -3188,7 +3240,7 @@ html|*#fullscreen-exit-button {
height: 16px; }
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); }
#developer-toolbar-toolbox-button > label {
@@ -3205,7 +3257,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); }
#developer-toolbar-toolbox-button:hover {
@@ -3217,7 +3269,7 @@ html|*#fullscreen-exit-button {
#developer-toolbar-toolbox-button[checked=true] {
-moz-image-region: rect(0px, 128px, 32px, 96px); } }
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close.png");
+ list-style-image: url("chrome://devtools/skin/images/close.png");
-moz-appearance: none;
border: none;
margin: 0 4px;
@@ -3227,7 +3279,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png"); } }
#developer-toolbar-closebutton > .toolbarbutton-icon {
/* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
use evil CSS to give the impression of smaller content */
@@ -3289,7 +3341,7 @@ html|*#gcli-output-frame {
width: 16px;
height: 16px;
margin: 0 2px;
- background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-image: url("chrome://devtools/skin/images/commandline-icon.png");
background-position: 0 center;
background-size: 32px 16px; }
@@ -3298,7 +3350,7 @@ html|*#gcli-output-frame {
@media (min-resolution: 1.1dppx) {
.gclitoolbar-input-node::before {
- background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } }
+ background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } }
.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
background-color: var(--selection-background);
color: var(--selection-color);
@@ -3734,6 +3786,12 @@ toolbar[brighttext] #downloads-indicator-counter {
chatbar > chatbox > .chat-titlebar > .chat-swap-button {
transform: none; }
+chatbox[src^="about:loopconversation#"] .chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white"); }
+
+chatbox[src^="about:loopconversation#"] .chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white"); }
+
.chat-loop-hangup {
list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white");
background-color: #d13f1a;
@@ -3755,6 +3813,9 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
text-shadow: none;
cursor: inherit; }
+chatbox[src^="about:loopconversation#"] .chat-title {
+ color: white; }
+
.chat-titlebar {
height: 26px;
min-height: 26px;
@@ -3771,6 +3832,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
.chat-titlebar[selected] {
background-color: #f0f0f0; }
+chatbox[src^="about:loopconversation#"] > .chat-titlebar {
+ background-color: #00a9dc;
+ border-color: #00a9dc; }
+
.chat-titlebar > .notification-anchor-icon {
margin-left: 2px;
margin-right: 2px; }
@@ -4627,5 +4692,62 @@ notification.heartbeat {
-moz-padding-end: 0 !important;
-moz-margin-end: 0 !important; }
-.browser-action-panel > .panel-arrowcontainer > .panel-arrowcontent {
- padding: 0; }
+.browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ overflow: hidden; }
+
+/* User Context UI browser styles */
+#menu_newUserContextTabPersonal {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); }
+
+#menu_newUserContextTabWork {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg"); }
+
+#menu_newUserContextTabBanking {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); }
+
+#menu_newUserContextTabShopping {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
+
+/* URL Bar Decoration */
+#userContext-indicator {
+ height: 16px;
+ width: 16px; }
+
+#userContext-label {
+ margin-inline-end: 3px;
+ color: #909090; }
+
+#userContext-icons:not([usercontextid]) {
+ display: none; }
+
+#userContext-icons {
+ -moz-box-align: center; }
+
+/* Personal User Context */
+#userContext-icons[usercontextid="1"] > #userContext-label {
+ color: #00a7e0; }
+
+#userContext-icons[usercontextid="1"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); }
+
+/* Work User Context */
+#userContext-icons[usercontextid="2"] > #userContext-label {
+ color: #f89c24; }
+
+#userContext-icons[usercontextid="2"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg"); }
+
+/* Banking User Context */
+#userContext-icons[usercontextid="3"] > #userContext-label {
+ color: #7dc14c; }
+
+#userContext-icons[usercontextid="3"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); }
+
+/* Shopping User Context */
+#userContext-icons[usercontextid="4"] > #userContext-label {
+ color: #ee5195; }
+
+#userContext-icons[usercontextid="4"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
index 3752502..e7c3a52 100644
--- a/arc-firefox-theme/chrome/browser/sass/browser-light.css
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -95,10 +95,6 @@
/* opaque for layers optimization */
background-color: -moz-Dialog; }
-#urlbar:-moz-lwtheme:not([focused="true"]),
-.searchbar-textbox:-moz-lwtheme:not([focused="true"]) {
- opacity: .85; }
-
/* Places toolbar */
toolbarbutton.bookmark-item:not(.subviewbutton),
#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
@@ -482,6 +478,15 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
list-style-image: url("chrome://global/skin/console/console.png"); }
/* Primary toolbar buttons */
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1 > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon {
+ max-width: 16px; }
+
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > .toolbarbutton-icon,
+:-moz-any(toolbar, .widget-overflow-list) .toolbarbutton-1:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) > :-moz-any(.toolbarbutton-menubutton-button, .toolbarbutton-badge-stack) > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ max-width: 18px; }
+
.findbar-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
@@ -503,19 +508,16 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) {
transition-property: background-color, border-color;
transition-duration: 150ms; }
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
-:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-stack,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
padding: 3px 7px; }
-/* Help SDK icons fit: */
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
-toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
- width: 16px; }
-
-:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
- /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
- width: 32px; }
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) #bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ /* horizontal padding + border + actual icon width */
+ max-width: 32px !important; }
#nav-bar #PanelUI-menu-button {
-moz-padding-start: 5px;
@@ -580,18 +582,30 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
padding: 3px; }
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons {
+ margin-left: 2px;
+ margin-right: 2px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons > .toolbarbutton-1 {
+ padding-left: 0;
+ padding-right: 0; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbaritem-combined-buttons:not(:hover) > separator,
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
content: "";
display: -moz-box;
width: 1px;
height: 18px;
-moz-margin-end: -1px;
- background-image: var(--toolbarbutton-combined-backgroundimage);
- background-clip: padding-box;
+ background-image: linear-gradient(currentColor 0, currentColor 100%);
background-position: center;
background-repeat: no-repeat;
background-size: 1px 18px;
- box-shadow: var(--toolbarbutton-combined-boxshadow); }
+ opacity: .2; }
+
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbaritem-combined-buttons > separator,
+:-moz-any(#TabsToolbar, #nav-bar)[brighttext] .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ opacity: .3; }
:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-moz-margin-start: -4px; }
@@ -641,14 +655,14 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba
list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; }
/* Menu panel buttons */
-:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); }
- #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
+ #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"); }
-#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
@@ -788,9 +802,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
transform: scaleX(-1); }
-#web-apps-button[cui-areatype="toolbar"] {
- -moz-image-region: rect(0, 720px, 18px, 702px); }
-
#loop-button {
list-style-image: url("chrome://browser/skin/custom_images/light/loop-toolbar-icons.svg");
-moz-image-region: rect(0, 18px, 18px, 0); }
@@ -838,8 +849,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
@media not all and (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image); }
#home-button[cui-areatype="menu-panel"],
@@ -963,10 +974,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
-moz-image-region: rect(32px, 896px, 64px, 864px); }
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 928px, 32px, 896px); }
-
#webide-button[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > #webide-button {
-moz-image-region: rect(0px, 960px, 32px, 928px); }
@@ -1042,8 +1049,8 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
/* Menu panel and palette styles */
@media (min-resolution: 1.1dppx) {
toolbaritem[sdkstylewidget="true"] > toolbarbutton,
- :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #webide-button, #loop-button, #pocket-button) {
list-style-image: var(--menupanel-list-style-image-2x); }
#home-button[cui-areatype="menu-panel"],
@@ -1206,10 +1213,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
-moz-image-region: rect(64px, 1792px, 128px, 1728px); }
- #web-apps-button[cui-areatype="menu-panel"],
- toolbarpaletteitem[place="palette"] > #web-apps-button {
- -moz-image-region: rect(0, 1856px, 64px, 1792px); }
-
toolbaritem[sdkstylewidget="true"] > toolbarbutton {
-moz-image-region: rect(0, 1664px, 64px, 1600px); }
@@ -1284,7 +1287,6 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
#minimize-button:active {
list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/minimize_pressed.svg"); }
-/* Location bar */
#urlbar,
.searchbar-textbox {
-moz-appearance: none;
@@ -1304,6 +1306,15 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
.searchbar-textbox {
border-radius: 20px; }
+#urlbar:-moz-lwtheme,
+.searchbar-textbox:-moz-lwtheme {
+ background-color: rgba(255, 255, 255, 0.8);
+ color: black; }
+
+#urlbar:-moz-lwtheme[focused=true],
+.searchbar-textbox:-moz-lwtheme[focused=true] {
+ background-color: white; }
+
.urlbar-textbox-container {
-moz-appearance: none;
-moz-box-align: center; }
@@ -1315,7 +1326,7 @@ toolbar[brighttext] #PanelUI-menu-button.thumburger {
-moz-appearance: toolbarbutton-dropdown;
transition: opacity 0.15s ease; }
-#urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker {
+#navigator-toolbox:not(:hover) .urlbar-history-dropmarker {
opacity: 0; }
#urlbar-container {
@@ -1489,6 +1500,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.verifiedIdentity > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-secure.svg); }
+.insecureLoginForms > #identity-icons > #page-proxy-favicon[pageproxystate="valid"],
.mixedActiveContent > #identity-icons > #page-proxy-favicon[pageproxystate="valid"] {
list-style-image: url(chrome://browser/skin/identity-mixed-active-loaded.svg); }
@@ -1518,9 +1530,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.popup-notification-icon[popupid="geolocation"] {
list-style-image: url(chrome://browser/skin/Geolocation-64.png); }
-.popup-notification-icon[popupid="push"] {
- list-style-image: url(chrome://browser/skin/Push-64.png); }
-
.popup-notification-icon[popupid="xpinstall-disabled"],
.popup-notification-icon[popupid="addon-install-blocked"],
.popup-notification-icon[popupid="addon-install-origin-blocked"] {
@@ -1548,7 +1557,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); }
.popup-notification-icon[popupid="web-notifications"] {
- list-style-image: url(chrome://browser/skin/notification-64.png); }
+ list-style-image: url(chrome://browser/skin/web-notifications-icon.svg); }
.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
.popup-notification-icon[popupid*="offline-app-requested"],
@@ -1613,9 +1622,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
#geo-notification-icon {
list-style-image: url(chrome://browser/skin/Geolocation-16.png); }
-#push-notification-icon {
- list-style-image: url(chrome://browser/skin/Push-16.png); }
-
#addons-notification-icon {
list-style-image: url(chrome://browser/skin/addons/addon-install-anchor.svg#default); }
@@ -1699,7 +1705,16 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box
.web-notifications-notification-icon,
#web-notifications-notification-icon {
- list-style-image: url(chrome://browser/skin/notification-16.png); }
+ list-style-image: url(chrome://browser/skin/web-notifications-tray.svg);
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+.web-notifications-notification-icon:hover,
+#web-notifications-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+.web-notifications-notification-icon:hover:active,
+#web-notifications-notification-icon:hover:active {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
.pointerLock-notification-icon,
#pointerLock-notification-icon {
@@ -2571,6 +2586,29 @@ lwtHeader;*/
background-repeat: no-repeat;
background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; }
+/* User Context UI - change tab decoration depending on userContextId.
+ Defaults to gray for unknown usercontextids. */
+.tabbrowser-tab[usercontextid] {
+ background-image: linear-gradient(to right, transparent 20%, #909090 30%, #909090 70%, transparent 80%);
+ background-size: auto 2px;
+ background-repeat: no-repeat; }
+
+/* Personal User Context */
+.tabbrowser-tab[usercontextid="1"] {
+ background-image: linear-gradient(to right, transparent 20%, #00a7e0 30%, #00a7e0 70%, transparent 80%); }
+
+/* Work User Context */
+.tabbrowser-tab[usercontextid="2"] {
+ background-image: linear-gradient(to right, transparent 20%, #f89c24 30%, #f89c24 70%, transparent 80%); }
+
+/* Banking User Context */
+.tabbrowser-tab[usercontextid="3"] {
+ background-image: linear-gradient(to right, transparent 20%, #7dc14c 30%, #7dc14c 70%, transparent 80%); }
+
+/* Shopping User Context */
+.tabbrowser-tab[usercontextid="4"] {
+ background-image: linear-gradient(to right, transparent 20%, #ee5195 30%, #ee5195 70%, transparent 80%); }
+
/* Tab pointer-events */
.tabbrowser-tab {
pointer-events: none; }
@@ -2589,12 +2627,20 @@ lwtHeader;*/
height: 100%;
position: absolute; }
-.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([visuallyselected="true"]),
+.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([visuallyselected="true"]) {
background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%);
background-position: center bottom var(--tab-toolbar-navbar-overlap);
background-repeat: no-repeat;
background-size: 85% 100%; }
+.tabbrowser-tab[image] > .tab-stack > .tab-content[attention]:not([pinned]):not([visuallyselected="true"]) {
+ background-position: left bottom var(--tab-toolbar-navbar-overlap);
+ background-size: 34px 100%; }
+
+.tab-label[attention]:not([visuallyselected="true"]) {
+ font-weight: bold; }
+
/* Tab separators */
/* Also show separators beside the selected tab when dragging it. */
/* New tab button */
@@ -2724,10 +2770,16 @@ lwtHeader;*/
box-shadow: inset -5px 0 ThreeDShadow; }
.alltabs-endimage[muted] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted); }
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted); }
.alltabs-endimage[soundplaying] {
- list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio); }
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu); }
+
+menuitem:hover > hbox > .alltabs-endimage[muted] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-muted-hover); }
+
+menuitem:hover > hbox > .alltabs-endimage[soundplaying] {
+ list-style-image: url(chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-menu-hover); }
/* Sidebar */
#sidebar-throbber[loading="true"] {
@@ -2798,7 +2850,7 @@ toolbarbutton.chevron > .toolbarbutton-icon {
margin-bottom: 5px; }
#sync-start-panel-subtitle {
- margin: 0; }
+ margin-bottom: 0; }
/* Status panel */
.statuspanel-label {
@@ -2951,7 +3003,7 @@ html|*#fullscreen-exit-button {
-moz-appearance: none;
display: -moz-box;
background-color: transparent;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
border-width: 0;
min-width: 16px; }
@@ -2973,7 +3025,7 @@ html|*#fullscreen-exit-button {
.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-moz-appearance: none !important;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ list-style-image: url("chrome://devtools/skin/images/dropmarker.svg");
-moz-box-align: center;
padding: 0 3px; }
@@ -2982,19 +3034,19 @@ html|*#fullscreen-exit-button {
margin-left: 0; }
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close.png"); }
+ list-style-image: url("chrome://devtools/skin/images/close.png"); }
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate.png"); }
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-close {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); }
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png"); }
.devtools-responsiveui-rotate {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate@2x.png"); } }
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); }
.devtools-responsiveui-touch[checked] {
@@ -3002,24 +3054,24 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-touch {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); }
.devtools-responsiveui-touch[checked] {
-moz-image-region: rect(0px, 64px, 32px, 32px); } }
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot.png"); }
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-screenshot {
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-screenshot@2x.png"); } }
.devtools-responsiveui-resizebarV {
width: 7px;
height: 24px;
cursor: ew-resize;
transform: translate(12px, -12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer.png"); }
.devtools-responsiveui-resizebarH {
width: 24px;
@@ -3027,7 +3079,7 @@ html|*#fullscreen-exit-button {
cursor: ns-resize;
transform: translate(-12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer.png"); }
.devtools-responsiveui-resizehandle {
width: 16px;
@@ -3035,7 +3087,7 @@ html|*#fullscreen-exit-button {
cursor: se-resize;
transform: translate(12px, 12px);
background-size: cover;
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer.png"); }
/* FxOS custom mode with additional buttons and phone look'n feel */
/* Hide devtools manual resizer */
@@ -3071,7 +3123,7 @@ html|*#fullscreen-exit-button {
-moz-user-focus: ignore;
width: 40px;
height: 30px;
- list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); }
+ list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-home.png"); }
.devtools-responsiveui-sleep-button {
-moz-user-focus: ignore;
@@ -3117,13 +3169,13 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
.devtools-responsiveui-resizebarV {
- background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-vertical-resizer@2x.png"); }
.devtools-responsiveui-resizebarH {
- background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-horizontal-resizer@2x.png"); }
.devtools-responsiveui-resizehandle {
- background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } }
+ background-image: url("chrome://devtools/skin/images/responsivemode/responsive-se-resizer@2x.png"); } }
/* Developer toolbar */
/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
We are copy/pasting variables from light-theme and dark-theme,
@@ -3180,7 +3232,7 @@ html|*#fullscreen-exit-button {
:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
- filter: url("chrome://browser/skin/devtools/filters.svg#invert"); }
+ filter: url("chrome://devtools/skin/images/filters.svg#invert"); }
.developer-toolbar-button > .toolbarbutton-icon,
#developer-toolbar-closebutton > .toolbarbutton-icon {
@@ -3188,7 +3240,7 @@ html|*#fullscreen-exit-button {
height: 16px; }
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px); }
#developer-toolbar-toolbox-button > label {
@@ -3205,7 +3257,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-toolbox-button {
- list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ list-style-image: url("chrome://devtools/skin/images/toggle-tools@2x.png");
-moz-image-region: rect(0px, 32px, 32px, 0px); }
#developer-toolbar-toolbox-button:hover {
@@ -3217,7 +3269,7 @@ html|*#fullscreen-exit-button {
#developer-toolbar-toolbox-button[checked=true] {
-moz-image-region: rect(0px, 128px, 32px, 96px); } }
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close.png");
+ list-style-image: url("chrome://devtools/skin/images/close.png");
-moz-appearance: none;
border: none;
margin: 0 4px;
@@ -3227,7 +3279,7 @@ html|*#fullscreen-exit-button {
@media (min-resolution: 1.1dppx) {
#developer-toolbar-closebutton {
- list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } }
+ list-style-image: url("chrome://devtools/skin/images/close@2x.png"); } }
#developer-toolbar-closebutton > .toolbarbutton-icon {
/* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
use evil CSS to give the impression of smaller content */
@@ -3289,7 +3341,7 @@ html|*#gcli-output-frame {
width: 16px;
height: 16px;
margin: 0 2px;
- background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-image: url("chrome://devtools/skin/images/commandline-icon.png");
background-position: 0 center;
background-size: 32px 16px; }
@@ -3298,7 +3350,7 @@ html|*#gcli-output-frame {
@media (min-resolution: 1.1dppx) {
.gclitoolbar-input-node::before {
- background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } }
+ background-image: url("chrome://devtools/skin/images/commandline-icon@2x.png"); } }
.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
background-color: var(--selection-background);
color: var(--selection-color);
@@ -3734,6 +3786,12 @@ toolbar[brighttext] #downloads-indicator-counter {
chatbar > chatbox > .chat-titlebar > .chat-swap-button {
transform: none; }
+chatbox[src^="about:loopconversation#"] .chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-white"); }
+
+chatbox[src^="about:loopconversation#"] .chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-white"); }
+
.chat-loop-hangup {
list-style-image: url("chrome://browser/skin/social/chat-icons.svg#exit-white");
background-color: #d13f1a;
@@ -3755,6 +3813,9 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
text-shadow: none;
cursor: inherit; }
+chatbox[src^="about:loopconversation#"] .chat-title {
+ color: white; }
+
.chat-titlebar {
height: 26px;
min-height: 26px;
@@ -3771,6 +3832,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button {
.chat-titlebar[selected] {
background-color: #f0f0f0; }
+chatbox[src^="about:loopconversation#"] > .chat-titlebar {
+ background-color: #00a9dc;
+ border-color: #00a9dc; }
+
.chat-titlebar > .notification-anchor-icon {
margin-left: 2px;
margin-right: 2px; }
@@ -4627,5 +4692,62 @@ notification.heartbeat {
-moz-padding-end: 0 !important;
-moz-margin-end: 0 !important; }
-.browser-action-panel > .panel-arrowcontainer > .panel-arrowcontent {
- padding: 0; }
+.browser-extension-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ overflow: hidden; }
+
+/* User Context UI browser styles */
+#menu_newUserContextTabPersonal {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); }
+
+#menu_newUserContextTabWork {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg"); }
+
+#menu_newUserContextTabBanking {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); }
+
+#menu_newUserContextTabShopping {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
+
+/* URL Bar Decoration */
+#userContext-indicator {
+ height: 16px;
+ width: 16px; }
+
+#userContext-label {
+ margin-inline-end: 3px;
+ color: #909090; }
+
+#userContext-icons:not([usercontextid]) {
+ display: none; }
+
+#userContext-icons {
+ -moz-box-align: center; }
+
+/* Personal User Context */
+#userContext-icons[usercontextid="1"] > #userContext-label {
+ color: #00a7e0; }
+
+#userContext-icons[usercontextid="1"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/personal.svg"); }
+
+/* Work User Context */
+#userContext-icons[usercontextid="2"] > #userContext-label {
+ color: #f89c24; }
+
+#userContext-icons[usercontextid="2"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/work.svg"); }
+
+/* Banking User Context */
+#userContext-icons[usercontextid="3"] > #userContext-label {
+ color: #7dc14c; }
+
+#userContext-icons[usercontextid="3"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/banking.svg"); }
+
+/* Shopping User Context */
+#userContext-icons[usercontextid="4"] > #userContext-label {
+ color: #ee5195; }
+
+#userContext-icons[usercontextid="4"] > #userContext-indicator {
+ list-style-image: url("chrome://browser/skin/usercontext/shopping.svg"); }
diff --git a/arc-firefox-theme/chrome/browser/search-engine-placeholder@2x.png b/arc-firefox-theme/chrome/browser/search-engine-placeholder@2x.png
new file mode 100644
index 0000000..1565fc5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/search-engine-placeholder@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/search-indicator-badge-add@2x.png b/arc-firefox-theme/chrome/browser/search-indicator-badge-add@2x.png
new file mode 100644
index 0000000..8105624
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/search-indicator-badge-add@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/search-indicator@2x.png b/arc-firefox-theme/chrome/browser/search-indicator@2x.png
new file mode 100644
index 0000000..2722c16
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/search-indicator@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/searchbar.css b/arc-firefox-theme/chrome/browser/searchbar.css
index b026cdb..67eaa5c 100644
--- a/arc-firefox-theme/chrome/browser/searchbar.css
+++ b/arc-firefox-theme/chrome/browser/searchbar.css
@@ -54,9 +54,6 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled");
}
-
-
-
.searchbar-search-button-container {
-moz-box-align: center;
}
@@ -88,19 +85,18 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
}
.search-panel-current-engine {
- border-bottom: 1px solid #ccc;
+ border-bottom: none;
+}
+
+.search-panel-tree {
+ border-top: 1px solid #ccc !important;
}
.search-panel-header {
font-weight: normal;
- background-color: rgb(245, 245, 245);
- border-top: 1px solid #ccc;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
padding: 3px 5px;
- color: #666;
-}
-
-.search-panel-tree[collapsed=true] + .search-panel-header {
- border-top: none;
+ color: MenuText;
}
.search-panel-header > label {
@@ -113,12 +109,12 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
}
.search-panel-input-value {
- color: black;
+ color: Highlight;
}
.search-panel-one-offs {
margin: 0 -1px !important;
- border-top: 1px solid #ccc;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.searchbar-engine-one-off-item {
@@ -130,14 +126,14 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
margin: 0 0;
padding: 0 0;
background: none;
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII=');
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAAFElEQVQI12NgYGAwZmJgYGCgBwEAHpIAXs+dj/cAAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-position: right center;
}
.searchbar-engine-one-off-item:not(.last-row) {
box-sizing: content-box;
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.searchbar-engine-one-off-item.last-of-row {
@@ -178,7 +174,7 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
}
.addengine-item:first-of-type {
- border-top: 1px solid #ccc;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.addengine-item[selected] {
@@ -231,13 +227,15 @@ menuitem[cmd="cmd_clearhistory"][disabled] {
.search-setting-button {
-moz-appearance: none;
+ background-color: Menu;
border: none;
- border-top: 1px solid #ccc;
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
margin: 0;
min-height: 32px;
}
.search-setting-button[selected] {
- background-color: #d3d3d3;
+ background-color: Highlight;
+ color: HighlightText;
border-top-color: #bdbebe;
}
diff --git a/arc-firefox-theme/chrome/browser/social/chat-icons.svg b/arc-firefox-theme/chrome/browser/social/chat-icons.svg
index 766b974..c9b3ebf 100644
--- a/arc-firefox-theme/chrome/browser/social/chat-icons.svg
+++ b/arc-firefox-theme/chrome/browser/social/chat-icons.svg
@@ -42,8 +42,10 @@
<use id="expand-active" xlink:href="#expand-shape"/>
<use id="expand-disabled" xlink:href="#expand-shape"/>
<use id="expand-hover" xlink:href="#expand-shape"/>
+ <use id="expand-white" xlink:href="#expand-shape"/>
<use id="minimize" xlink:href="#minimize-shape"/>
<use id="minimize-active" xlink:href="#minimize-shape"/>
<use id="minimize-disabled" xlink:href="#minimize-shape"/>
<use id="minimize-hover" xlink:href="#minimize-shape"/>
+ <use id="minimize-white" xlink:href="#minimize-shape"/>
</svg>
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg
index e62a69f..aeb3e80 100644
--- a/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-audio.svg
@@ -35,6 +35,13 @@
fill-opacity: .5;
}
+ .icon.menu {
+ fill: MenuText;
+ }
+ .icon.menu.hover {
+ fill: -moz-menuhovertext;
+ }
+
.icon.backgroundTab,
.icon.backgroundTab.hover,
.icon.backgroundTab.pressed {
@@ -84,4 +91,9 @@
<path d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"/>
</g>
+ <path id="tab-audio-menu" class="icon menu" d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"/>
+ <path id="tab-audio-menu-muted" class="icon menu" d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"/>
+ <path id="tab-audio-menu-hover" class="icon menu hover" d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"/>
+ <path id="tab-audio-menu-muted-hover" class="icon menu hover" d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"/>
+
</svg>
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg
index 72c2544..5d0d0a2 100644
--- a/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg
@@ -11,7 +11,7 @@
#tab-background-fill {
background-color: -moz-dialog;
- background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));
+ background-image: linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4));
background-repeat: no-repeat;
height: 100%;
width: 100%;
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg
index 2b8845e..6f2f86e 100644
--- a/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg
@@ -11,7 +11,7 @@
#tab-background-fill {
background-color: -moz-dialog;
- background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));
+ background-image: linear-gradient(transparent 2px, rgba(255,255,255,.4) 2px, rgba(255,255,255,.4));
background-repeat: no-repeat;
height: 100%;
width: 100%;
diff --git a/arc-firefox-theme/chrome/browser/tabview/tabview.css b/arc-firefox-theme/chrome/browser/tabview/tabview.css
index 648b36e..6ad5b43 100644
--- a/arc-firefox-theme/chrome/browser/tabview/tabview.css
+++ b/arc-firefox-theme/chrome/browser/tabview/tabview.css
@@ -564,7 +564,7 @@ html[dir=rtl] .iq-resizable-se {
#search{
width: 100%;
- height: 100%;
+ height: calc(100% - 1.7em - 20px); /* leave room for banner */
}
#searchbox{
diff --git a/arc-firefox-theme/chrome/browser/theme-switcher-icon@2x.png b/arc-firefox-theme/chrome/browser/theme-switcher-icon@2x.png
new file mode 100644
index 0000000..286adfe
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/theme-switcher-icon@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/undoCloseTab@2x.png b/arc-firefox-theme/chrome/browser/undoCloseTab@2x.png
new file mode 100644
index 0000000..4854c56
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/undoCloseTab@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/usercontext/banking.svg b/arc-firefox-theme/chrome/browser/usercontext/banking.svg
new file mode 100644
index 0000000..a1e20d8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/usercontext/banking.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="#7dc14c" d="M17.3857868,14.0527919 C14.2304569,13.0862944 13.4913706,12.4609137 13.4913706,11.0964467 C13.4913706,9.61827411 14.7137056,8.85076142 16.4192893,8.85076142 C17.9827411,8.85076142 19.3187817,9.33401015 20.5979695,10.4994924 L22.4456853,8.42436548 C21.1664975,7.20203046 19.3187819,6.26535905 17,6.00952148 L17,2 L15,2 L15,6.00952148 C12.3827412,6.43591742 9.76751269,8.53807107 9.76751269,11.3238579 C9.76751269,14.1664975 11.4730964,15.786802 15.4812183,17.0091371 C18.4375635,17.9187817 19.2335025,18.6294416 19.2335025,20.2213198 C19.2335025,22.0690355 17.7553299,23.035533 15.7370558,23.035533 C13.7756345,23.035533 12.2406091,22.3248731 10.9329949,21.1025381 L9,23.2345178 C10.4213198,24.6274112 12.8659899,25.8324934 15,26.0030518 L15,30 L17,30 L17,26.0030518 C20.7116753,25.4060974 22.9857868,22.893401 22.9857868,20.022335 C22.9857868,16.4690355 20.7116751,15.1045685 17.3857868,14.0527919 Z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/usercontext/personal.svg b/arc-firefox-theme/chrome/browser/usercontext/personal.svg
new file mode 100644
index 0000000..861b40b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/usercontext/personal.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="#00a7e0" d="M7.17741905,12 C7.10965537,12 7.041327,11.9953181 6.97243393,11.985018 C6.33263187,11.8918489 5.90515601,11.3862071 6.01809547,10.8552833 C7.41798011,4.26321358 12.2613889,2.57493207 15.0238882,2.15590491 C19.6448063,1.45690206 24.3408291,3.21541158 25.8344535,5.29743816 C26.1664955,5.76047488 25.9835336,6.35881757 25.4244832,6.63364321 C24.8654329,6.9098734 24.1437497,6.75583996 23.8122724,6.29327142 C22.8923805,5.01043967 19.1749781,3.51130562 15.4479759,4.07406612 C12.8080159,4.474834 9.43056132,6.03623689 8.33561323,11.1942506 C8.23453242,11.666651 7.73816348,12 7.17741905,12 Z M16.63127,26 C16.1452186,26 15.6509104,25.9658335 15.147795,25.8938767 C10.637921,25.257137 6.71207921,21.8114952 6.01575422,17.8807924 C5.91171832,17.2932317 6.33391695,16.7382846 6.95813239,16.6404441 C7.58454965,16.5343208 8.17298555,16.9406954 8.27757192,17.5272206 C8.80876054,20.5255916 11.9766264,23.26409 15.4885263,23.7610576 C17.3975027,24.02766 20.959494,23.8221432 23.3220449,19.3789425 C24.4625867,17.2331815 23.0049831,11.881462 19.9521622,9.34692739 C18.2380468,7.92384005 16.4573263,7.76905536 14.6628445,8.89499751 C13.26469,9.77142052 11.8070864,12.2857658 11.8665355,14.6287608 C11.9127737,16.4835887 12.8386382,17.9325598 14.6171568,18.9363308 C15.2210054,19.2764429 16.9411759,19.4933486 17.9424527,18.8296898 C18.7257495,18.3104622 18.9591422,17.2761485 18.6365758,15.7583267 C18.3822659,14.5650869 17.2219077,12.4452096 16.6664991,12.3711821 C16.6692513,12.3722175 16.4666841,12.4312324 16.1276041,12.9095636 C15.8545786,13.2936782 15.58981,14.7297074 15.9476054,15.3581643 C16.0142104,15.4761941 16.0725586,15.5465978 16.3202632,15.5465978 C16.9532859,15.5465978 17.46686,16.0290705 17.46686,16.6249139 C17.46686,17.2207573 16.9543868,17.7042653 16.3213641,17.7042653 C15.2644914,17.7042653 14.4140391,17.2336992 13.9268868,16.3774655 C13.1083609,14.9388479 13.5536787,12.6548678 14.2202791,11.7137354 C15.2540327,10.2564816 16.3631986,10.1151564 17.1123672,10.2564816 C19.7066595,10.7389543 20.8763754,15.2908666 20.8857331,15.3359043 C21.5303153,18.3648181 20.3594985,19.8665919 19.264094,20.593407 C17.4151172,21.8192603 14.6920186,21.493643 13.4380832,20.7859819 C10.3280151,19.0310652 9.62013053,16.497566 9.5744428,14.6805283 C9.49022326,11.3643051 11.4779146,8.30018945 13.391845,7.10021984 C16.0417332,5.43848454 18.9877658,5.66781436 21.4714167,7.72919442 C25.1176276,10.7565552 27.0871539,17.1229168 25.3746898,20.3433702 C23.4326862,23.9950465 20.2983981,26 16.63127,26 Z M16.0845157,30 C14.9348455,30 13.9050564,29.8557557 13.0394288,29.6610017 C10.2114238,29.0257442 7.58700058,27.4599412 6.18892823,25.5735955 C5.84440518,25.1078371 5.98426642,24.4803503 6.50105099,24.1700066 C7.01675554,23.8596629 7.71552172,23.986423 8.06112477,24.4507244 C9.89498097,26.9252176 15.9397944,29.9781448 22.2508301,26.1937972 C22.7676147,25.8844249 23.4658409,26.0087566 23.8109039,26.474515 C24.155427,26.9397877 24.0161057,27.5672745 23.4993212,27.8776182 C20.7987573,29.4963593 18.2315746,30 16.0845157,30 Z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/usercontext/shopping.svg b/arc-firefox-theme/chrome/browser/usercontext/shopping.svg
new file mode 100644
index 0000000..e74e16d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/usercontext/shopping.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="#ee5195" fill-rule="evenodd" d="M20.8195396,14 L15.1804604,14 L15.1804604,14 L15.8471271,18 L20.1528729,18 L20.8195396,14 Z M22.8471271,14 L27.6125741,14 L27.6125741,14 L26.2792408,18 L22.1804604,18 L22.8471271,14 Z M21.1528729,12 L14.8471271,12 L14.8471271,12 L14.1804604,8 L21.8195396,8 L21.1528729,12 Z M23.1804604,12 L28.2792408,12 L28.2792408,12 L29.6125741,8 L23.8471271,8 L23.1804604,12 Z M13.1528729,14 L8.47703296,14 L10.077033,18 L10.077033,18 L13.8195396,18 L13.1528729,14 Z M12.8195396,12 L7.67703296,12 L6.07703296,8 L12.1528729,8 L12.8195396,12 L12.8195396,12 Z M31.7207592,8 L32,8 L32,6 L31,6 L5.27703296,6 L5.27703296,6 L4,2.8074176 L4,2 L3,2 L1,2 L0,2 L0,4 L1,4 L2.32296704,4 L9.78931928,22.6658806 L9.78931928,22.6658806 C8.71085924,23.3823847 8,24.6081773 8,26 C8,28.209139 9.790861,30 12,30 C14.209139,30 16,28.209139 16,26 C16,25.2714257 15.8052114,24.5883467 15.4648712,24 L22.5351288,24 C22.1947886,24.5883467 22,25.2714257 22,26 C22,28.209139 23.790861,30 26,30 C28.209139,30 30,28.209139 30,26 C30,23.790861 28.209139,22 26,22 L11.677033,22 L10.877033,20 L27,20 L28,20 L28,19.1622777 L31.7207592,8 L31.7207592,8 Z M26,28 C27.1045695,28 28,27.1045695 28,26 C28,24.8954305 27.1045695,24 26,24 C24.8954305,24 24,24.8954305 24,26 C24,27.1045695 24.8954305,28 26,28 Z M12,28 C13.1045695,28 14,27.1045695 14,26 C14,24.8954305 13.1045695,24 12,24 C10.8954305,24 10,24.8954305 10,26 C10,27.1045695 10.8954305,28 12,28 Z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/usercontext/work.svg b/arc-firefox-theme/chrome/browser/usercontext/work.svg
new file mode 100644
index 0000000..782ad00
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/usercontext/work.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <path fill="#f89c24" fill-rule="evenodd" d="M22,9.99887085 L21.635468,10 L29.0034652,10 C29.5538362,10 30,10.4449463 30,10.9933977 L30,27.0066023 C30,27.5552407 29.5601869,28 29.0034652,28 L2.99653482,28 C2.44616384,28 2,27.5550537 2,27.0066023 L2,10.9933977 C2,10.4447593 2.43981314,10 2.99653482,10 L8,10 L8,7.99922997 C8,5.79051625 10.0426627,4 12.5635454,4 L19.4364546,4 C21.9568311,4 24,5.79246765 24,7.99922997 L24,9.99267578 L22,9.99887085 L22,10 L10,10 L10,7.99922997 C10,6.89421235 11.0713286,6 12.3917227,6 L19.6082773,6 C20.9273761,6 22,6.89552665 22,7.99922997 L22,9.99887085 Z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/web-notifications-icon.svg b/arc-firefox-theme/chrome/browser/web-notifications-icon.svg
new file mode 100644
index 0000000..f7186c7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/web-notifications-icon.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="64" height="64" viewBox="0 0 64 64">
+ <defs>
+ <style>
+ .icon {
+ fill: #a6a6a6;
+ fill-rule: evenodd;
+ }
+ </style>
+ </defs>
+ <path d="M57,48 L46,48 L46,60.016 L32.482,48 L7,48 C5.343,48 4,46.657 4,45 L4,11.031 C4,9.374 5.343,8.031 7,8.031 L57,8.031 C58.657,8.031 60,9.374 60,11.031 L60,45 C60,46.657 58.657,48 57,48 ZM36,16.031 C36,14.927 35.105,14.031 34,14.031 L30,14.031 C28.895,14.031 28,14.927 28,16.031 L28,30.031 C28,31.136 28.895,32.031 30,32.031 L34,32.031 C35.105,32.031 36,31.136 36,30.031 L36,16.031 ZM36,37.5 C36,36.672 35.328,36 34.5,36 L29.5,36 C28.672,36 28,36.672 28,37.5 L28,40.5 C28,41.328 28.672,42 29.5,42 L34.5,42 C35.328,42 36,41.328 36,40.5 L36,37.5 Z" class="icon"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/web-notifications-tray.svg b/arc-firefox-theme/chrome/browser/web-notifications-tray.svg
new file mode 100644
index 0000000..314026a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/web-notifications-tray.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="16" viewBox="0 0 96 32">
+ <defs>
+ <style>
+ .style-icon-notification {
+ fill: #666666;
+ }
+ .style-icon-notification.hover {
+ fill: #808080;
+ }
+ .style-icon-notification.active {
+ fill: #4d4d4d;
+ }
+ </style>
+ <path id="shape-notifcations-push" d="M27,23.969 L24,23.969 L24,29.977 L17.241,23.969 L5,23.969 C3.343,23.969 2,22.626 2,20.969 L2,6.969 C2,5.312 3.343,3.969 5,3.969 L27,3.969 C28.657,3.969 30,5.312 30,6.969 L30,20.969 C30,22.626 28.657,23.969 27,23.969 ZM18,8.969 C18,7.864 17.105,6.969 16,6.969 C14.895,6.969 14,7.864 14,8.969 L14,13.969 C14,15.073 14.895,15.969 16,15.969 C17.105,15.969 18,15.073 18,13.969 L18,8.969 ZM16.5,17.969 L15.5,17.969 C14.672,17.969 14,18.640 14,19.469 C14,20.297 14.672,20.969 15.5,20.969 L16.5,20.969 C17.328,20.969 18,20.297 18,19.469 C18,18.640 17.328,17.969 16.5,17.969 Z"/>
+ </defs>
+ <use xlink:href="#shape-notifcations-push" class="style-icon-notification"/>
+ <use xlink:href="#shape-notifcations-push" transform="translate(32)" class="style-icon-notification hover"/>
+ <use xlink:href="#shape-notifcations-push" transform="translate(64)" class="style-icon-notification active"/>
+</svg>