X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fruleview.css;h=ff7b22a392b1a57f19b03f1fef52ee9fff0f2b2e;hp=6f545d35578ff15582f303db2f0fe9395d7e6a51;hb=368d0b7ff30fae6bb74e895e6fb8d1a182a1cb1c;hpb=3d64e0cebebe213f541634b9a0b2c6e7ba84fcfb

diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css
index 6f545d35..ff7b22a3 100644
--- a/LCARStrek/browser/devtools/ruleview.css
+++ b/LCARStrek/browser/devtools/ruleview.css
@@ -8,7 +8,7 @@
 
 .ruleview-rule-source {
   -moz-padding-start: 5px;
-  text-align: right;
+  text-align: end;
   float: right;
   -moz-user-select: none;
 }
@@ -44,8 +44,8 @@
 }
 
 /* User agent styles are not editable, display them differently */
-.theme-dark .ruleview-rule[uneditable=true] {
-  background: #A09090; /* Tab Toolbar */
+.ruleview-rule[uneditable=true] {
+  background: var(--theme-toolbar-background);
 }
 
 .ruleview-rule[uneditable=true] :focus {
@@ -53,14 +53,15 @@
 }
 
 .ruleview-rule[uneditable=true] .theme-link {
-  color: #336699; /* Blue - Grey */
+  color: var(--theme-text-blue);
 }
 
 .ruleview-rule[uneditable=true] .ruleview-enableproperty {
   visibility: hidden;
 }
 
-.ruleview-rule[uneditable=true] .ruleview-colorswatch {
+.ruleview-rule[uneditable=true] .ruleview-colorswatch,
+.ruleview-rule[uneditable=true] .ruleview-bezierswatch {
   cursor: default;
 }
 
@@ -139,7 +140,8 @@
   -moz-margin-start: 35px;
 }
 
-.ruleview-colorswatch {
+.ruleview-colorswatch,
+.ruleview-bezierswatch {
   cursor: pointer;
   border-radius: 50%;
   width: 1em;
@@ -166,6 +168,18 @@
   z-index: -1;
 }
 
+.ruleview-bezierswatch {
+  background: url("chrome://browser/skin/devtools/cubic-bezier-swatch.png");
+  background-size: 1em;
+}
+
+@media (min-resolution: 2dppx) {
+  .ruleview-bezierswatch {
+    background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png");
+    background-size: 1em;
+  }
+}
+
 .ruleview-overridden {
   text-decoration: line-through;
 }
@@ -185,7 +199,7 @@
 }
 
 .ruleview-property[dirty] {
-  border-left-color: #9C9CFF; /* Green */
+  border-left-color: var(--theme-highlight-green);
 }
 
 .ruleview-namecontainer > .ruleview-propertyname,