From 368d0b7ff30fae6bb74e895e6fb8d1a182a1cb1c Mon Sep 17 00:00:00 2001
From: Robert Kaiser <kairo@kairo.at>
Date: Fri, 1 May 2015 22:37:32 +0200
Subject: [PATCH] first part of syncing LCARStrek with Firefox 38 windows theme
 changes

---
 LCARStrek/browser/browser.css                 |  5 ++
 LCARStrek/browser/devtools/dark-theme.css     | 45 +++++++----
 LCARStrek/browser/devtools/filters.svg        | 11 +++
 LCARStrek/browser/devtools/power.svg          | 33 ++++++++
 LCARStrek/browser/devtools/webaudioeditor.css | 75 ++++++++++++++++++-
 .../preferences/in-content/preferences.css    |  4 +
 6 files changed, 156 insertions(+), 17 deletions(-)
 create mode 100644 LCARStrek/browser/devtools/power.svg

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index 0562f9ad..737c4bbd 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -2655,6 +2655,11 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon {
 
 /* === BEGIN tabs.inc.css === */
 
+:root {
+  /* --tab-toolbar-navbar-overlap: 1px; */
+  /* --tab-min-height: 31px; */
+}
+
 .tabbrowser-tab,
 .tabs-newtab-button,
 #TabsToolbar > #new-tab-button {
diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css
index dcd62750..acb0cb52 100644
--- a/LCARStrek/browser/devtools/dark-theme.css
+++ b/LCARStrek/browser/devtools/dark-theme.css
@@ -206,7 +206,8 @@
 
 .theme-toolbar,
 .devtools-toolbar,
-.devtools-sidebar-tabs > tabs,
+.devtools-sidebar-tabs tabs,
+.devtools-sidebar-alltabs,
 .CodeMirror-dialog { /* General toolbar styling */
 /*  color: var(--theme-body-color-alt);
   background-color: var(--theme-toolbar-background);*/
@@ -424,7 +425,8 @@ div.CodeMirror span.eval-text {
 
 /* Toolbars */
 .devtools-toolbar,
-.devtools-sidebar-tabs > tabs {
+.devtools-sidebar-tabs tabs,
+.devtools-sidebar-alltabs {
 }
 
 .devtools-toolbar {
@@ -708,17 +710,28 @@ div.CodeMirror span.eval-text {
   border: 0;
 }
 
-.devtools-sidebar-tabs > tabs {
+.devtools-sidebar-tabs tabs {
   position: static;
   overflow: hidden;
 }
 
-.devtools-sidebar-tabs > tabs > .tabs-right,
-.devtools-sidebar-tabs > tabs > .tabs-left {
+.devtools-sidebar-alltabs {
+/*  margin: 0;
+  border-width: 0 0 1px 0;
+  -moz-border-start-width: 1px;
+  border-style: solid;*/
+}
+
+.devtools-sidebar-alltabs dropmarker {
+  display: none;
+}
+
+.devtools-sidebar-tabs tabs > .tabs-right,
+.devtools-sidebar-tabs tabs > .tabs-left {
   display: none;
 }
 
-.devtools-sidebar-tabs > tabs > tab {
+.devtools-sidebar-tabs tabs > tab {
   min-width: 78px;
   text-align: center;
   -moz-box-flex: 1;
@@ -726,34 +739,34 @@ div.CodeMirror span.eval-text {
   margin-top: 0;
 }
 
-.devtools-sidebar-tabs > tabs > tab:-moz-focusring {
+.devtools-sidebar-tabs tabs > tab:-moz-focusring {
   position: static;
 }
 
-.devtools-sidebar-tabs > tabs > tab:last-of-type {
+.devtools-sidebar-tabs tabs > tab:last-of-type {
   -moz-border-end-width: 0;
 }
 
-.devtools-sidebar-tabs > tabs > tab:first-child {
+.devtools-sidebar-tabs tabs > tab:first-child {
 }
 
-.devtools-sidebar-tabs > tabs > tab:hover {
+.devtools-sidebar-tabs tabs > tab:hover {
 }
 
-.devtools-sidebar-tabs > tabs > tab:hover:active {
+.devtools-sidebar-tabs tabs > tab:hover:active {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected] + tab {
+.devtools-sidebar-tabs tabs > tab[selected] + tab {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected] + tab:hover {
+.devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected] + tab:hover:active {
+.devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active {
 }
 
-.devtools-sidebar-tabs > tabs > tab[selected],
-.devtools-sidebar-tabs > tabs > tab[selected]:hover:active {
+.devtools-sidebar-tabs tabs > tab[selected],
+.devtools-sidebar-tabs tabs > tab[selected]:hover:active {
 }
 
 /* Toolbox - moved from toolbox.css.
diff --git a/LCARStrek/browser/devtools/filters.svg b/LCARStrek/browser/devtools/filters.svg
index 69c6bc3e..ccd72cf2 100644
--- a/LCARStrek/browser/devtools/filters.svg
+++ b/LCARStrek/browser/devtools/filters.svg
@@ -13,4 +13,15 @@
     <feFuncB type="table" tableValues=".6 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="#000000"/> <!-- theme-toolbar-background -->
+    <stop offset="50%" stop-color="#FFCF00"/>
+  </linearGradient>
+
+  <linearGradient id="bypass-dark" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
+    <stop offset="0%" stop-color="#000000"/> <!-- theme-toolbar-background -->
+    <stop offset="50%" stop-color="transparent"/>
+  </linearGradient>
 </svg>
diff --git a/LCARStrek/browser/devtools/power.svg b/LCARStrek/browser/devtools/power.svg
new file mode 100644
index 00000000..9757909c
--- /dev/null
+++ b/LCARStrek/browser/devtools/power.svg
@@ -0,0 +1,33 @@
+<?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="16px" height="16px">
+<style>
+use:not(:target) {
+  display: none;
+}
+
+use {
+  fill: #FFCF00;
+  stroke: #FFCF00;
+}
+
+use[id$="-disabled"] {
+  fill: #8050B0;
+}
+
+use[id$="-active"] {
+  fill: #000000;
+}
+</style>
+<defs>
+  <path id="power-shape"
+        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" stroke-width="0"/>
+</defs>
+<use id="power"              xlink:href="#power-shape"/>
+<use id="power-disabled"     xlink:href="#power-shape"/>
+<use id="power-active"       xlink:href="#power-shape"/>
+</svg>
diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css
index d4710420..9acb10d9 100644
--- a/LCARStrek/browser/devtools/webaudioeditor.css
+++ b/LCARStrek/browser/devtools/webaudioeditor.css
@@ -59,7 +59,7 @@ g.edgeLabel rect {
   fill: var(--theme-body-background);
 }
 g.edgeLabel tspan {
-  fill: var(--theme-Highlight-color-blue);
+  fill: var(--theme-highlight-color-blue);
 }
 
 /* Audio Nodes */
@@ -73,10 +73,35 @@ g.edgeLabel tspan {
   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);
 }
 
+
 /* Text in nodes and edges */
 text {
   cursor: default; /* override the "text" cursor */
@@ -100,6 +125,12 @@ g.selected text {
  * 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;
 }
@@ -133,6 +164,20 @@ g.selected text {
   -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: 2dppx) {
   #inspector-pane-toggle {
     list-style-image: url("debugger-collapse@2x.png");
@@ -152,6 +197,34 @@ g.selected text {
   }
 }
 
+/**
+ * Inspector toolbar
+ */
+
+#audio-node-toolbar .bypass {
+  list-style-image: url(power.svg#power);
+}
+
+#audio-node-toolbar .bypass[disabled] {
+  list-style-image: url(power.svg#power-disabled);
+}
+
+#audio-node-toolbar .bypass:not([disabled]):hover,
+#audio-node-toolbar .bypass:hover:active,
+#audio-node-toolbar .bypass[checked] {
+  list-style-image: url(power.svg#power-active);
+}
+
+#audio-node-toolbar toolbarbutton[checked] {
+  background-color: var(--theme-selection-background); /* 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
diff --git a/LCARStrek/browser/preferences/in-content/preferences.css b/LCARStrek/browser/preferences/in-content/preferences.css
index 6175092e..948d9a7b 100644
--- a/LCARStrek/browser/preferences/in-content/preferences.css
+++ b/LCARStrek/browser/preferences/in-content/preferences.css
@@ -213,6 +213,10 @@ treecol {
   -moz-margin-start: 0;
 }
 
+#handlersView {
+  height: 25em;
+}
+
 #handlersView > richlistitem {
   min-height: 36px !important;
 }
-- 
2.43.0