X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fmarkup-view.css;h=74942ba440658fa85596b7c0ed1492bdf6e0c326;hp=64285d1d2881906ed740847c178da7dd14b4ba54;hb=e9fbfc3a7b3198b48b041b9d5ce52d444d3f3a40;hpb=759fdd424b9de78a5576f76223420184cb489964

diff --git a/LCARStrek/browser/devtools/markup-view.css b/LCARStrek/browser/devtools/markup-view.css
index 64285d1d..74942ba4 100644
--- a/LCARStrek/browser/devtools/markup-view.css
+++ b/LCARStrek/browser/devtools/markup-view.css
@@ -15,6 +15,18 @@
   border: 1px solid #9C9CFF;
 }
 
+/* Draw a circle next to nodes that have a pseudo class lock.
+   Center vertically with the 1.4em line height on .tag-line */
+.child.pseudoclass-locked::before {
+  content: "";
+  background: var(--theme-highlight-lightorange);
+  border-radius: 50%;
+  width: .8em;
+  height: .8em;
+  margin-top: .3em;
+  left: 1px;
+  position: absolute;
+}
 
 /* Selected nodes in the tree should have light selected text.
    theme-selected doesn't work in this case since the text is a
@@ -27,7 +39,7 @@
 .theme-selected ~ .editor .theme-fg-color5,
 .theme-selected ~ .editor .theme-fg-color6,
 .theme-selected ~ .editor .theme-fg-color7 {
-  color: #000000; /* Light foreground text */
+  color: var(--theme-selection-color);
 }
 
 /* In case a node isn't displayed in the page, we fade the syntax highlighting */
@@ -51,11 +63,9 @@
   border-left: 1px solid;
   border-bottom: 1px solid;
   overflow: hidden;
-}
 
-#previewbar {
-  background: #000000; /* Tab Toolbar */
-  border-color: #9C9CFF; /* Splitters */
+  background: var(--theme-toolbar-background);
+  border-color: var(--theme-splitter-color);
 }
 
 #preview {
@@ -92,9 +102,7 @@
   padding: 0px 2px;
   -moz-margin-start: 5px;
   -moz-user-select: none;
-}
-
-.markupview-events {
-  background-color: #A09090;
-  color: #000000;
+  
+  background-color: var(--theme-body-color-alt);
+  color: var(--theme-body-background);
 }