X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Flayoutview.css;h=b567c08feeb76583526fa2be5b6eb8414f8883b3;hp=643dd0b4980136673bc314b83864132245dd80f9;hb=b3bf08b110943f4abc9642b613f0dcb078c22b0b;hpb=a40f6a794ddf9a8312e4c951d3f6543fa7718819

diff --git a/LCARStrek/browser/devtools/layoutview.css b/LCARStrek/browser/devtools/layoutview.css
index 643dd0b4..b567c08f 100644
--- a/LCARStrek/browser/devtools/layoutview.css
+++ b/LCARStrek/browser/devtools/layoutview.css
@@ -2,57 +2,54 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-body {
-  background: url("layout-background.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%);
-  color: #FF9F00;
-  border-top: 1px solid #9C9CFF;
-  -moz-box-sizing: border-box;
-}
-
-#element-size {
-  color: #FF9F00;
+.theme-sidebar {
+  box-sizing: border-box;
 }
 
 #main {
-  border-color: #FF9F00;
+  background-color: #FF9F00;
+  border-color: #A09090;
   border-style: dotted;
+  color: var(--theme-selection-color);
 }
 
-#main > .border {
-  color: #000000;
+.margin,
+.size {
+  color: var(--theme-selection-color);
 }
 
-.border > span {
-  background-color: #9C9CFF;
-  border-radius: 2px;
-  padding: 0 4px;
+#content {
+  background-color: #008484;
 }
 
-#content {
-  border-color: #FF9F00;
-  border-style: dotted 
+#padding,
+#margins {
 }
 
 #padding {
-  border-color: hsla(240,100%,85%,0.1);
-  border-style: solid;
+  background-color: #9C9CFF;
+  border-color: #9C9CFF;
 }
 
 #borders {
-  border-style: solid;
-  border-color: #9C9CFF;
+  background-color: #FFCF00;
+  border-color: #FFCF00;
 }
 
-#togglebutton {
-  background-image: url("layout-buttons.png");
-  width: 16px;
-  height: 16px;
+#margins {
+  background-color: #A09090;
+  border-color: #A09090;
 }
 
-body.open {
-  background: url("layout-background-grid.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%);
+.editable {
+  border-bottom: 1px dashed transparent;
 }
 
-body.open > #header > #togglebutton {
-  background-position: -16px 0;
+.editable:hover {
+  border-bottom-color: #E7ADE7;
 }
+
+.styleinspector-propertyeditor {
+  border: 1px solid #008484;
+  padding: 0;
+}
\ No newline at end of file