.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 {
display: none;
}
-#import-notice {
- font-size: 250%;
- color: #FFCF00;
+#waiting-notice {
+ font-size: 110%;
}
/* Snapshots pane */
font-size: 80%;
}
+.snapshot-item-calls,
+.snapshot-item-save {
+ color: var(--theme-body-color);
+}
+
.snapshot-item-save {
padding-bottom: 2px;
font-size: 90%;
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 {
list-style-image: url("debugger-step-out.png");
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.1dppx) {
#resume {
list-style-image: url(debugger-play@2x.png);
-moz-image-region: rect(0px,64px,32px,32px);
background-size: 12px;
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.1dppx) {
.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 {
}
.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 {
-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,
.call-item-location {
border-color: #A09090;
- color: #9C9CFF; /* Highlight Blue-Grey */
}
.call-item-stack {
}
.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) {
#snapshot-filmstrip {
border-top: 1px solid #000;
- color: #FF9F00; /* Light foreground text */
+ color: var(--theme-body-color);
}
.filmstrip-thumbnail {
}
.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;