*/
display: flex;
align-items: center;
+ background-size: calc(100% - 30px);
+ background-image: linear-gradient(90deg,#9C9CFF,#9C9CFF);
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+
+.devtools-toolbar::before,
+.devtools-toolbar::after {
+ display: flex;
+ content: "";
+ width: 12px;
+ min-height: 16px;
+ height: 100%;
+ background-color: #FF9F00;
+}
+
+.devtools-toolbar::before {
+ border-radius: 8px 0px 0px 8px;
+ border: none;
+ border-inline-end: 3px solid black;
+ margin-inline-end: 2px;
+}
+
+.devtools-toolbar::after {
+ border-radius: 0px 8px 8px 0px;
+ border: none;
+ border-inline-start: 3px solid black;
+ margin-inline-start: 2px;
}
.devtools-toolbar > .toolbar-group:nth-of-type(1) {
/**
* We want this to be exactly at a `--sidebar-width` distance from the
- * toolbar's start boundary. A `.devtools-toolbar` has a 3px start padding.
+ * toolbar's start boundary. We want the end border to be after the sidebar,
+ * and the startcap has to be subtracted.
*/
- flex: 0 0 calc(var(--sidebar-width) - 4px);
- border-inline-end: 1px solid var(--theme-splitter-color);
+ flex: 0 0 calc(var(--sidebar-width) - 2px - 15px);
+ border-inline-end: 3px solid var(--theme-toolbar-background);
margin-inline-end: 5px;
padding-right: 1px;
}
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
+ height: 100%;
}
.devtools-toolbar > .toolbar-group > label {
display: flex;
align-items: center;
margin-inline-end: 5px;
+ color: var(--theme-button-color);
}
.devtools-toolbar > .toolbar-group > label.display-by > span {
.devtools-toolbar > label {
margin-inline-end: 5px;
+ flex: 1;
+ color: var(--theme-button-color);
}
#select-view {
background-image: url(chrome://devtools/skin/images/diff.svg);
}
+#import-snapshot::before {
+ background-image: url(chrome://devtools/skin/images/import.svg);
+}
+
+#record-allocation-stacks-label,
+#pop-view-button-label {
+ border-inline-end: 1px solid var(--theme-splitter-color);
+ padding-inline-end: 5px;
+ flex: none;
+}
+
/**
* Due to toolbar styles of `.devtools-toolbarbutton:not([label])` which overrides
* .devtools-toolbarbutton's min-width of 78px, reset the min-width.
#import-snapshot,
#clear-snapshots {
-moz-box-align: center;
- flex-grow: 1;
+/* flex-grow: 1;
padding: 1px;
margin: 2px 1px;
- min-width: unset;
+ min-width: unset;*/
}
.spacer {
#filter {
align-self: stretch;
- margin: 2px;
+/* margin: 2px; */
+ font: inherit;
}
/**
font-size: 90%;
}
+.snapshot-list-item .snapshot-title {
+ display: flex;
+ justify-content: space-between;
+}
+
.snapshot-list-item .save {
text-decoration: underline;
cursor: pointer;
}
+.snapshot-list-item .delete {
+ cursor: pointer;
+ position: relative;
+ min-height: 1em;
+ min-width: 1.3em;
+}
+
+.theme-light .snapshot-list-item.selected .delete {
+/* filter: invert(100%);*/
+}
+
+.snapshot-list-item .delete::before {
+ background-image: url("chrome://devtools/skin/images/close.svg");
+ background-position: 0.2em 0;
+}
+
.snapshot-list-item > .snapshot-title {
margin-bottom: 14px;
}
color: var(--theme-selection-background);
}
+.heap-tree-item-individuals,
.heap-tree-item-bytes,
.heap-tree-item-count,
.heap-tree-item-total-bytes,
color: inherit;
}
+.heap-tree-item-individuals {
+ width: 38px;
+ min-width: 20px;
+ overflow: hidden;
+ margin: 0;
+}
+
+.heap-tree-item-individuals > button {
+ height: 10px;
+ width: 32px;
+
+ /* Override default styles for toolbar buttons to fix entire row height. */
+ margin: 0 auto !important;
+ padding: 0;
+}
+
+/**
+ * Tree map
+ */
+
+.tree-map-container {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ overflow: hidden;
+}
+
/**
* Heap tree errors.
*/
margin-right: .5em;
}
+.heap-tree-item-address {
+ font-family: monospace;
+}
+
.no-allocation-stacks {
border-color: var(--theme-splitter-color);
border-style: solid;
text {
fill: var(--theme-body-color-alt);
}
+
+
+
+/* Hide the actual checkbox */
+input[type="checkbox"] {
+ opacity: 0;
+ width: 0;
+ pointer-events: none;
+ position: absolute;
+}
+
+/* Create a box to style as the checkbox */
+input[type="checkbox"] + span::before {
+ display: inline-block;
+ content: "";
+ vertical-align: -3px;
+}
+
+input[type="checkbox"] + span {
+ line-height: 0px;
+}
+
+input[type="checkbox"] + span::before {
+ -moz-appearance: none;
+ width: 1em;
+ height: 1em;
+ border-radius: 0;
+ border: 1px solid var(--theme-body-color);
+ -moz-margin-end: 10px;
+ background-color: var(--theme-toolbar-background);
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+input[type="checkbox"]:not(:disabled) + span:hover::before {
+ border-color: var(--theme-hover-background);
+}
+input[type="checkbox"]:not(:disabled) + span:hover {
+ color: var(--theme-hover-background);
+}
+input[type="checkbox"]:checked + span::before {
+ background-image: url("chrome://global/skin/in-content/check.svg#check");
+}
+
+input[type="checkbox"]:checked:disabled + span::before {
+ background-image: url("chrome://global/skin/in-content/check.svg#check-disabled");
+}
+input[type="checkbox"]:checked:not(:disabled) + span:hover::before {
+ background-image: url("chrome://global/skin/in-content/check.svg#check-hover");
+}
+input[type="checkbox"]:disabled + span::before {
+ border-color: var(--theme-body-color-inactive);
+}
+input[type="checkbox"]:disabled + span {
+ color: var(--theme-body-color-inactive);
+}
+
+select {
+ border: 1px solid var(--theme-body-color);
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color);
+ background-image: url("chrome://global/skin/arrow/arrow-down.gif");
+ background-repeat: no-repeat;
+ background-position: calc(100% - 2px) center;
+ border-radius: 3px;
+ padding: 1px;
+ margin: 1px;
+ font: inherit;
+}
+select:hover {
+ background-color: var(--theme-hover-background);
+ color: var(--theme-hover-color);
+ background-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
+}
+select:hover:active {
+ background-color: var(--theme-active-background);
+ color: var(--theme-active-color);
+}
projects / themes.git / blobdiff