make devtools tooltips have black background and blue border for readability

[themes.git] / LCARStrek / devtools / common.css

diff --git a/LCARStrek/devtools/common.css b/LCARStrek/devtools/common.css
index f3e8d0baa6ea4fc0d4741e622efc348ea75e7b15..d76eda349b8593d266eaa6394cc7ab271ddf3cd3 100644 (file)
--- a/LCARStrek/devtools/common.css
+++ b/LCARStrek/devtools/common.css
@@ -83,7 +83,7 @@ notification {
 .devtools-autocomplete-popup,
 .CodeMirror-hints,
 .CodeMirror-Tern-tooltip {
-  border: 1px solid #FF9F00;
+  border: 1px solid #9C9CFF;
   background-color: #000000;
 }
 
@@ -159,3 +159,24 @@ input[type="checkbox"]:-moz-focusring,
 checkbox:-moz-focusring {
   outline: none;
 }
+
+
+:root {
+  --clear-icon-url: url("chrome://devtools/skin/images/clear.svg");
+}
+
+.devtools-button.devtools-clear-icon::before {
+  background-image: var(--clear-icon-url);
+}
+
+.devtools-button.devtools-filter-icon::before {
+  background-image: var(--filter-image);
+}
+
+.devtools-toolbarbutton.devtools-clear-icon {
+  list-style-image: var(--clear-icon-url);
+}
+
+.devtools-option-toolbarbutton {
+  list-style-image: var(--tool-options-image);
+}