Bug 1461970 - Remove html and css files related to gcli. r=jryans draft
authorAlexandre Poirot <poirot.alex@gmail.com>
Wed, 21 Mar 2018 10:03:22 -0700
changeset 796378 5e0711ff9520c35882fbfc34d7bbd4a1d3e9cf58
parent 796377 f020f21bf9d7bec659fa6e3e3a655c0d576847e4
child 796379 49e2a6fa57949e6a4f34451d1e635b24a82b8443
push id110236
push userbmo:poirot.alex@gmail.com
push dateThu, 17 May 2018 16:26:31 +0000
reviewersjryans
bugs1461970
milestone62.0a1
Bug 1461970 - Remove html and css files related to gcli. r=jryans MozReview-Commit-ID: CkwBFZq8QVX
devtools/client/commandline/commandlineoutput.xhtml
devtools/client/commandline/commandlinetooltip.xhtml
devtools/client/jar.mn
devtools/client/themes/commandline-browser.css
devtools/client/themes/commandline.css
devtools/client/themes/devtools-browser.css
devtools/client/themes/images/toggle-tools.png
devtools/client/themes/images/toggle-tools@2x.png
devtools/client/themes/moz.build
devtools/client/themes/variables.css
deleted file mode 100644
--- a/devtools/client/commandline/commandlineoutput.xhtml
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-
-<!-- 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 xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-  <link rel="stylesheet" href="chrome://devtools/skin/commandline.css" type="text/css"/>
-</head>
-<body class="gcli-body">
-<div id="gcli-output-root"></div>
-</body>
-</html>
deleted file mode 100644
--- a/devtools/client/commandline/commandlinetooltip.xhtml
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-
-<!-- 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 xmlns="http://www.w3.org/1999/xhtml">
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-  <link rel="stylesheet" href="chrome://devtools/skin/commandline.css" type="text/css"/>
-</head>
-<body class="gcli-body">
-<div id="gcli-tooltip-root"></div>
-<div id="gcli-tooltip-connector"></div>
-</body>
-</html>
--- a/devtools/client/jar.mn
+++ b/devtools/client/jar.mn
@@ -71,18 +71,16 @@ devtools.jar:
     content/performance/views/details-abstract-subview.js (performance/views/details-abstract-subview.js)
     content/performance/views/details-waterfall.js (performance/views/details-waterfall.js)
     content/performance/views/details-js-call-tree.js (performance/views/details-js-call-tree.js)
     content/performance/views/details-js-flamegraph.js (performance/views/details-js-flamegraph.js)
     content/performance/views/details-memory-call-tree.js (performance/views/details-memory-call-tree.js)
     content/performance/views/details-memory-flamegraph.js (performance/views/details-memory-flamegraph.js)
     content/performance/views/recordings.js (performance/views/recordings.js)
     content/memory/memory.xhtml (memory/memory.xhtml)
-    content/commandline/commandlineoutput.xhtml (commandline/commandlineoutput.xhtml)
-    content/commandline/commandlinetooltip.xhtml (commandline/commandlinetooltip.xhtml)
     content/framework/toolbox-window.xul (framework/toolbox-window.xul)
     content/framework/toolbox-options.xhtml (framework/toolbox-options.xhtml)
 *   content/framework/toolbox.xul (framework/toolbox.xul)
     content/framework/toolbox-init.js (framework/toolbox-init.js)
     content/framework/options-panel.css (framework/options-panel.css)
     content/framework/toolbox-process-window.xul (framework/toolbox-process-window.xul)
     content/framework/toolbox-process-window.js (framework/toolbox-process-window.js)
     content/framework/dev-edition-promo/dev-edition-promo.xul (framework/dev-edition-promo/dev-edition-promo.xul)
