add close icon CSS so dev toolbar works

[themes.git] / LCARStrek / global / popup.css

diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css
index 1e5968e7c5e41e41ccc3d2efd5d4a501992da6fc..d2188344ec1ffbbfc3a97cb27b5da60f323529fa 100644 (file)
--- a/LCARStrek/global/popup.css
+++ b/LCARStrek/global/popup.css
@@ -8,14 +8,6 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-/* ::::: Variables ::::: */
-.panel-arrowcontent {
-  --panel-arrowcontent-padding: 6px;
-  --panel-arrowcontent-background: #000000;
-  --panel-arrowcontent-color: #FF9F00;
-  --panel-arrowcontent-border: 1px solid #FF9F00;
-}
-
 /* ::::: menupopup ::::: */
 
 menupopup,
@@ -57,13 +49,14 @@ panel[type="arrow"][side="right"] {
   color: var(--panel-arrowcontent-color);
   background: var(--panel-arrowcontent-background);
   background-clip: padding-box;
-  border: var(--panel-arrowcontent-border);
+  border: 1px solid var(--panel-arrowcontent-border-color);
   margin: 0px;
 }
 
 .panel-arrow[side="top"],
 .panel-arrow[side="bottom"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
+  list-style-image: var(--panel-arrow-image-vertical,
+                        url("chrome://global/skin/arrow/panelarrow-vertical.svg"));
   position: relative;
   margin-left: 10px;
   margin-right: 10px;