X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fwidgets.css;h=67d6790a5c4d21f534ea3e3c1916e73a929c63d3;hp=7a0e503113e7bfbfcbd4dd803520a88190a42179;hb=c877146a907a47dc9c88507a58a8048b8b5f1562;hpb=dae4507500ac2bc6547a8303851bc9b0bcae5ddf

diff --git a/LCARStrek/devtools/widgets.css b/LCARStrek/devtools/widgets.css
index 7a0e5031..67d6790a 100644
--- a/LCARStrek/devtools/widgets.css
+++ b/LCARStrek/devtools/widgets.css
@@ -80,7 +80,7 @@
     cursor: n-resize;
   }
 
-  .devtools-responsive-container > .devtools-sidebar-tabs:not([pane-collapsed]) {
+  .devtools-responsive-container > .devtools-sidebar-tabs:not(.pane-collapsed) {
     /* When the panel is collapsed min/max height should not be applied because
        collapsing relies on negative margins, which implies constant height. */
     min-height: 35vh;
@@ -231,7 +231,7 @@
 }
 
 .breadcrumbs-widget-item {
-  background-color: var(--theme-toolbar-background);
+  background-color: var(--theme-capped-toolbar-background);
   min-height: 24px;
   min-width: 65px;
   margin: 0;
@@ -254,8 +254,17 @@
 
 .breadcrumbs-widget-item[siblings-menu-open],
 .breadcrumbs-widget-item:active {
-  background-color: #FF9F00;
-  color: #000000;
+  background-color: var(--theme-active-background);
+  color: var(--theme-active-color);
+}
+
+.breadcrumbs-widget-item:-moz-focusring {
+  outline: none;
+}
+
+.breadcrumbs-widget-item[checked]:-moz-focusring > .button-box {
+  outline: var(--theme-focus-outline);
+  outline-offset: -1px;
 }
 
 .breadcrumbs-widget-item > .button-box {
@@ -269,16 +278,22 @@
 }
 
 .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-color: #008484; /* Select Highlight Blue */
+  background-image: -moz-element(#breadcrumb-separator-before);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  background-color: var(--theme-selection-background); /* Select Highlight Blue */
 }
 
 .breadcrumbs-widget-item:first-child {
@@ -312,27 +327,28 @@
 .breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag,
 .breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes,
 .breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes {
-  color: var(--theme-highlight-lightorange);
+  color: var(--theme-button-color); /* --theme-highlight-lightorange */
 }
 
 .breadcrumbs-widget-item {
-  color: var(--theme-highlight-lightorange);
+  color: var(--theme-button-color); /* tag name, --theme-highlight-lightorange */
 }
 
+.breadcrumbs-widget-item:not([checked]):hover span,
 .breadcrumbs-widget-item:not([checked]):hover label {
   color: var(--theme-hover-color) !important;
 }
 
 .breadcrumbs-widget-item-id {
-  color: var(--theme-body-color-alt);
+  color: var(--theme-highlight-red); /* --theme-body-color-alt */
 }
 
 .breadcrumbs-widget-item-classes {
-  color: var(--theme-content-color1);
+  color: #402800; /* --theme-content-color1 */
 }
 
 .breadcrumbs-widget-item-pseudo-classes {
-  color: var(--theme-highlight-lightorange);
+  color: var(--theme-button-color); /* --theme-highlight-lightorange */
 }
 
 /* SimpleListWidget */
@@ -524,6 +540,12 @@
   color: #000000;
 }
 
+/* Custom scope stylings */
+
+.variables-view-watch-expressions .title > .name  {
+  max-width: 14em;
+}
+
 /* Generic variables traits */
 
 .variables-view-variable:not(:last-child) {