--theme-tab-toolbar-background: #402800;
--theme-toolbar-background: #000000;
+ --theme-capped-toolbar-background: #9C9CFF;
+ --theme-capped-toolbar-text: #000000;
+ --theme-alternate-toolbar-background: #A09090;
+ --theme-toolbar-caps: #FF9F00;
--theme-button-background: #C09070;
--theme-button-color: #000000;
--theme-hover-background: #FFCF00;
--theme-hover-color: #000000;
- --theme-active-background: #FFCF00;
+ --theme-active-background: #FF9F00;
--theme-active-color: #000000;
--theme-selection-background: #008484;
--theme-selection-color: #000000;
--theme-highlight-orange: #FF9F00;
--theme-highlight-red: #FF0000;
--theme-highlight-pink: #E7ADE7;
+ --theme-highlight-gray: #A09090;
+
+ /* For accessibility purposes we want to enhance the focus styling. This
+ * should improve keyboard navigation usability. */
+ --theme-focus-outline-color: #008484;
/* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */
--theme-graphs-green: #008484;
/* Images */
--theme-pane-collapse-image: url(chrome://devtools/skin/images/pane-collapse.svg);
--theme-pane-expand-image: url(chrome://devtools/skin/images/pane-expand.svg);
+
+ /* Tooltips */
+ --theme-tooltip-border: #9C9CFF;
+ --theme-tooltip-background: #000000;
+ /*--theme-tooltip-shadow: rgba(25, 25, 25, 0.76);*/
+
+ /* Command line */
+ --theme-command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme);
+ --theme-command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus);
+}
+
+:root {
+ --theme-focus-border-color-textbox: #008484;
+ /*--theme-textbox-box-shadow: rgba(97,181,255,.75);*/
+
+ /* For accessibility purposes we want to enhance the focus styling. This
+ * should improve keyboard navigation usability. */
+ --theme-focus-outline: 1px dotted var(--theme-focus-outline-color);
+/* --theme-focus-box-shadow-textbox: 0 0 0 1px var(--theme-textbox-box-shadow);*/
}