Bug 966601 - Element classes in the breadcrumbs should be colored differently than tag name, r=bgrins

browser/themes/shared/devtools/widgets.inc.css

@@ -221,13 +221,11 @@
   color: #f5f7fa; /* Foreground (Text) - Light */
 }
 
-.theme-dark .breadcrumbs-widget-item,
-.theme-dark .breadcrumbs-widget-item-classes {
+.theme-dark .breadcrumbs-widget-item {
   color: #f5f7fa; /* Foreground (Text) - Light */
 }
 
-.theme-light .breadcrumbs-widget-item,
-.theme-light .breadcrumbs-widget-item-classes {
+.theme-light .breadcrumbs-widget-item {
   color: #18191a; /* Foreground (Text) - Dark */
 }
 
@@ -239,6 +237,14 @@
   color: #585959; /* Foreground (Text) - Grey */
 }
 
+.theme-dark .breadcrumbs-widget-item-classes {
+  color: #b8c8d9; /* Content (Text) - Light */
+}
+
+.theme-light .breadcrumbs-widget-item-classes {
+  color: #667380; /* Content (Text) - Dark Grey */
+}
+
 .theme-dark .breadcrumbs-widget-item-pseudo-classes {
   color: #d99b28; /* Light Orange */
 }