X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwidgets.css;h=350fe883473b07b6aecafbfd0974eb1014334cf7;hp=95d314603f37dad2a0dbee498355eab1862061ec;hb=934990f811db5ce5b9cf69e6166bfc589337129c;hpb=46e71434a8715fd5d7590f7b799544961ea0394a

diff --git a/LCARStrek/browser/devtools/widgets.css b/LCARStrek/browser/devtools/widgets.css
index 95d31460..350fe883 100644
--- a/LCARStrek/browser/devtools/widgets.css
+++ b/LCARStrek/browser/devtools/widgets.css
@@ -21,7 +21,8 @@
 /* BreacrumbsWidget */
 
 .breadcrumbs-widget-container {
-  -moz-margin-end: 3px;
+  -moz-margin-start: 2px;
+  -moz-margin-start: 2px;
   max-height: 25px; /* Set max-height for proper sizing on linux */
   height: 25px; /* Set height to prevent starting small waiting for content */
   /* A fake 1px-shadow is included in the border-images of the
@@ -129,12 +130,12 @@
 
 #breadcrumb-separator-before,
 #breadcrumb-separator-after:after {
-  background: #9C9CFF; /* Select Highlight Blue */
+  background: #008484; /* Select Highlight Blue */
 }
 
 #breadcrumb-separator-after,
 #breadcrumb-separator-before:after {
-  background: #9C9CFF; /* Toolbars */
+  background: #000000; /* Toolbars */
 }
 
 /* This chevron arrow cannot be replicated easily in CSS, so we are using
@@ -154,7 +155,7 @@
   width: 25px;
   height: 25px;
   transform: translateX(-18px) rotate(45deg);
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .breadcrumbs-widget-item {
@@ -164,6 +165,7 @@
   margin: 0;
   padding: 0 8px 0 20px;
   border: none;
+  border-radius: 0;
   outline: none;
   color: #FF9F00;
 }
@@ -185,15 +187,21 @@
 }
 
 .breadcrumbs-widget-item:not([checked]) {
-  background: -moz-element(#breadcrumb-separator-normal) no-repeat center left;
- }
- 
+  background-image: -moz-element(#breadcrumb-separator-normal);
+  background-repeat: no-repeat;
+  background-position: center left;
+}
+
 .breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item {
-  background: -moz-element(#breadcrumb-separator-after) no-repeat 0 0;
+  background-image: -moz-element(#breadcrumb-separator-after);
+  background-repeat: no-repeat;
+  background-position: 0 0;
 }
 
 .breadcrumbs-widget-item[checked] {
-  background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0;
+  background-image: -moz-element(#breadcrumb-separator-before);
+  background-repeat: no-repeat;
+  background-position: 0 0;
   background-color: #008484; /* Select Highlight Blue */
 }
 
@@ -231,8 +239,15 @@
   color: #FF9F00; /* Foreground (Text) - Light */
 }
 
+.breadcrumbs-widget-item:not([checked]):hover .breadcrumbs-widget-item-id,
+.breadcrumbs-widget-item:not([checked]):hover .breadcrumbs-widget-item-tag,
+.breadcrumbs-widget-item:not([checked]):hover .breadcrumbs-widget-item-pseudo-classes,
+.breadcrumbs-widget-item:not([checked]):hover .breadcrumbs-widget-item-classes {
+  color: #000000 !important;
+}
+
 .breadcrumbs-widget-item {
-  color: #FF9F00; /* Foreground (Text) - Light */
+  color: #FFCF00; /* Foreground (Text) - Light */
 }
 
 .breadcrumbs-widget-item-id {
@@ -363,11 +378,11 @@
   background-position: center left;
 }
 
-.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
+.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
   background-image: url("itemArrow-ltr.svg");
 }
 
-.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
+.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
   background-image: url("itemArrow-rtl.svg");
 }
 
@@ -730,11 +745,11 @@
   transform: translateZ(1px);
 }
 
-.theme-dark .generic-chart-container {
+.generic-chart-container {
   color: #A09090; /* Light foreground text */
 }
 
-.theme-dark .chart-colored-blob {
+.chart-colored-blob {
   fill: #9C9CFF; /* Light content text */
   background: #9C9CFF;
 }
@@ -746,11 +761,11 @@
   cursor: pointer;
 }
 
-.theme-dark .pie-chart-slice {
+.pie-chart-slice {
   stroke: #A09090;
 }
 
-.theme-dark .pie-chart-slice[largest] {
+.pie-chart-slice[largest] {
   stroke-width: 2px;
   stroke: #9C9CFF;
 }
@@ -761,7 +776,7 @@
   pointer-events: none;
 }
 
-.theme-dark .pie-chart-label {
+.pie-chart-label {
   fill: #000;
 }