X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fstyleeditor.css;h=498bdd3a407fcdcee8ea3862d97b8d92866198d6;hp=91905ff6e1742eedf8494ce518f9833e038edd95;hb=refs%2Ftags%2FEarlyBlue-2.38;hpb=3d64e0cebebe213f541634b9a0b2c6e7ba84fcfb

diff --git a/LCARStrek/browser/devtools/styleeditor.css b/LCARStrek/browser/devtools/styleeditor.css
index 91905ff6..498bdd3a 100644
--- a/LCARStrek/browser/devtools/styleeditor.css
+++ b/LCARStrek/browser/devtools/styleeditor.css
@@ -13,54 +13,10 @@ window:not([windowtype]) {
   background-color: #000000;
 }
 
-.csscoverage-report {
-  background: #A09090; /* Toolbars */
-}
-
-.csscoverage-report-container {
-  height: 100vh;
-  padding: 10px;
-}
-
-.csscoverage-report-content {
-  font-size: 13px;
-  margin: 0 auto;
-  max-width: 600px;
-  padding: 0 10px;
-}
-
-.csscoverage-report h1,
-.csscoverage-report h2,
-.csscoverage-report h3 {
-  font-weight: bold;
-}
-
-.csscoverage-report textarea {
-  width: 100%;
-  height: 100px;
-}
-
-.csscoverage-report > .csscoverage-toolbar {
-  border: none;
-  margin: 0;
-  padding: 0;
-}
-
-.csscoverage-report > .csscoverage-toolbarbutton {
-  min-width: 4em;
-  min-height: 100vh;
-  margin: 0;
-  padding: 0;
-  border-radius: 0;
-  border-top: none;
-  border-bottom: none;
-  -moz-border-start: none;
-}
-
 .stylesheet-title,
 .stylesheet-name {
   text-decoration: none;
-  color: #9C9CFF;
+  color: var(--theme-highlight-blue);
 }
 
 .stylesheet-name {
@@ -70,7 +26,7 @@ window:not([windowtype]) {
 .stylesheet-rule-count,
 .stylesheet-linked-file,
 .stylesheet-saveButton {
-  color: #FF9F00;
+  color: var(--theme-body-color);
 }
 
 .stylesheet-saveButton {
@@ -80,13 +36,13 @@ window:not([windowtype]) {
 
 .splitview-active .stylesheet-title,
 .splitview-active .stylesheet-name {
-  color: #FFCF00;
+  color: var(--theme-highlight-lightorange);
 }
 
 .splitview-active .stylesheet-rule-count,
 .splitview-active .stylesheet-linked-file,
 .splitview-active .stylesheet-saveButton {
-  color: #E7ADE7;
+  color: var(--theme-highlight-pink);
 }
 
 .splitview-nav:focus {
@@ -107,15 +63,14 @@ window:not([windowtype]) {
 }
 
 .stylesheet-sidebar {
-  width: 230px;
-}
+  max-width: 400px;
+  min-width: 100px;
 
-.stylesheet-sidebar {
-  border-left: 1px solid #9C9CFF;
+  border-color: #9C9CFF; /* Splitters */
 }
 
 .media-rule-label {
-  border-bottom: 1px solid #A09090;
+  border-bottom: 1px solid #A09090; /* Grey */
 }
 
 .media-rule-label {
@@ -123,6 +78,10 @@ window:not([windowtype]) {
   cursor: pointer;
 }
 
+.media-rule-line {
+  -moz-padding-start: 4px;
+}
+
 .media-condition-unmatched {
   color: #8050B0;
 }
@@ -139,7 +98,7 @@ window:not([windowtype]) {
   height: 40px;
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   .stylesheet-enabled {
     background-image: url("itemToggle@2x.png");
   }
@@ -176,10 +135,6 @@ li.linked-file-error .stylesheet-linked-file:after {
   font-size: 11px;
 }
 
-.placeholder {
-  color: white;
-}
-
 .placeholder a {
   text-decoration: underline;
 }
@@ -227,3 +182,97 @@ h3 {
     width: 180px;
   }
 }
+
+.csscoverage-report {
+  background-color: var(--theme-contrastsidebar-background);
+}
+
+.csscoverage-report-container {
+  height: 100vh;
+  padding: 10px;
+}
+
+.csscoverage-report-content {
+  margin: 20px auto;
+  -moz-column-width: 300px;
+  font-size: 13px;
+}
+
+.csscoverage-report h1 {
+  font-size: 120%;
+}
+
+.csscoverage-report h2 {
+  font-size: 110%;
+}
+
+.csscoverage-report h1,
+.csscoverage-report h2,
+.csscoverage-report h3 {
+  font-weight: bold;
+  margin: 10px 0;
+}
+
+.csscoverage-list:after {
+  content: ', ';
+}
+
+.csscoverage-list:last-child:after {
+  display: none;
+}
+
+.csscoverage-report textarea {
+  width: 100%;
+  height: 100px;
+}
+
+.csscoverage-report a {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.csscoverage-report > .csscoverage-toolbar {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+.csscoverage-report > .csscoverage-toolbarbutton {
+  min-width: 4em;
+  min-height: 100vh;
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+  border-top: none;
+  border-bottom: none;
+  -moz-border-start: none;
+}
+
+.chart-colored-blob[name="Used Preload"] {
+  fill: var(--theme-highlight-pink);
+  background: var(--theme-highlight-pink);;
+}
+
+.chart-colored-blob[name=Used] {
+  fill: var(--theme-highlight-green);
+  background: var(--theme-highlight-green);
+}
+
+.chart-colored-blob[name=Unused] {
+  fill: var(--theme-highlight-lightorange);
+  background: var(--theme-highlight-lightorange);
+}
+
+/* Undo 'largest' customization */
+.pie-chart-slice[largest] {
+  stroke-width: 1px;
+  stroke: rgba(0,0,0,0.2);
+}
+
+.csscoverage-report .pie-chart-slice {
+  cursor: default;
+}
+
+.csscoverage-report-chart {
+  margin: 0 50px;
+}