@@ -134,17 +132,16 @@ devtools.jar:
     skin/images/power.svg (themes/images/power.svg)
     skin/images/filetypes/dir-close.svg (themes/images/filetypes/dir-close.svg)
     skin/images/filetypes/dir-open.svg (themes/images/filetypes/dir-open.svg)
     skin/images/filetypes/globe.svg (themes/images/filetypes/globe.svg)
     skin/images/commandline-icon.svg (themes/images/commandline-icon.svg)
     skin/images/alerticon-warning.png (themes/images/alerticon-warning.png)
     skin/images/alerticon-warning@2x.png (themes/images/alerticon-warning@2x.png)
     skin/rules.css (themes/rules.css)
-    skin/commandline.css (themes/commandline.css)
     skin/images/command-paintflashing.svg (themes/images/command-paintflashing.svg)
     skin/images/command-screenshot.svg (themes/images/command-screenshot.svg)
     skin/images/command-responsivemode.svg (themes/images/command-responsivemode.svg)
     skin/images/command-pick.svg (themes/images/command-pick.svg)
     skin/images/command-pick-accessibility.svg (themes/images/command-pick-accessibility.svg)
     skin/images/command-frames.svg (themes/images/command-frames.svg)
     skin/images/command-eyedropper.svg (themes/images/command-eyedropper.svg)
     skin/images/command-rulers.svg (themes/images/command-rulers.svg)
@@ -188,18 +185,16 @@ devtools.jar:
     skin/images/rewind.svg (themes/images/rewind.svg)
     skin/images/debugger-step-in.svg (themes/images/debugger-step-in.svg)
     skin/images/debugger-step-out.svg (themes/images/debugger-step-out.svg)
     skin/images/debugger-step-over.svg (themes/images/debugger-step-over.svg)
     skin/images/debugger-toggleBreakpoints.svg (themes/images/debugger-toggleBreakpoints.svg)
     skin/images/jump-definition.svg (themes/images/jump-definition.svg)
     skin/images/tracer-icon.png (themes/images/tracer-icon.png)
     skin/images/tracer-icon@2x.png (themes/images/tracer-icon@2x.png)
-    skin/images/toggle-tools.png (themes/images/toggle-tools.png)
-    skin/images/toggle-tools@2x.png (themes/images/toggle-tools@2x.png)
     skin/floating-scrollbars-dark-theme.css (themes/floating-scrollbars-dark-theme.css)
     skin/floating-scrollbars-responsive-design.css (themes/floating-scrollbars-responsive-design.css)
     skin/inspector.css (themes/inspector.css)
     skin/images/profiler-stopwatch.svg (themes/images/profiler-stopwatch.svg)
     skin/images/debugging-addons.svg (themes/images/debugging-addons.svg)
     skin/images/debugging-tabs.svg (themes/images/debugging-tabs.svg)
     skin/images/debugging-workers.svg (themes/images/debugging-workers.svg)
     skin/images/gcli_sec_bad.svg (themes/images/gcli_sec_bad.svg)
