projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
fourth part of syncing LCARStrek with Firefox 38 windows theme changes
[themes.git]
/
LCARStrek
/
browser
/
devtools
/
canvasdebugger.css
diff --git
a/LCARStrek/browser/devtools/canvasdebugger.css
b/LCARStrek/browser/devtools/canvasdebugger.css
index c1d69b38656aa1e6cc66a309f21708a4f151f3b1..b852703a4435218e6f673f28418f9820a7de6b37 100644
(file)
--- a/
LCARStrek/browser/devtools/canvasdebugger.css
+++ b/
LCARStrek/browser/devtools/canvasdebugger.css
@@
-7,9
+7,8
@@
.notice-container {
margin-top: -50vh;
font-size: 120%;
.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 {
}
#empty-notice > button {
@@
-41,10
+40,18
@@
}
#record-snapshot {
}
#record-snapshot {
+ list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-tbutton.svg");
+}
+
+#record-snapshot:hover {
list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg");
}
#record-snapshot[checked] {
list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg");
}
#record-snapshot[checked] {
+ list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked-tbutton.svg");
+}
+
+#record-snapshot[checked]:hover {
list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg");
}
list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg");
}
@@
-75,6
+82,11
@@
font-size: 80%;
}
font-size: 80%;
}
+.snapshot-item-calls,
+.snapshot-item-save {
+ color: var(--theme-body-color);
+}
+
.snapshot-item-save {
padding-bottom: 2px;
font-size: 90%;
.snapshot-item-save {
padding-bottom: 2px;
font-size: 90%;
@@
-95,14
+107,8
@@
pointer-events: none;
}
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;
margin-top: -2px;
- -moz-margin-end: 4px;
}
#snapshots-list .selected label {
}
#snapshots-list .selected label {
@@
-229,9
+235,9
@@
}
.call-item-gutter {
}
.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-index {
@@
-239,11
+245,11
@@
}
.call-item-context {
}
.call-item-context {
- color:
#FFCF00; /* Highlight Orange */
+ color:
var(--theme-highlight-lightorange);
}
.call-item-name {
}
.call-item-name {
- color:
#9C9CFF; /* Highlight Blue */
+ color:
var(--theme-highlight-blue);
}
.call-item-location {
}
.call-item-location {
@@
-251,10
+257,11
@@
-moz-padding-end: 6px;
text-align: end;
cursor: pointer;
-moz-padding-end: 6px;
text-align: end;
cursor: pointer;
+ color: var(--theme-highlight-bluegrey);
}
.call-item-location:hover {
}
.call-item-location:hover {
- color:
#FFCF00; /* Highlight Blue */
+ color:
var(--theme-highlight-blue);
}
.call-item-view:hover .call-item-location,
}
.call-item-view:hover .call-item-location,
@@
-264,7
+271,6
@@
.call-item-location {
border-color: #A09090;
.call-item-location {
border-color: #A09090;
- color: #9C9CFF; /* Highlight Blue-Grey */
}
.call-item-stack {
}
.call-item-stack {
@@
-290,15
+296,15
@@
}
.call-item-stack-fn-name {
}
.call-item-stack-fn-name {
- color:
#A09090; /* Content (Text) - Light */
+ color:
var(--theme-content-color2);
}
.theme-dark .call-item-stack-fn-location {
}
.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 {
}
.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) {
}
#calls-list .selected .call-item-contents > label:not(.call-item-gutter) {
@@
-364,7
+370,7
@@
#snapshot-filmstrip {
border-top: 1px solid #000;
#snapshot-filmstrip {
border-top: 1px solid #000;
- color:
#FF9F00; /* Light foreground text */
+ color:
var(--theme-body-color);
}
.filmstrip-thumbnail {
}
.filmstrip-thumbnail {
@@
-389,12
+395,12
@@
}
.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] {
}
#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;
margin: 0 0 0 -1px;
padding: 0;
opacity: 0.66;