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

diff --git a/LCARStrek/browser/devtools/canvasdebugger.css b/LCARStrek/browser/devtools/canvasdebugger.css
index 295f485a..5072242f 100644
--- a/LCARStrek/browser/devtools/canvasdebugger.css
+++ b/LCARStrek/browser/devtools/canvasdebugger.css
@@ -6,10 +6,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 {
@@ -23,9 +21,8 @@
   display: none;
 }
 
-#import-notice {
-  font-size: 250%;
-  color: #FFCF00;
+#waiting-notice {
+  font-size: 110%;
 }
 
 /* Snapshots pane */
@@ -83,6 +80,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 +105,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 {
@@ -142,7 +138,7 @@
   list-style-image: url("debugger-step-out.png");
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   #resume {
     list-style-image: url(debugger-play@2x.png);
     -moz-image-region: rect(0px,64px,32px,32px);
@@ -230,16 +226,16 @@
   background-size: 12px;
 }
 
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
   .selected .call-item-gutter {
     background-image: url("editor-debug-location@2x.png");
   }
 }
 
 .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 +243,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 +255,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 +269,6 @@
 
 .call-item-location {
   border-color: #A09090;
-  color: #9C9CFF; /* Highlight Blue-Grey */
 }
 
 .call-item-stack {
@@ -298,15 +294,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 +368,7 @@
 
 #snapshot-filmstrip {
   border-top: 1px solid #000;
-  color: #FF9F00; /* Light foreground text */
+  color: var(--theme-body-color);
 }
 
 .filmstrip-thumbnail {
@@ -397,12 +393,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;