--theme-tab-toolbar-background: #402800;
--theme-toolbar-background: #000000;
--theme-button-background: #C09070;
+ --theme-button-color: #000000;
--theme-hover-background: #FFCF00;
--theme-hover-color: #000000;
--theme-active-background: #FFCF00;
--theme-body-color: #FF9F00;
--theme-body-color-alt: #A09090;
+ --theme-body-color-inactive: #8050B0;
--theme-content-color1: #FF9F00;
--theme-content-color2: #A09090;
--theme-content-color3: #FF9F00;
--theme-content-color4: #9C9CFF;
- --theme-content-disabled: #8050B0;
--theme-text-blue: #3333FF;
--theme-highlight-green: #008484;
--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;
--theme-graphs-yellow: #FFCF00;
--theme-graphs-red: #FF0000;
--theme-graphs-grey: #A09090;
+ --theme-graphs-full-red: #FF0000;
+ --theme-graphs-full-blue: #0000FF;
/* 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: #FFCF00;
+ --theme-tooltip-background: #9C9CFF;
+ /*--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);*/
}