deleted file mode 100644
--- a/devtools/client/themes/commandline-browser.css
+++ /dev/null
@@ -1,218 +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/. */
-
-/* Developer toolbar */
-
-@namespace html url("http://www.w3.org/1999/xhtml");
-
-/* 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 browser.css). */
-#browser-bottombox[devtoolstheme="light"] #developer-toolbar {
-  --gcli-background-color: #fcfcfc; /* --theme-tab-toolbar-background */
-  --gcli-input-background: #fcfcfc; /* --theme-toolbar-background */
-  --gcli-input-focused-background: #ffffff; /* --theme-sidebar-background */
-  --gcli-input-color: #393f4c; /* --theme-body-color */
-  --gcli-border-color: #e0e0e1; /* --theme-splitter-color */
-  --selection-background: #4c9ed9; /* --theme-selection-background */
-  --selection-color: #f5f7fa; /* --theme-selection-color */
-  --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); /* --theme-command-line-image */
-  --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); /* --theme-command-line-image-focus */
-}
-
-#browser-bottombox[devtoolstheme="dark"] #developer-toolbar {
-  --gcli-background-color: #272b35; /* --theme-toolbar-background */
-  --gcli-input-background: #272b35; /* --theme-tab-toolbar-background */
-  --gcli-input-focused-background: #272b35; /* --theme-tab-toolbar-background */
-  --gcli-input-color: #b6babf; /* --theme-body-color-alt */
-  --gcli-border-color: #3c3c3d; /* --theme-splitter-color */
-  --selection-background: #5675b9; /* --theme-selection-background */
-  --selection-color: #f5f7fa; /* --theme-selection-color */
-  --command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme); /* --theme-command-line-image */
-  --command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#dark-theme-focus); /* --theme-command-line-image-focus */
-}
-
-#developer-toolbar {
-  -moz-appearance: none;
-  padding: 0;
-  min-height: 32px;
-  background-color: var(--gcli-background-color);
-  color: var(--gcli-input-color);
-  border-top: 1px solid var(--gcli-border-color);
-}
-
-#developer-toolbar > toolbarbutton {
-  -moz-appearance: none;
-  border: none;
-  background-color: transparent;
-  margin: 0;
-  padding: 0 10px;
-  width: 32px;
-}
-
-.developer-toolbar-button > image {
-  margin: auto 10px;
-}
-
-#browser-bottombox[devtoolstheme="light"] #developer-toolbar > .developer-toolbar-button:not([checked=true]) > image,
-#browser-bottombox[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before  {
-  filter: invert(1);
-}
-
-.developer-toolbar-button > .toolbarbutton-icon {
-  width: 16px;
-  height: 16px;
-}
-
-#developer-toolbar-toolbox-button {
-  list-style-image: url("chrome://devtools/skin/images/toggle-tools.png");
-  -moz-image-region: rect(0px, 16px, 16px, 0px);
-}
-
-#developer-toolbar-toolbox-button > label {
-  display: none;
-}
-
-#developer-toolbar-toolbox-button:hover {
-  -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-
-#developer-toolbar-toolbox-button:hover:active {
-  -moz-image-region: rect(0px, 48px, 16px, 32px);
-}
-
-#developer-toolbar-toolbox-button[checked=true] {
-  -moz-image-region: rect(0px, 64px, 16px, 48px);
-}
-
-@media (min-resolution: 1.1dppx) {
-  #developer-toolbar-toolbox-button {
-    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 {
-    -moz-image-region: rect(0px, 64px, 32px, 32px);
-  }
-
-  #developer-toolbar-toolbox-button:hover:active {
-    -moz-image-region: rect(0px, 96px, 32px, 64px);
-  }
-
-  #developer-toolbar-toolbox-button[checked=true] {
-    -moz-image-region: rect(0px, 128px, 32px, 96px);
-  }
-}
-
-/* GCLI */
-
-html|*#gcli-tooltip-frame,
-html|*#gcli-output-frame {
-  padding: 0;
-  border-width: 0;
-  background-color: transparent;
-}
-
-#gcli-output,
-#gcli-tooltip {
-  border-width: 0;
-  background-color: transparent;
-  -moz-appearance: none;
-
-  /* We always wanted this to be a percentage of the viewport size but width: x% does not
-   * work. vw is the obvious solution.
-   */
-  width: 80vw;
-}
-
-.gclitoolbar-input-node,
-.gclitoolbar-complete-node {
-  margin: 0;
-  -moz-box-align: center;
-  padding-top: 0;
-  padding-bottom: 0;
-  padding-right: 8px;
-  text-shadow: none;
-  box-shadow: none;
-  border-width: 0;
-  background-color: transparent;
-  border-radius: 0;
-}
-
-.gclitoolbar-input-node {
-  -moz-appearance: none;
-  color: var(--gcli-input-color);
-  background-color: var(--gcli-input-background);
-  background-repeat: no-repeat;
-  background-position: 4px center;
-  box-shadow: 1px 0 0 var(--gcli-border-color) inset,
-              -1px 0 0 var(--gcli-border-color) inset;
-
-  line-height: 32px;
-  outline-style: none;
-  padding: 0;
-}
-
-.gclitoolbar-input-node[focused="true"] {
-  background-color: var(--gcli-input-focused-background);
-}
-
-.gclitoolbar-input-node::before {
-  content: "";
-  display: inline-block;
-  -moz-box-ordinal-group: 0;
-  width: 16px;
-  height: 16px;
-  margin: 0 2px;
-  background-image: var(--command-line-image);
-}
-
-.gclitoolbar-input-node[focused="true"]::before {
-  background-image: var(--command-line-image-focus);
-}
-
-.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
-  background-color: var(--selection-background);
-  color: var(--selection-color);
-  text-shadow: none;
-}
-
-.gclitoolbar-complete-node {
-  padding-left: 21px;
-  background-color: transparent;
-  color: transparent;
-  z-index: 100;
-  pointer-events: none;
-}
-
-.gcli-in-incomplete,
-.gcli-in-error,
-.gcli-in-ontab,
-.gcli-in-todo,
-.gcli-in-closebrace,
-.gcli-in-param,
-.gcli-in-valid {
-  margin: 0;
-  padding: 0;
-}
-
-.gcli-in-incomplete {
-  border-bottom: 2px dotted #999;
-}
-
-.gcli-in-error {
-  border-bottom: 2px dotted #F00;
-}
-
-.gcli-in-ontab {
-  color: hsl(210,0%,35%);
-}
-
-.gcli-in-todo {
-  color: hsl(210,50%,35%);
-}
-
-.gcli-in-closebrace {
-  color: hsl(0,0%,80%);
-}
deleted file mode 100644
--- a/devtools/client/themes/commandline.css
+++ /dev/null
@@ -1,245 +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/. */
-
-:root {
-  overflow-x: hidden;
-}
-
-/* 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: #fcfcfc; /* --theme-tab-toolbar-background */
-  --gcli-input-focused-background: #ffffff; /* --theme-sidebar-background */
-  --gcli-input-color: #393f4c; /* --theme-body-color */
-  --gcli-border-color: #e0e0e1; /* --theme-splitter-color */
-}
-
-:root[devtoolstheme="dark"] {
-  --gcli-background-color: #272b35; /* --theme-toolbar-background */
-  --gcli-input-focused-background: #272b35; /* --theme-tab-toolbar-background */
-  --gcli-input-color: #b6babf; /* --theme-body-color-alt */
-  --gcli-border-color: #3c3c3d; /* --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;
-  overflow-x: hidden;
-}
-
-#gcli-tooltip-connector {
-  margin-top: -1px;
-  margin-left: 8px;
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  background-color: transparent;
-  border-top: 10px solid 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-row-out .nowrap {
-  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);
-  cursor: pointer;
-  display: inline-block;
-}
-
-.gcli-out-shortcut:before,
-.gcli-help-synopsis:before {
-  color: var(--gcli-input-color);
-  padding-inline-end: 2px;
-  content: '\bb';
-}
-
-.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 {
-  padding-inline-start: 8px;
-}
-
-.gcli-menu-desc {
-  padding-inline-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;
-  padding-inline-end: 8px;
-}
-
-.gcli-addon-disabled {
-  opacity: 0.6;
-  text-decoration: line-through;
-}
-
-.gcli-breakpoint-label {
-  font-weight: bold;
-}
-
-.gcli-breakpoint-lineText {
-  font-family: monospace;
-}
-
-.gcli-help-name {
-  text-align: end;
-}
-
-.gcli-menu-template {
-  white-space: nowrap;
-  width: 290px;
-  display: flex;
-}
-
-.gcli-menu-names {
-  white-space: nowrap;
-  flex-grow: 0;
-  flex-shrink: 0;
-}
-
-.gcli-menu-descs {
-  flex-grow: 1;
-  flex-shrink: 1;
-}
-
-.gcli-menu-name,
-.gcli-menu-desc {
-  white-space: nowrap;
-}
-
-.gcli-menu-name {
-  padding-inline-end: 10px;
-}
-
-.gcli-menu-desc {
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.gcli-menu-name,
-.gcli-out-shortcut,
-.gcli-help-synopsis {
-  direction: ltr;
-}
-
-.gcli-cookielist-list {
-  list-style-type: none;
-  padding-left: 0;
-}
-
-.gcli-cookielist-detail {
-  padding-left: 20px;
-  padding-bottom: 10px;
-}
-
-.gcli-appcache-list {
-  list-style-type: none;
-  padding-left: 0;
-}
-
-.gcli-appcache-detail {
-  padding-left: 20px;
-  padding-bottom: 10px;
-}
--- a/devtools/client/themes/devtools-browser.css
+++ b/devtools/client/themes/devtools-browser.css
@@ -1,14 +1,13 @@
 /* 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("resource://devtools/client/themes/splitters.css");
-@import url("resource://devtools/client/themes/commandline-browser.css");
 
 .devtools-toolbox-side-iframe {
   min-width: 250px;
 }
 
 /* Eyedropper Widget */
 /* <panel> added to mainPopupSet */
 
deleted file mode 100644
index be5fe6b9f57c2b26e96a7a195b709d3181253479..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 498a97975a9b4b15e13d237f621c05890208d8ea..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
--- a/devtools/client/themes/moz.build
+++ b/devtools/client/themes/moz.build
@@ -4,14 +4,13 @@
 # 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/.
 
 DIRS += [
     'audio',
 ]
 
 DevToolsModules(
-    'commandline-browser.css',
     'common.css',
     'splitters.css',
     'toolbars.css',
     'variables.css',
 )
--- a/devtools/client/themes/variables.css
+++ b/devtools/client/themes/variables.css
@@ -5,19 +5,17 @@
 
 /* Variable declarations for light and dark devtools themes.
  * Colors are taken from:
  * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors.
  */
 
 /*
  * IMPORTANT NOTE
- * 1. Changes should be kept in sync with commandline.css and commandline-browser.css.
- *
- * 2. This file is parsed in js (see client/shared/theme.js)
+ * This file is parsed in js (see client/shared/theme.js)
  * so the formatting should be consistent (i.e. no '}' inside a rule).
  */
 
 :root.theme-light {
   --theme-body-background: white;
   --theme-sidebar-background: white;
   --theme-contrast-background: #e6b064;
 
@@ -34,18 +32,17 @@
   --theme-toolbar-hover: var(--grey-20);
   --theme-toolbar-hover-active: var(--grey-20);
 
   /* Selection */
   --theme-selection-background: var(--blue-55);
   --theme-selection-background-hover: #F0F9FE;
   --theme-selection-color: #ffffff;
 
-  /* Border color that splits the toolbars/panels/headers.
-   * This needs to be sync with commandline.css and commandline-browser.css. */
+  /* Border color that splits the toolbars/panels/headers. */
   --theme-splitter-color: #e0e0e1;
 
   --theme-comment: var(--grey-50);
   --theme-comment-alt: #ccd1d5;
 
   --theme-body-color: var(--grey-60);
   --theme-body-color-alt: var(--grey-40);
   --theme-body-color-inactive: #999797;
@@ -120,18 +117,17 @@
   --theme-toolbar-hover: #252526;
   --theme-toolbar-hover-active: #252526;
 
   /* Selection */
   --theme-selection-background: #204E8A;
   --theme-selection-background-hover: #353B48;
   --theme-selection-color: #ffffff;
 
-  /* Border color that splits the toolbars/panels/headers.
-   * This needs to be sync with commandline.css and commandline-browser.css. */
+  /* Border color that splits the toolbars/panels/headers. */
   --theme-splitter-color: #3c3c3d;
 
   --theme-comment: #939393;
   --theme-comment-alt: #939393;
 
   --theme-body-color: #909090;
   --theme-body-color-alt: var(--grey-50);
   --theme-body-color-inactive: var(--grey-40);