third part of syncing LCARStrek with Firefox 36 windows theme changes (changeset...

[themes.git] / LCARStrek / browser / devtools / canvasdebugger.css

diff --git a/LCARStrek/browser/devtools/canvasdebugger.css b/LCARStrek/browser/devtools/canvasdebugger.css
index 295f485a8cf02aa6828fc1d24bddb0af339ababc..ab9e9b06f8fc11adb2507a7c639e3e51cd9fe45f 100644 (file)
--- a/LCARStrek/browser/devtools/canvasdebugger.css
+++ b/LCARStrek/browser/devtools/canvasdebugger.css
@@ -7,9 +7,8 @@
 .notice-container {
   margin-top: -50vh;
   font-size: 120%;
 .notice-container {
   margin-top: -50vh;
   font-size: 120%;

-
-  background-color: #000000; /* Toolbars */
-  color: #FF9F00; /* Light foreground text */
+  background-color: var(--theme-toolbar-background);
+  color: var(--theme-body-color);

 }
 
 #empty-notice > button {
 }
 
 #empty-notice > button {


@@ -83,6 +82,11 @@
   font-size: 80%;
 }
 
   font-size: 80%;
 }
 

+.snapshot-item-calls,
+.snapshot-item-save {
+  color: var(--theme-body-color);
+}
+

 .snapshot-item-save {
   padding-bottom: 2px;
   font-size: 90%;
 .snapshot-item-save {
   padding-bottom: 2px;
   font-size: 90%;


@@ -237,9 +241,9 @@
 }
 
 .call-item-gutter {
 }
 
 .call-item-gutter {

-  background-color: #A09090;
-  color: #000000;
-  border-color: #000;
+  background-color: var(--theme-contrastsidebar-background);
+  color: var(--theme-contrastsidebar-color);
+  border-color: var(--theme-contrastsidebar-bordercolor);

 }
 
 .call-item-index {
 }
 
 .call-item-index {


@@ -247,11 +251,11 @@
 }
 
 .call-item-context {
 }
 
 .call-item-context {

-  color: #FFCF00; /* Highlight Orange */
+  color: var(--theme-highlight-lightorange);

 }
 
 .call-item-name {
 }
 
 .call-item-name {

-  color: #9C9CFF; /* Highlight Blue */
+  color: var(--theme-highlight-blue);

 }
 
 .call-item-location {
 }
 
 .call-item-location {


@@ -259,10 +263,11 @@
   -moz-padding-end: 6px;
   text-align: end;
   cursor: pointer;
   -moz-padding-end: 6px;
   text-align: end;
   cursor: pointer;

+  color: var(--theme-highlight-bluegrey);

 }
 
 .call-item-location:hover {
 }
 
 .call-item-location:hover {

-  color: #FFCF00; /* Highlight Blue */
+  color: var(--theme-highlight-blue);

 }
 
 .call-item-view:hover .call-item-location,
 }
 
 .call-item-view:hover .call-item-location,


@@ -272,7 +277,6 @@
 
 .call-item-location {
   border-color: #A09090;
 
 .call-item-location {
   border-color: #A09090;

-  color: #9C9CFF; /* Highlight Blue-Grey */

 }
 
 .call-item-stack {
 }
 
 .call-item-stack {


@@ -298,15 +302,15 @@
 }
 
 .call-item-stack-fn-name {
 }
 
 .call-item-stack-fn-name {

-  color: #A09090; /* Content (Text) - Light */
+  color: var(--theme-content-color2);

 }
 
 .theme-dark .call-item-stack-fn-location {
 }
 
 .theme-dark .call-item-stack-fn-location {

-  color: #FF9F00; /* Highlight Blue-Grey */
+  color: var(--theme-content-color1);

 }
 
 .theme-dark .call-item-stack-fn-location:hover {
 }
 
 .theme-dark .call-item-stack-fn-location:hover {

-  color: #9C9CFF; /* Highlight Blue */
+  color: var(--theme-highlight-blue);

 }
 
 #calls-list .selected .call-item-contents > label:not(.call-item-gutter) {
 }
 
 #calls-list .selected .call-item-contents > label:not(.call-item-gutter) {


@@ -372,7 +376,7 @@
 
 #snapshot-filmstrip {
   border-top: 1px solid #000;
 
 #snapshot-filmstrip {
   border-top: 1px solid #000;

-  color: #FF9F00; /* Light foreground text */
+  color: var(--theme-body-color);

 }
 
 .filmstrip-thumbnail {
 }
 
 .filmstrip-thumbnail {


@@ -397,12 +401,12 @@
 }
 
 .filmstrip-thumbnail {
 }
 
 .filmstrip-thumbnail {

-  -moz-border-end: 1px solid #000;
+  -moz-border-end: 1px solid var(--theme--contrastsidebar-bordercolor)

 }
 
 #snapshot-filmstrip > .filmstrip-thumbnail:hover,
 #snapshot-filmstrip:not(:hover) > .filmstrip-thumbnail[highlighted] {
 }
 
 #snapshot-filmstrip > .filmstrip-thumbnail:hover,
 #snapshot-filmstrip:not(:hover) > .filmstrip-thumbnail[highlighted] {

-  border: 1px solid #9C9CFF; /* Highlight Blue */
+  border: 1px solid var(--theme-highlight-blue);

   margin: 0 0 0 -1px;
   padding: 0;
   opacity: 0.66;
   margin: 0 0 0 -1px;
   padding: 0;
   opacity: 0.66;