third and last part of syncing LCARStrek with Firefox 52 browser windows theme changes

[themes.git] / LCARStrek / devtools / variables.css

diff --git a/LCARStrek/devtools/variables.css b/LCARStrek/devtools/variables.css
index c7cac8f55cf322fe89f1d19ecce3f2ee4991ae44..14ab52ea83e75097a03cc8c5bbc481b3f0e2f163 100644 (file)
--- a/LCARStrek/devtools/variables.css
+++ b/LCARStrek/devtools/variables.css
@@ -23,10 +23,15 @@
 
   --theme-tab-toolbar-background: #402800;
   --theme-toolbar-background: #000000;
 
   --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-background: #C09070;

+  --theme-button-color: #000000;

   --theme-hover-background: #FFCF00;
   --theme-hover-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-active-color: #000000;
   --theme-selection-background: #008484;
   --theme-selection-color: #000000;


@@ -43,11 +48,11 @@
 
   --theme-body-color: #FF9F00;
   --theme-body-color-alt: #A09090;
 
   --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-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-text-blue: #3333FF;
   --theme-highlight-green: #008484;


@@ -59,6 +64,11 @@
   --theme-highlight-orange: #FF9F00;
   --theme-highlight-red: #FF0000;
   --theme-highlight-pink: #E7ADE7;
   --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;
 
   /* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */
   --theme-graphs-green: #008484;


@@ -68,8 +78,29 @@
   --theme-graphs-yellow: #FFCF00;
   --theme-graphs-red: #FF0000;
   --theme-graphs-grey: #A09090;
   --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);
 
   /* 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);*/

 }
 }