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

diff --git a/LCARStrek/browser/devtools/markup-view.css b/LCARStrek/browser/devtools/markup-view.css
index c1a36b2e..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 {
@@ -82,3 +92,17 @@
   background: #000000;
   outline: 1px solid transparent;
 }
+
+/* Events */
+.markupview-events {
+  font-size: 8px;
+  font-weight: bold;
+  line-height: 10px;
+  border-radius: 3px;
+  padding: 0px 2px;
+  -moz-margin-start: 5px;
+  -moz-user-select: none;
+  
+  background-color: var(--theme-body-color-alt);
+  color: var(--theme-body-background);
+}