third part of syncing LCARStrek with Firefox 41 windows theme changes
[themes.git] / LCARStrek / browser / devtools / widgets.css
index 75db1d04bb9212c1b1c8831f56946ad600365397..110c4bc8655c7afc58cb441d57c401888d76924c 100644 (file)
   opacity: 0.5;
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   .variable-or-property-non-writable-icon > .title:after {
     background-image: url("chrome://browser/skin/devtools/vview-lock@2x.png");
   }
   height: 16px;
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   .variables-view-delete {
     background-image: url("chrome://browser/skin/devtools/vview-delete@2x.png");
   }
   cursor: pointer;
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   .variables-view-edit {
     background-image: url("chrome://browser/skin/devtools/vview-edit@2x.png");
   }
 
 .line-graph-widget-gutter {
   position: absolute;
-  background: #000000;
   width: 10px;
   height: 100%;
   top: 0;
   left: 0;
-  border-right: 1px solid #9C9CFF;
   pointer-events: none;
+
+  background: #000000;
+  -moz-border-end: 1px solid #9C9CFF;
 }
 
 .line-graph-widget-gutter-line {
 
 .line-graph-widget-tooltip {
   position: absolute;
-  background: #404000;
   border-radius: 2px;
   line-height: 15px;
   -moz-padding-start: 6px;
   -moz-padding-end: 6px;
   transform: translateY(-50%);
-  font-size: 80%;
+  font-size: 0.8rem !important;
   z-index: 1;
   pointer-events: none;
+
+  background: #404000;
 }
 
 .line-graph-widget-tooltip[with-arrows=true]::before {
 }
 
 .line-graph-widget-tooltip > [text=info] {
-  color: #A09090;
+  color: var(--theme-content-color2);
 }
 
 .line-graph-widget-tooltip > [text=value] {
 
 .line-graph-widget-tooltip > [text=metric] {
   -moz-margin-start: 1px;
-  color: #9C9CFF;
+  color: var(--theme-content-color4);
 }
 
 .line-graph-widget-tooltip > [text=value],
 }
 
 .line-graph-widget-tooltip[type=maximum] > [text=value] {
-  color: #008484;
+  color: var(--theme-highlight-green);
 }
 
 .line-graph-widget-tooltip[type=minimum] > [text=value] {
-  color: #FF0000;
+  color: var(--theme-highlight-red);
 }
 
 .line-graph-widget-tooltip[type=average] > [text=value] {
-  color: #FF9F00;
+  color: var(--theme-highlight-orange);
 }
 
 /* Bar graph widget */
   top: 4px;
   left: 8px;
   color: #A09090;
-  font-size: 80%;
+  font-size: 0.8rem !important;
   pointer-events: none;
 }
 
   }
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   .tree-widget-item:before {
     background-image: url("chrome://browser/skin/devtools/controls@2x.png");
   }