X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fruleview.css;h=c970fc26199b42ed9b8e5078c4787925c9152097;hb=861be9975f09030ab7ac8ba61fbbb25ec4bb20ed;hp=f999d6ef4aba77efbb9cfe3d5bceeacc0844ef61;hpb=dfa34f735488e744bba8ce56cafd00e04e1aecfb;p=themes.git

diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css
index f999d6ef..c970fc26 100644
--- a/LCARStrek/browser/devtools/ruleview.css
+++ b/LCARStrek/browser/devtools/ruleview.css
@@ -45,7 +45,7 @@
 }
 
 .ruleview-warning {
-  background: url("chrome://browser/skin/devtools/alerticon-warning.png");
+  background: url("alerticon-warning.png");
   -moz-margin-start: 5px;
   display: inline-block;
   vertical-align: top;
@@ -53,6 +53,12 @@
   height: 12px;
 }
 
+@media (min-resolution: 2dppx) {
+  .ruleview-warning {
+    background-image: url("alerticon-warning@2x.png");
+  }
+}
+
 .ruleview-ruleopen {
   -moz-padding-end: 5px;
 }
@@ -103,6 +109,21 @@
   height: 1em;
   vertical-align: text-top;
   -moz-margin-end: 5px;
+  display: inline-block;
+}
+
+.ruleview-colorswatch::before {
+  content: '';
+  background-color: #9C9CFF;
+  background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090),
+                    linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090);
+  background-size: 12px 12px;
+  background-position: 0 0, 6px 6px;
+  position: absolute;
+  border-radius: 50%;
+  width: 1em;
+  height: 1em;
+  z-index: -1;
 }
 
 .ruleview-overridden {
@@ -115,7 +136,7 @@
 }
 
 .ruleview-property {
-  border-left: 2px solid transparent;
+  border-left: 3px solid transparent;
   clear: right;
 }
 
@@ -124,7 +145,7 @@
 }
 
 .ruleview-property[dirty] {
-  border-left-color: #9C9CFF;
+  border-left-color: #9C9CFF; /* Green */
 }
 
 .ruleview-namecontainer > .ruleview-propertyname,