X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fcanvasdebugger.css;h=b852703a4435218e6f673f28418f9820a7de6b37;hp=295f485a8cf02aa6828fc1d24bddb0af339ababc;hb=d533ec21de421974d60dc2614105c2e439f34b49;hpb=589b5528220a57ff70809bd8ef0eeaf51a0c8b2f

diff --git a/LCARStrek/browser/devtools/canvasdebugger.css b/LCARStrek/browser/devtools/canvasdebugger.css
index 295f485a..b852703a 100644
--- a/LCARStrek/browser/devtools/canvasdebugger.css
+++ b/LCARStrek/browser/devtools/canvasdebugger.css
@@ -7,9 +7,8 @@
 .notice-container {
   margin-top: -50vh;
   font-size: 120%;
-
-  background-color: #000000; /* Toolbars */
-  color: #FF9F00; /* Light foreground text */
+  background-color: var(--theme-toolbar-background);
+  color: var(--theme-body-color);
 }
 
 #empty-notice > button {
@@ -83,6 +82,11 @@
   font-size: 80%;
 }
 
+.snapshot-item-calls,
+.snapshot-item-save {
+  color: var(--theme-body-color);
+}
+
 .snapshot-item-save {
   padding-bottom: 2px;
   font-size: 90%;
@@ -103,14 +107,8 @@
   pointer-events: none;
 }
 
-.snapshot-item-footer[saving]::before {
-  display: inline-block;
-  content: "";
-  background: url("chrome://global/skin/icons/loading.gif") center no-repeat;
-  width: 16px;
-  height: 16px;
+.snapshot-item-footer.devtools-throbber::before {
   margin-top: -2px;
-  -moz-margin-end: 4px;
 }
 
 #snapshots-list .selected label {
@@ -237,9 +235,9 @@
 }
 
 .call-item-gutter {
-  background-color: #A09090;
-  color: #000000;
-  border-color: #000;
+  background-color: var(--theme-contrastsidebar-background);
+  color: var(--theme-contrastsidebar-color);
+  border-color: var(--theme-contrastsidebar-bordercolor);
 }
 
 .call-item-index {
@@ -247,11 +245,11 @@
 }
 
 .call-item-context {
-  color: #FFCF00; /* Highlight Orange */
+  color: var(--theme-highlight-lightorange);
 }
 
 .call-item-name {
-  color: #9C9CFF; /* Highlight Blue */
+  color: var(--theme-highlight-blue);
 }
 
 .call-item-location {
@@ -259,10 +257,11 @@
   -moz-padding-end: 6px;
   text-align: end;
   cursor: pointer;
+  color: var(--theme-highlight-bluegrey);
 }
 
 .call-item-location:hover {
-  color: #FFCF00; /* Highlight Blue */
+  color: var(--theme-highlight-blue);
 }
 
 .call-item-view:hover .call-item-location,
@@ -272,7 +271,6 @@
 
 .call-item-location {
   border-color: #A09090;
-  color: #9C9CFF; /* Highlight Blue-Grey */
 }
 
 .call-item-stack {
@@ -298,15 +296,15 @@
 }
 
 .call-item-stack-fn-name {
-  color: #A09090; /* Content (Text) - Light */
+  color: var(--theme-content-color2);
 }
 
 .theme-dark .call-item-stack-fn-location {
-  color: #FF9F00; /* Highlight Blue-Grey */
+  color: var(--theme-content-color1);
 }
 
 .theme-dark .call-item-stack-fn-location:hover {
-  color: #9C9CFF; /* Highlight Blue */
+  color: var(--theme-highlight-blue);
 }
 
 #calls-list .selected .call-item-contents > label:not(.call-item-gutter) {
@@ -372,7 +370,7 @@
 
 #snapshot-filmstrip {
   border-top: 1px solid #000;
-  color: #FF9F00; /* Light foreground text */
+  color: var(--theme-body-color);
 }
 
 .filmstrip-thumbnail {
@@ -397,12 +395,12 @@
 }
 
 .filmstrip-thumbnail {
-  -moz-border-end: 1px solid #000;
+  -moz-border-end: 1px solid var(--theme--contrastsidebar-bordercolor)
 }
 
 #snapshot-filmstrip > .filmstrip-thumbnail:hover,
 #snapshot-filmstrip:not(:hover) > .filmstrip-thumbnail[highlighted] {
-  border: 1px solid #9C9CFF; /* Highlight Blue */
+  border: 1px solid var(--theme-highlight-blue);
   margin: 0 0 0 -1px;
   padding: 0;
   opacity: 0.66;