.theme-dark,
.theme-firebug {
--rule-highlight-background-color: #402000;
- --rule-filter-icon: url(images/magnifying-glass.png);
}
/* Rule View Tabpanel */
-moz-user-select: text;
overflow: auto;
flex: auto;
+ height: 100%;
+}
+
+/* This extra wrapper only serves as a way to get the content of the view focusable.
+ So that when the user reaches it either via keyboard or mouse, we know that the view
+ is focused and therefore can handle shortcuts.
+ However, for accessibility reasons, tabindex is set to -1 to avoid having to tab
+ through it, and the outline is hidden. */
+#ruleview-container-focusable {
+ height: 100%;
+ outline: none;
}
#ruleview-container.non-interactive {
border-left: solid 10px;
}
-.ruleview-rule,
-#noResults {
+.ruleview-rule {
padding: 2px 4px;
}
background: var(--theme-tab-toolbar-background);
}
+.ruleview-rule[unmatched=true] {
+ opacity: 0.5;
+}
+
.ruleview-rule[uneditable=true] :focus {
outline: none;
}
color: #A09090;
}
-#noResults {
-/* font: message-box;*/
- color: #A09090;
-}
-
.ruleview-rule + .ruleview-rule {
border-top-width: 1px;
border-top-style: dotted;
}
.ruleview-overridden-rule-filter {
- background-image: var(--rule-filter-icon);
+ background-image: url(images/filter.svg#filterinput);
background-size: 11px 11px;
margin-inline-start: 5px;
display: inline-block;
cursor: text;
}
-.ruleview-selector-separator, .ruleview-selector-unmatched {
- color: #888;
+.ruleview-selector-separator,
+.ruleview-selector-unmatched {
+ color: var(--theme-comment);
}
.ruleview-selector-matched > .ruleview-selector-attribute {