mirror of
https://github.com/taniarascia/new-moon.git
synced 2025-04-19 11:22:15 +03:00
Convert tabs to spaces and remove trailing spaces
This commit is contained in:
XhmikosR
parent
c26be1838e
commit
14c435f500
File diff suppressed because it is too large
Load Diff
@ -10,29 +10,29 @@
|
||||
// ==========================================================================
|
||||
.show-popover-animations(@choice) when (@choice = true) {
|
||||
|
||||
@keyframes growFadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(.3);
|
||||
}
|
||||
@keyframes growFadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: scale(.3);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.popover {
|
||||
animation: growFadeIn .2s ease-in-out;
|
||||
.popover {
|
||||
animation: growFadeIn .2s ease-in-out;
|
||||
|
||||
&.top-left-arrow { transform-origin: 25% 0%; }
|
||||
&.top-right-arrow { transform-origin: 75% 0%; }
|
||||
&.right-top-arrow { transform-origin: 100% 10%; }
|
||||
&.right-bottom-arrow { transform-origin: 100% 90%;}
|
||||
&.bottom-left-arrow { transform-origin: 25% 100%; }
|
||||
&.bottom-right-arrow { transform-origin: 75% 100%; }
|
||||
&.left-top-arrow { transform-origin: 0% 10%; }
|
||||
&.left-bottom-arrow { transform-origin: 0% 90%; }
|
||||
}
|
||||
&.top-left-arrow { transform-origin: 25% 0%; }
|
||||
&.top-right-arrow { transform-origin: 75% 0%; }
|
||||
&.right-top-arrow { transform-origin: 100% 10%; }
|
||||
&.right-bottom-arrow { transform-origin: 100% 90%;}
|
||||
&.bottom-left-arrow { transform-origin: 25% 100%; }
|
||||
&.bottom-right-arrow { transform-origin: 75% 100%; }
|
||||
&.left-top-arrow { transform-origin: 0% 10%; }
|
||||
&.left-bottom-arrow { transform-origin: 0% 90%; }
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -40,15 +40,15 @@
|
||||
// ==========================================================================
|
||||
|
||||
.show-child-highlighter-animations(@choice) when (@choice = true) {
|
||||
/*-- HIGHLIGHT CHILDREN --*/
|
||||
.elements-disclosure .parent + .children {
|
||||
transition: .5s ease-in .25s;
|
||||
}
|
||||
/*-- HIGHLIGHT CHILDREN --*/
|
||||
.elements-disclosure .parent + .children {
|
||||
transition: .5s ease-in .25s;
|
||||
}
|
||||
|
||||
.elements-disclosure .hovered,
|
||||
.elements-disclosure .selected {
|
||||
&.parent.expanded + .children > li:last-of-type .webkit-html-tag.close {
|
||||
transition: opacity .5s ease-in-out .25s;
|
||||
}
|
||||
}
|
||||
.elements-disclosure .hovered,
|
||||
.elements-disclosure .selected {
|
||||
&.parent.expanded + .children > li:last-of-type .webkit-html-tag.close {
|
||||
transition: opacity .5s ease-in-out .25s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
// section headers - replace when stable
|
||||
.expandable-view-title {
|
||||
&:extend(.sidebar-pane all);
|
||||
&:extend(.sidebar-pane all);
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -13,7 +13,7 @@
|
||||
|
||||
// Darken side panel bg
|
||||
.panel-sidebar {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -21,7 +21,7 @@
|
||||
// ==========================================================================
|
||||
#console-messages .link,
|
||||
#console-messages .devtools-link {
|
||||
color: @global-text;
|
||||
color: @global-text;
|
||||
}
|
||||
|
||||
// Adding class for weird bug where files that are of size equals multiple
|
||||
@ -29,5 +29,5 @@
|
||||
// https://bugs.chromium.org/p/chromium/issues/detail?id=720597
|
||||
// Fix landed in m61
|
||||
.dummy-class-to-fix-weird-bug {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -1,164 +1,164 @@
|
||||
@-webkit-keyframes source-line-modification-background-fadeout-revised {
|
||||
0% {
|
||||
background-color: @selection-background;
|
||||
outline: 1px solid @selection-border;
|
||||
}
|
||||
0% {
|
||||
background-color: @selection-background;
|
||||
outline: 1px solid @selection-border;
|
||||
}
|
||||
|
||||
50% {
|
||||
background-color: @selection-background;
|
||||
outline: 1px solid @selection-border;
|
||||
}
|
||||
50% {
|
||||
background-color: @selection-background;
|
||||
outline: 1px solid @selection-border;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-color: @global-background;
|
||||
outline: 1px solid @global-background;
|
||||
}
|
||||
100% {
|
||||
background-color: @global-background;
|
||||
outline: 1px solid @global-background;
|
||||
}
|
||||
}
|
||||
|
||||
// line number text
|
||||
.CodeMirror-gutter-elt {
|
||||
color: @cm-gutter-lines !important;
|
||||
color: @cm-gutter-lines !important;
|
||||
}
|
||||
|
||||
// line number bg
|
||||
.CodeMirror-gutters {
|
||||
background: @cm-gutter !important;
|
||||
border-right: 2px solid @cm-gutter-border !important;
|
||||
background: @cm-gutter !important;
|
||||
border-right: 2px solid @cm-gutter-border !important;
|
||||
}
|
||||
|
||||
// dimmed object properties (also on console objects)
|
||||
.section .properties .dimmed {
|
||||
opacity: 0.5 !important;
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
//Codemirror
|
||||
// Breakpoint Marker
|
||||
.cm-breakpoint .CodeMirror-gutter-elt {
|
||||
background: @global-accent !important;
|
||||
-webkit-border-image: none !important;
|
||||
border: transparent !important;
|
||||
color: #000 !important;
|
||||
font-weight: 700 !important;
|
||||
background: @global-accent !important;
|
||||
-webkit-border-image: none !important;
|
||||
border: transparent !important;
|
||||
color: #000 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
// remove invert for dark theme
|
||||
.cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
|
||||
-webkit-filter: invert(0) !important;
|
||||
-webkit-filter: invert(0) !important;
|
||||
}
|
||||
|
||||
.cm-breakpoint-conditional .CodeMirror-gutter-elt {
|
||||
background: @global-warn !important;
|
||||
background: @global-warn !important;
|
||||
}
|
||||
|
||||
// Edit HTML cursor / Sources Edit cursor
|
||||
.CodeMirror-cursor {
|
||||
border-left: 1px solid @cm-cursor !important;
|
||||
border-left: 1px solid @cm-cursor !important;
|
||||
}
|
||||
|
||||
.cm-error {
|
||||
background: @cm-error !important;
|
||||
border-radius: 2px !important;
|
||||
color: #eee !important;
|
||||
background: @cm-error !important;
|
||||
border-radius: 2px !important;
|
||||
color: #eee !important;
|
||||
}
|
||||
|
||||
.CodeMirror-selected,
|
||||
span.CodeMirror-selectedtext {
|
||||
background: @cm-selected !important;
|
||||
background: @cm-selected !important;
|
||||
}
|
||||
|
||||
.CodeMirror-code .CodeMirror-matchingbracket {
|
||||
color: @cm-matching-bracket !important;
|
||||
text-shadow: 0 0 3px @cm-matching-bracket !important;
|
||||
border-bottom: none !important;
|
||||
font-weight: 800 !important;
|
||||
color: @cm-matching-bracket !important;
|
||||
text-shadow: 0 0 3px @cm-matching-bracket !important;
|
||||
border-bottom: none !important;
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
|
||||
.CodeMirror-code .CodeMirror-nonmatchingbracket {
|
||||
color: @cm-nonmatching-bracket !important;
|
||||
text-shadow: 0 0 3px @cm-nonmatching-bracket !important;
|
||||
border-bottom: none !important;
|
||||
font-weight: 800 !important;
|
||||
color: @cm-nonmatching-bracket !important;
|
||||
text-shadow: 0 0 3px @cm-nonmatching-bracket !important;
|
||||
border-bottom: none !important;
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
|
||||
.cm-search-highlight-start::before {
|
||||
border-color: @global-accent !important;
|
||||
border-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.cm-search-highlight-end::before {
|
||||
border-color: @global-accent !important;
|
||||
border-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.cm-search-highlight::before {
|
||||
border-color: @global-accent !important;
|
||||
padding: 2px !important;
|
||||
border-color: @global-accent !important;
|
||||
padding: 2px !important;
|
||||
}
|
||||
|
||||
.cm-line-with-selection .cm-column-with-selection.cm-search-highlight::before {
|
||||
background-color: @global-accent !important;
|
||||
border-radius: 2px !important;
|
||||
background-color: @global-accent !important;
|
||||
border-radius: 2px !important;
|
||||
}
|
||||
|
||||
span.cm-token-highlight {
|
||||
background-color: transparent !important;
|
||||
padding: 0 !important;
|
||||
background-color: transparent !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
span.cm-token-highlight::before {
|
||||
border-color: @global-accent !important;
|
||||
border-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.cm-line-with-selection span.cm-column-with-selection {
|
||||
color: #000 !important;
|
||||
background-color: @global-accent !important;
|
||||
color: #000 !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.cm-whitespace::before {
|
||||
color: @cm-whitespace !important;
|
||||
color: @cm-whitespace !important;
|
||||
}
|
||||
|
||||
.cm-tab::before {
|
||||
border-bottom: 1px solid @cm-whitespace !important;
|
||||
border-bottom: 1px solid @cm-whitespace !important;
|
||||
}
|
||||
|
||||
.cm-highlight {
|
||||
-webkit-animation: "source-line-modification-background-fadeout-revised" 3s 0s !important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
-webkit-animation: "source-line-modification-background-fadeout-revised" 3s 0s !important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
}
|
||||
|
||||
.cm-highlight *:not(.CodeMirror-linenumber) {
|
||||
color: @selection-text !important;
|
||||
color: @selection-text !important;
|
||||
}
|
||||
|
||||
.cm-execution-line {
|
||||
background-color: @selection-background !important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
background-color: @selection-background !important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
}
|
||||
|
||||
.CodeMirror-linenumber {
|
||||
border-right: none !important;
|
||||
border-right: none !important;
|
||||
}
|
||||
|
||||
.cm-line-without-source-mapping {
|
||||
background-color: @cm-lines-no-sourcemap !important;
|
||||
background-color: @cm-lines-no-sourcemap !important;
|
||||
}
|
||||
|
||||
// Editing Dom Nodes or Snippet Filenames
|
||||
#-blink-dev-tools .editing {
|
||||
background-color: @global-background !important;
|
||||
outline: 1px solid @eh-editing-outline !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
outline: 1px solid @eh-editing-outline !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// Performance Profiling
|
||||
.CodeMirror-gutter-performance {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
.cm-readonly-highlight {
|
||||
background-color: @- !important; .contrast(@global-background, 15%);
|
||||
background-color: @- !important; .contrast(@global-background, 15%);
|
||||
}
|
||||
|
||||
// Selection in edit HTML
|
||||
.CodeMirror-focused .CodeMirror-selected {
|
||||
background-color: @cm-selected !important;
|
||||
background-color: @cm-selected !important;
|
||||
}
|
||||
|
||||
@ -1,32 +1,32 @@
|
||||
.device-mode-toolbar {
|
||||
background-color: @toolbar-sub !important;
|
||||
background-color: @toolbar-sub !important;
|
||||
}
|
||||
|
||||
// Toolbar Button Arrow on Hover
|
||||
.toolbar-button:enabled.hover:not(:active) {
|
||||
.toolbar-glyph,
|
||||
.toolbar-dropdown-arrow {
|
||||
background-color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
.toolbar-glyph,
|
||||
.toolbar-dropdown-arrow {
|
||||
background-color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-has-dropdown .toolbar-text {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.toolbar-item {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
|
||||
.device-mode-x {
|
||||
color: @global-label !important;
|
||||
}
|
||||
.device-mode-x {
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
&.toolbar-button {
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
&.toolbar-button {
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.device-mode-size-input {
|
||||
.input-styles()
|
||||
.input-styles()
|
||||
}
|
||||
|
||||
@ -5,119 +5,119 @@
|
||||
/***************************************************/
|
||||
.filtered-item-list-dialog,
|
||||
.dialog {
|
||||
background: @dialog-background !important;
|
||||
box-shadow: 0 5px 15px 5px rgba(0,0,0,.6) !important;
|
||||
border: 1px solid @dialog-border !important;
|
||||
background: @dialog-background !important;
|
||||
box-shadow: 0 5px 15px 5px rgba(0,0,0,.6) !important;
|
||||
border: 1px solid @dialog-border !important;
|
||||
|
||||
.fill {
|
||||
border: none !important;
|
||||
}
|
||||
.fill {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.selected {
|
||||
background-color: @selection-background !important;
|
||||
box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.3) !important;
|
||||
color: @- !important; .contrast(@dialog-item-text, 10%);
|
||||
}
|
||||
.selected {
|
||||
background-color: @selection-background !important;
|
||||
box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.3) !important;
|
||||
color: @- !important; .contrast(@dialog-item-text, 10%);
|
||||
}
|
||||
|
||||
input,
|
||||
input:focus {
|
||||
background-color: @dialog-item-background !important;
|
||||
border: none !important;
|
||||
color: @dialog-item-text !important;
|
||||
padding: 0 5px;
|
||||
}
|
||||
input,
|
||||
input:focus {
|
||||
background-color: @dialog-item-background !important;
|
||||
border: none !important;
|
||||
color: @dialog-item-text !important;
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.filtered-item-list-dialog-item {
|
||||
background-color: @dialog-item-background !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@dialog-item-background, 5%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@dialog-item-background, 10%) };
|
||||
background-color: @dialog-item-background !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@dialog-item-background, 5%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@dialog-item-background, 10%) };
|
||||
|
||||
.filtered-item-list-dialog-subtitle {
|
||||
color: @- !important; .contrast(@dialog-item-text, 40%, invert);
|
||||
}
|
||||
.filtered-item-list-dialog-subtitle {
|
||||
color: @- !important; .contrast(@dialog-item-text, 40%, invert);
|
||||
}
|
||||
|
||||
&:not(.selected):hover {
|
||||
background-color: @hover-background !important;
|
||||
box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.5) !important;
|
||||
}
|
||||
&:not(.selected):hover {
|
||||
background-color: @hover-background !important;
|
||||
box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.5) !important;
|
||||
}
|
||||
|
||||
.filtered-item-list-dialog-title,
|
||||
span {
|
||||
color: @dialog-item-text !important;
|
||||
}
|
||||
.filtered-item-list-dialog-title,
|
||||
span {
|
||||
color: @dialog-item-text !important;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.highlight {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
//bg of new file dialog
|
||||
.filtered-item-list-dialog > div.container {
|
||||
background-color: @global-background !important
|
||||
background-color: @global-background !important
|
||||
}
|
||||
|
||||
// button styles
|
||||
.text-button,
|
||||
[is="text-button"] {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
.chrome-select {
|
||||
.input-styles();
|
||||
background-image: none !important;
|
||||
text-shadow: none !important;
|
||||
-webkit-appearance: menulist !important;
|
||||
box-shadow: none !important;
|
||||
.input-styles();
|
||||
background-image: none !important;
|
||||
text-shadow: none !important;
|
||||
-webkit-appearance: menulist !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// File/Function Dialog
|
||||
// ==========================================================================
|
||||
.filtered-list-widget {
|
||||
background: @dialog-background !important;
|
||||
box-shadow: 0 5px 15px 5px rgba(0,0,0,.6) !important;
|
||||
border: 1px solid @dialog-border !important;
|
||||
background: @dialog-background !important;
|
||||
box-shadow: 0 5px 15px 5px rgba(0,0,0,.6) !important;
|
||||
border: 1px solid @dialog-border !important;
|
||||
|
||||
.not-found-text {
|
||||
background-color: @dialog-item-background !important;
|
||||
color: @dialog-item-text !important;
|
||||
}
|
||||
.not-found-text {
|
||||
background-color: @dialog-item-background !important;
|
||||
color: @dialog-item-text !important;
|
||||
}
|
||||
|
||||
.filtered-list-widget-prompt-element {
|
||||
box-shadow: none !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
.filtered-list-widget-prompt-element {
|
||||
box-shadow: none !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
> div.container {
|
||||
background: @global-background !important;
|
||||
}
|
||||
> div.container {
|
||||
background: @global-background !important;
|
||||
}
|
||||
|
||||
.filtered-list-widget-item {
|
||||
background-color: @dialog-item-background !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@dialog-item-background, 5%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@dialog-item-background, 10%) };
|
||||
.filtered-list-widget-item {
|
||||
background-color: @dialog-item-background !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@dialog-item-background, 5%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@dialog-item-background, 10%) };
|
||||
|
||||
&.selected {
|
||||
background-color: @selection-background !important;
|
||||
color: @- !important; .contrast(@dialog-item-text, 10%);
|
||||
}
|
||||
&.selected {
|
||||
background-color: @selection-background !important;
|
||||
color: @- !important; .contrast(@dialog-item-text, 10%);
|
||||
}
|
||||
|
||||
&:not(.selected):hover {
|
||||
background-color: @hover-background !important;
|
||||
}
|
||||
&:not(.selected):hover {
|
||||
background-color: @hover-background !important;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
.highlight {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.filtered-list-widget-title {
|
||||
color: @dialog-item-text !important;
|
||||
}
|
||||
.filtered-list-widget-title {
|
||||
color: @dialog-item-text !important;
|
||||
}
|
||||
|
||||
.filtered-list-widget-subtitle {
|
||||
color: @- !important; .contrast(@dialog-item-text, 40%, invert);
|
||||
}
|
||||
.filtered-list-widget-subtitle {
|
||||
color: @- !important; .contrast(@dialog-item-text, 40%, invert);
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,139 +5,139 @@
|
||||
.search-drawer-header label.search-config-label,
|
||||
.drawer .settings-tab label,
|
||||
#drawer-footer td label {
|
||||
text-shadow: none !important;
|
||||
color: @form-label-text !important;
|
||||
text-shadow: none !important;
|
||||
color: @form-label-text !important;
|
||||
}
|
||||
|
||||
.overrides-view {
|
||||
.tabbed-pane-header-tab {
|
||||
color: @form-label-text !important;
|
||||
}
|
||||
.tabbed-pane-header-tab {
|
||||
color: @form-label-text !important;
|
||||
}
|
||||
|
||||
.tabbed-pane-content {
|
||||
color: @form-label-text !important;
|
||||
.tabbed-pane-content {
|
||||
color: @form-label-text !important;
|
||||
|
||||
:disabled {
|
||||
color: fade(@form-label-text, 30%) !important;
|
||||
}
|
||||
}
|
||||
:disabled {
|
||||
color: fade(@form-label-text, 30%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
input,
|
||||
select {
|
||||
.input-styles();
|
||||
}
|
||||
input,
|
||||
select {
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
// add padding to overrides content panel
|
||||
.tabbed-pane-content {
|
||||
padding: 10px;
|
||||
}
|
||||
// add padding to overrides content panel
|
||||
.tabbed-pane-content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
// remove padding from top so menu displays well
|
||||
.tabbed-pane-header {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
// remove padding from top so menu displays well
|
||||
.tabbed-pane-header {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Resolution Slider
|
||||
input[type="range"]::-webkit-slider-runnable-track {
|
||||
background-image: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom) !important;
|
||||
height: 5px !important;
|
||||
text-align: center !important;
|
||||
margin: 10px 0 !important;
|
||||
background-image: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom) !important;
|
||||
height: 5px !important;
|
||||
text-align: center !important;
|
||||
margin: 10px 0 !important;
|
||||
}
|
||||
|
||||
input[type='range']::-webkit-slider-thumb {
|
||||
position: relative !important;
|
||||
top: -5px !important;
|
||||
position: relative !important;
|
||||
top: -5px !important;
|
||||
}
|
||||
|
||||
// History Tab
|
||||
.revision-history-link {
|
||||
color: @global-link !important;
|
||||
color: @global-link !important;
|
||||
}
|
||||
|
||||
// override readability line height
|
||||
.outline-disclosure.revision-history-drawer ol li {
|
||||
padding-top: 2px !important;
|
||||
line-height: 15px !important;
|
||||
padding-top: 2px !important;
|
||||
line-height: 15px !important;
|
||||
}
|
||||
|
||||
// History
|
||||
.tree-outline-dense {
|
||||
> ol > .parent {
|
||||
& { background-color: @- !important; .contrast(@global-background, 3%) };
|
||||
color: @global-text !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 5%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 5%, invert) };
|
||||
margin: 0 !important;
|
||||
height: 22px !important;
|
||||
> ol > .parent {
|
||||
& { background-color: @- !important; .contrast(@global-background, 3%) };
|
||||
color: @global-text !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 5%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 5%, invert) };
|
||||
margin: 0 !important;
|
||||
height: 22px !important;
|
||||
|
||||
+ .children {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
}
|
||||
+ .children {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
// revision timestamp node
|
||||
.revision-history-revision {
|
||||
color: @global-text !important;
|
||||
& {background-color: @- !important; .contrast(@global-background, 4%) };
|
||||
& {border-top: 1px solid @- !important; .contrast(@global-background, 8%) };
|
||||
& {border-bottom: 1px solid @- !important; .contrast(@global-background, 3%, invert) };
|
||||
height: 22px !important;
|
||||
line-height: 20px !important;
|
||||
}
|
||||
// revision timestamp node
|
||||
.revision-history-revision {
|
||||
color: @global-text !important;
|
||||
& {background-color: @- !important; .contrast(@global-background, 4%) };
|
||||
& {border-top: 1px solid @- !important; .contrast(@global-background, 8%) };
|
||||
& {border-bottom: 1px solid @- !important; .contrast(@global-background, 3%, invert) };
|
||||
height: 22px !important;
|
||||
line-height: 20px !important;
|
||||
}
|
||||
|
||||
.webkit-line-number {
|
||||
background: @cm-gutter !important;
|
||||
border-right: 1px solid @cm-gutter-border !important;
|
||||
padding: 1px 5px 1px 0 !important;
|
||||
display: inline-block;
|
||||
color: @cm-gutter-lines !important;
|
||||
}
|
||||
.webkit-line-number {
|
||||
background: @cm-gutter !important;
|
||||
border-right: 1px solid @cm-gutter-border !important;
|
||||
padding: 1px 5px 1px 0 !important;
|
||||
display: inline-block;
|
||||
color: @cm-gutter-lines !important;
|
||||
}
|
||||
|
||||
.source-code {
|
||||
margin: 5px 0 15px 10px !important;
|
||||
color: @global-text;
|
||||
.source-code {
|
||||
margin: 5px 0 15px 10px !important;
|
||||
color: @global-text;
|
||||
|
||||
.revision-history-line-separator:nth-child(1) {
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
}
|
||||
.revision-history-line-separator:nth-child(1) {
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
}
|
||||
|
||||
.revision-history-line-separator {
|
||||
.contrast(background-color, @global-background, 1%);
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
.revision-history-line-separator {
|
||||
.contrast(background-color, @global-background, 1%);
|
||||
margin-top: 4px !important;
|
||||
}
|
||||
|
||||
.revision-history-line-removed,
|
||||
.revision-history-line-added {
|
||||
background-color: @global-background !important;
|
||||
.revision-history-line-removed,
|
||||
.revision-history-line-added {
|
||||
background-color: @global-background !important;
|
||||
|
||||
span:last-child {
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
span:last-child {
|
||||
margin-left: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.revision-history-line-removed {
|
||||
color: @history-removed-text !important;
|
||||
}
|
||||
.revision-history-line-removed {
|
||||
color: @history-removed-text !important;
|
||||
}
|
||||
|
||||
.revision-history-line-added {
|
||||
color: @history-added-text !important;
|
||||
}
|
||||
.revision-history-line-added {
|
||||
color: @history-added-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
// [Screen] Emulation Tab
|
||||
.help-footnote {
|
||||
border-top: none !important;
|
||||
border-top: none !important;
|
||||
|
||||
a {
|
||||
color: @global-accent;
|
||||
}
|
||||
a {
|
||||
color: @global-accent;
|
||||
}
|
||||
}
|
||||
|
||||
button.overrides-swap {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
// Change the color of the emulation checkboxes to theme color
|
||||
@ -145,12 +145,12 @@ button.overrides-swap {
|
||||
.overrides-activate-media #tab-media .tabbed-pane-header-tab-title::after,
|
||||
.overrides-activate-network #tab-network .tabbed-pane-header-tab-title::after,
|
||||
.overrides-activate-sensors #tab-sensors .tabbed-pane-header-tab-title::after {
|
||||
color: @global-accent !important;
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
// Emulation Tab
|
||||
.overrides-device button {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
|
||||
@ -159,11 +159,11 @@ button.overrides-swap {
|
||||
// ==========================================================================
|
||||
|
||||
.network-config-ua label[is="dt-radio"] {
|
||||
color: @global-label !important;
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
.network-config-ua input:not(.dt-radio-button) {
|
||||
.input-styles();
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -171,5 +171,5 @@ button.overrides-swap {
|
||||
// ==========================================================================
|
||||
|
||||
.sensors-view input[type=text] {
|
||||
.input-styles();
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
@ -4,30 +4,30 @@
|
||||
|
||||
// filename header
|
||||
.search-result {
|
||||
background-color: @find-header-background !important;
|
||||
color: @global-text !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@find-header-background, 5%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@find-header-background, 5%, invert) }
|
||||
line-height: 18px !important;
|
||||
margin: 0 !important;
|
||||
background-color: @find-header-background !important;
|
||||
color: @global-text !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@find-header-background, 5%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@find-header-background, 5%, invert) }
|
||||
line-height: 18px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
// link to show more matches found in file
|
||||
.show-more-matches {
|
||||
color: @global-accent !important;
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
.parent {
|
||||
|
||||
// filepath/name //
|
||||
.search-result-file-name {
|
||||
color: @find-header-text !important;
|
||||
}
|
||||
// filepath/name //
|
||||
.search-result-file-name {
|
||||
color: @find-header-text !important;
|
||||
}
|
||||
|
||||
// count after filepath
|
||||
.search-result-matches-count {
|
||||
color: @- !important; .contrast(@global-accent, 5%, invert);
|
||||
}
|
||||
// count after filepath
|
||||
.search-result-matches-count {
|
||||
color: @- !important; .contrast(@global-accent, 5%, invert);
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -36,24 +36,24 @@
|
||||
|
||||
// input textbox
|
||||
.search-config-search {
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
&:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
background-color: @form-input-background !important;
|
||||
color: @form-input-text !important;
|
||||
border: 1px solid @form-input-border !important;
|
||||
background-color: @form-input-background !important;
|
||||
color: @form-input-text !important;
|
||||
border: 1px solid @form-input-border !important;
|
||||
}
|
||||
|
||||
// [global] highlighted search input
|
||||
:host-context(#-blink-dev-tools) li.search-match .highlighted-match,
|
||||
.highlighted-search-result,
|
||||
.webkit-highlighted-line.webkit-line-content {
|
||||
color: @find-highlight-text !important;
|
||||
border-radius: 2px !important;
|
||||
font-size: 1em !important;
|
||||
background-color: @find-highlight-background !important;
|
||||
box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 4px 0px !important;
|
||||
color: @find-highlight-text !important;
|
||||
border-radius: 2px !important;
|
||||
font-size: 1em !important;
|
||||
background-color: @find-highlight-background !important;
|
||||
box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 4px 0px !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -62,49 +62,49 @@
|
||||
|
||||
// buttons (i.e. cancel)
|
||||
.search-action-button {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
.toolbar-search-control {
|
||||
background-color: @form-input-background !important;
|
||||
border: 1px solid @form-input-border !important;
|
||||
background-color: @form-input-background !important;
|
||||
border: 1px solid @form-input-border !important;
|
||||
|
||||
// input textbox
|
||||
input {
|
||||
.input-styles();
|
||||
border-color: transparent !important;
|
||||
}
|
||||
// input textbox
|
||||
input {
|
||||
.input-styles();
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
// Prev/Next Buttons
|
||||
// ========================================================================== */
|
||||
.toolbar-search-navigation-controls {
|
||||
background-image: linear-gradient(@tab-color-top,@tab-color-bottom) !important;
|
||||
}
|
||||
// Prev/Next Buttons
|
||||
// ========================================================================== */
|
||||
.toolbar-search-navigation-controls {
|
||||
background-image: linear-gradient(@tab-color-top,@tab-color-bottom) !important;
|
||||
}
|
||||
|
||||
.toolbar-search-navigation.toolbar-search-navigation {
|
||||
&-prev,
|
||||
&-next {
|
||||
border: 1px solid @tab-color-bottom !important;
|
||||
-webkit-filter: invert(0) !important;
|
||||
}
|
||||
}
|
||||
.toolbar-search-navigation.toolbar-search-navigation {
|
||||
&-prev,
|
||||
&-next {
|
||||
border: 1px solid @tab-color-bottom !important;
|
||||
-webkit-filter: invert(0) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// search/replace input textbox
|
||||
.search-replace.toolbar-replace-control {
|
||||
.input-styles();
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
// Find Module inside file in sources panel
|
||||
.search-bar {
|
||||
background-color: @- !important; .contrast(@global-background, 15%);
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
background-color: @- !important; .contrast(@global-background, 15%);
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
// "# of #" inside find input
|
||||
.search-results-matches {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -114,7 +114,7 @@
|
||||
// Button text in sources
|
||||
.regex-search-toolbar-item.toggled-on .toolbar-button-text,
|
||||
.case-sensitive-search-toolbar-item.toggled-on .toolbar-button-text {
|
||||
color: @glyph-active !important;
|
||||
color: @glyph-active !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -122,72 +122,72 @@
|
||||
// ==========================================================================
|
||||
// Gutter w/ line numbers
|
||||
search-match-line-number {
|
||||
background: @cm-gutter !important;
|
||||
border-right: 1px solid @cm-gutter-border !important;
|
||||
padding: 1px 5px 1px 0 !important;
|
||||
display: inline-block;
|
||||
color: @cm-gutter-lines !important;
|
||||
background: @cm-gutter !important;
|
||||
border-right: 1px solid @cm-gutter-border !important;
|
||||
padding: 1px 5px 1px 0 !important;
|
||||
display: inline-block;
|
||||
color: @cm-gutter-lines !important;
|
||||
}
|
||||
|
||||
li.search-match .highlighted-match {
|
||||
color: @find-highlight-text !important;
|
||||
border-radius: 2px !important;
|
||||
font-size: 1em !important;
|
||||
background-color: @find-highlight-background !important;
|
||||
box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 4px 0px !important;
|
||||
color: @find-highlight-text !important;
|
||||
border-radius: 2px !important;
|
||||
font-size: 1em !important;
|
||||
background-color: @find-highlight-background !important;
|
||||
box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 4px 0px !important;
|
||||
}
|
||||
|
||||
// hover over line in global find
|
||||
li.search-match:hover {
|
||||
.highlight(hover) !important;
|
||||
.highlight(hover) !important;
|
||||
}
|
||||
|
||||
// text color of find contents
|
||||
search-match-content {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// filename header
|
||||
.search-result {
|
||||
background-color: @find-header-background !important;
|
||||
color: @global-text !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@find-header-background, 5%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@find-header-background, 5%, invert) };
|
||||
line-height: 18px !important;
|
||||
margin: 0 !important;
|
||||
background-color: @find-header-background !important;
|
||||
color: @global-text !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@find-header-background, 5%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@find-header-background, 5%, invert) };
|
||||
line-height: 18px !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
// link to show more matches found in file
|
||||
.show-more-matches {
|
||||
color: @global-accent !important;
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
.parent {
|
||||
|
||||
|
||||
// filepath/name //
|
||||
.search-result-file-name {
|
||||
color: @find-header-text !important;
|
||||
}
|
||||
// filepath/name //
|
||||
.search-result-file-name {
|
||||
color: @find-header-text !important;
|
||||
}
|
||||
|
||||
// count after filepath
|
||||
.search-result-matches-count {
|
||||
color: @- !important; .contrast(@global-accent, 5%, invert);
|
||||
}
|
||||
// count after filepath
|
||||
.search-result-matches-count {
|
||||
color: @- !important; .contrast(@global-accent, 5%, invert);
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-search {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
|
||||
td {
|
||||
width: 100%;
|
||||
}
|
||||
td {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button.search-action-button {
|
||||
width: 75px;
|
||||
}
|
||||
button.search-action-button {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-search-control {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -34,204 +34,204 @@
|
||||
// .timeline-records-title,
|
||||
// .timeline-records-list,
|
||||
// #timeline-overview-sidebar
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: lighten(@global-selected, 44%)
|
||||
background: lighten(@global-selected, 44%)
|
||||
}
|
||||
|
||||
// Panel text
|
||||
.panel-enabler-view {
|
||||
color: @global-text;
|
||||
color: @global-text;
|
||||
}
|
||||
|
||||
// Panel Tree Selections
|
||||
.panel {
|
||||
|
||||
.sidebar-tree-item {
|
||||
.sidebar-tree-item {
|
||||
|
||||
&.selected {
|
||||
background-color: @selection-background !important;
|
||||
color: @selection-text !important;
|
||||
box-shadow: inset 0 1px 0 0 @selection-border, inset 0 -1px 0 0 @selection-border;
|
||||
}
|
||||
&.selected {
|
||||
background-color: @selection-background !important;
|
||||
color: @selection-text !important;
|
||||
box-shadow: inset 0 1px 0 0 @selection-border, inset 0 -1px 0 0 @selection-border;
|
||||
}
|
||||
|
||||
&:not(.selected):hover {
|
||||
background-color: @hover-background !important;
|
||||
color: @hover-text !important;
|
||||
box-shadow: inset 0 1px 0 0 @hover-border, inset 0 -1px 0 0 @hover-border;
|
||||
}
|
||||
&:not(.selected):hover {
|
||||
background-color: @hover-background !important;
|
||||
color: @hover-text !important;
|
||||
box-shadow: inset 0 1px 0 0 @hover-border, inset 0 -1px 0 0 @hover-border;
|
||||
}
|
||||
|
||||
.disclosure-button {
|
||||
background-color: @global-arrow !important;
|
||||
}
|
||||
.disclosure-button {
|
||||
background-color: @global-arrow !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.data-grid th {
|
||||
border: none !important;
|
||||
}
|
||||
.data-grid th {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.status-bar {
|
||||
border-bottom: 1px solid @tab-color-top;
|
||||
}
|
||||
.status-bar {
|
||||
border-bottom: 1px solid @tab-color-top;
|
||||
}
|
||||
|
||||
.status-bar-text {
|
||||
color: @global-text !important;
|
||||
}
|
||||
.status-bar-text {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
body.dock-to-right.inactive:not(.undocked):not(.overlay-contents),
|
||||
body.dock-to-right:not(.undocked):not(.overlay-contents) {
|
||||
border-left: transparent !important;
|
||||
border-left: transparent !important;
|
||||
}
|
||||
|
||||
.split-view.vbox > .split-view-sidebar.split-view-contents-second:not(.maximized) {
|
||||
border-top: none !important;
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
// Buttons
|
||||
.tabbed-pane-content .settings-tab-text-button {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
// Remove border lines
|
||||
.split-view.vbox > .split-view-resizer > .split-view-resizer-border,
|
||||
.split-view.hbox > .split-view-resizer > .split-view-resizer-border {
|
||||
border: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
// Remove background from sidebars
|
||||
.sidebar {
|
||||
background: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
// Editing Dom Nodes or Snippet Filenames
|
||||
style + .text-prompt-editing,
|
||||
.text-prompt-editing,
|
||||
.editing {
|
||||
box-shadow: none !important;
|
||||
background-color: @global-background !important;
|
||||
outline: 1px solid @eh-editing-outline !important;
|
||||
color: @global-text !important;
|
||||
box-shadow: none !important;
|
||||
background-color: @global-background !important;
|
||||
outline: 1px solid @eh-editing-outline !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// Weird edit state where you add an attribute, but delete the text and retype
|
||||
.being-edited.editing font {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.elements-tree-editor {
|
||||
box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
// Editing Scope values
|
||||
.editing-sub-part .text-prompt-editing ::content * {
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// Tree Directories
|
||||
.panel-sidebar {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
.tree-outline li {
|
||||
&.odd-row + .children li,
|
||||
&.odd-row {
|
||||
background-color: @table-secondary !important;
|
||||
}
|
||||
&.odd-row + .children li,
|
||||
&.odd-row {
|
||||
background-color: @table-secondary !important;
|
||||
}
|
||||
|
||||
&:hover:not(.selected) .selection {
|
||||
.highlight(hover);
|
||||
}
|
||||
&:hover:not(.selected) .selection {
|
||||
.highlight(hover);
|
||||
}
|
||||
|
||||
&.selected .selection {
|
||||
.highlight(selection);
|
||||
}
|
||||
&.selected .selection {
|
||||
.highlight(selection);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
li.audits-sidebar-results {
|
||||
text-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
// Don't highlight Request Header Tree
|
||||
.request-headers-tree .tree-outline li.selected .selection {
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
|
||||
.soft-context-menu {
|
||||
background: @popover-background !important;
|
||||
border: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
color: @global-text !important;
|
||||
box-shadow: 0 5px 10px fade(#000, 40%) !important;
|
||||
background: @popover-background !important;
|
||||
border: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
color: @global-text !important;
|
||||
box-shadow: 0 5px 10px fade(#000, 40%) !important;
|
||||
|
||||
|
||||
.soft-context-menu-item-mouse-over {
|
||||
& { background-color: @- !important; .contrast(@popover-background, 8%); }
|
||||
& { border-top: 1px solid @- !important; .contrast(@popover-background, 10%); }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@popover-background, 10%); }
|
||||
background-image: none !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
.soft-context-menu-item-mouse-over {
|
||||
& { background-color: @- !important; .contrast(@popover-background, 8%); }
|
||||
& { border-top: 1px solid @- !important; .contrast(@popover-background, 10%); }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@popover-background, 10%); }
|
||||
background-image: none !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.soft-context-menu-separator > .separator-line {
|
||||
border-bottom: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
}
|
||||
.soft-context-menu-separator > .separator-line {
|
||||
border-bottom: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
}
|
||||
|
||||
// Dock options (remove blue hover)
|
||||
.toolbar .toolbar-shadow.blue-on-hover .toolbar-item:not(.toggled-on).hover:enabled {
|
||||
background-color: @global-hover !important;
|
||||
// Dock options (remove blue hover)
|
||||
.toolbar .toolbar-shadow.blue-on-hover .toolbar-item:not(.toggled-on).hover:enabled {
|
||||
background-color: @global-hover !important;
|
||||
|
||||
.glyph {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
.glyph {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Console context dropdown
|
||||
.console-context {
|
||||
background-color: transparent !important;
|
||||
background-color: transparent !important;
|
||||
|
||||
&.warning .title {
|
||||
color: @global-warn !important;
|
||||
}
|
||||
&.warning .title {
|
||||
color: @global-warn !important;
|
||||
}
|
||||
}
|
||||
|
||||
.widget .context-list {
|
||||
background: @popover-background !important;
|
||||
border: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
color: @global-text !important;
|
||||
box-shadow: 0 5px 10px fade(#000, 40%) !important;
|
||||
background: @popover-background !important;
|
||||
border: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
color: @global-text !important;
|
||||
box-shadow: 0 5px 10px fade(#000, 40%) !important;
|
||||
|
||||
.context.selected {
|
||||
& { background-color: @- !important; .contrast(@popover-background, 8%); }
|
||||
& { border-top: 1px solid @- !important; .contrast(@popover-background, 10%); }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@popover-background, 10%); }
|
||||
.context.selected {
|
||||
& { background-color: @- !important; .contrast(@popover-background, 8%); }
|
||||
& { border-top: 1px solid @- !important; .contrast(@popover-background, 10%); }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@popover-background, 10%); }
|
||||
|
||||
.title {
|
||||
color: @global-text !important;
|
||||
}
|
||||
.title {
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
color: @global-label !important;
|
||||
}
|
||||
}
|
||||
.subtitle {
|
||||
color: @global-label !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Tooltips
|
||||
.tooltip {
|
||||
background: @- !important; .contrast(@global-background, 3%);
|
||||
border: 1px solid @global-background;
|
||||
color: @global-text !important;
|
||||
background: @- !important; .contrast(@global-background, 3%);
|
||||
border: 1px solid @global-background;
|
||||
color: @global-text !important;
|
||||
|
||||
&-shortcut {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
&-shortcut {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Buttons
|
||||
@ -239,23 +239,23 @@ li.audits-sidebar-results {
|
||||
|
||||
.text-button,
|
||||
[is="text-button"] {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
ol.children.shadow-root.expanded {
|
||||
border-left: 1px dashed @- !important; .contrast(@global-background, 10%);
|
||||
border-left: 1px dashed @- !important; .contrast(@global-background, 10%);
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Forms
|
||||
// ==========================================================================
|
||||
input.toolbar-item {
|
||||
.input-styles()
|
||||
.input-styles()
|
||||
}
|
||||
|
||||
label[is="dt-radio"] ::content .dt-radio-button:checked {
|
||||
border: 0 !important;
|
||||
background: url("Images/radioDot.png") center center no-repeat @global-accent !important;
|
||||
border: 0 !important;
|
||||
background: url("Images/radioDot.png") center center no-repeat @global-accent !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -264,15 +264,15 @@ label[is="dt-radio"] ::content .dt-radio-button:checked {
|
||||
|
||||
// React - paint bg white
|
||||
.widget[class*="React"] {
|
||||
background: #fff !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
// Remove text shadow from menus
|
||||
.tree-outline {
|
||||
li.security-sidebar-origins,
|
||||
li.profiles-tree-section {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
li.security-sidebar-origins,
|
||||
li.profiles-tree-section {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -282,57 +282,57 @@ label[is="dt-radio"] ::content .dt-radio-button:checked {
|
||||
|
||||
// Large Icons
|
||||
.spritesheet-largeicons:not(.icon-mask) {
|
||||
&.smallicon-file,
|
||||
&.smallicon-file-sync {
|
||||
.glyphs("Images/toolbarButtonGlyphs");
|
||||
-webkit-mask-size: 352px 168px;
|
||||
background: @global-accent !important;
|
||||
}
|
||||
&.smallicon-file,
|
||||
&.smallicon-file-sync {
|
||||
.glyphs("Images/toolbarButtonGlyphs");
|
||||
-webkit-mask-size: 352px 168px;
|
||||
background: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
// persistence file indicator
|
||||
.spritesheet-largeicons:not(.icon-mask) {
|
||||
&.smallicon-file,
|
||||
&.smallicon-file-sync {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
background: @tab-label !important;
|
||||
}
|
||||
&.smallicon-file,
|
||||
&.smallicon-file-sync {
|
||||
position: relative;
|
||||
top: 2px;
|
||||
background: @tab-label !important;
|
||||
}
|
||||
}
|
||||
|
||||
.selected .spritesheet-largeicons:not(.icon-mask) {
|
||||
&.smallicon-file,
|
||||
&.smallicon-file-sync {
|
||||
background: @tab-label-selected !important;
|
||||
}
|
||||
&.smallicon-file,
|
||||
&.smallicon-file-sync {
|
||||
background: @tab-label-selected !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Small Icons
|
||||
// call stack indicator | thread position indicator | inline breakpoint
|
||||
.spritesheet-smallicons:not(.icon-mask) {
|
||||
&.smallicon-thick-right-arrow,
|
||||
&.smallicon-inline-breakpoint-conditional {
|
||||
.glyphs("Images/smallIcons");
|
||||
background: @global-accent !important;
|
||||
}
|
||||
&.smallicon-thick-right-arrow,
|
||||
&.smallicon-inline-breakpoint-conditional {
|
||||
.glyphs("Images/smallIcons");
|
||||
background: @global-accent !important;
|
||||
}
|
||||
|
||||
&.smallicon-checkmark {
|
||||
.glyphs("Images/smallIcons");
|
||||
background: @global-accent !important;
|
||||
-webkit-mask-position: -20px 90px !important;
|
||||
}
|
||||
&.smallicon-checkmark {
|
||||
.glyphs("Images/smallIcons");
|
||||
background: @global-accent !important;
|
||||
-webkit-mask-position: -20px 90px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.cm-inline-breakpoint {
|
||||
-webkit-mask-position: -60px 90px !important;
|
||||
-webkit-mask-position: -60px 90px !important;
|
||||
}
|
||||
|
||||
// override for disabled inline breakpoints
|
||||
.cm-execution-line-tail + .CodeMirror-widget {
|
||||
background-color: transparent !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.selected-call-frame-icon,
|
||||
.selected-thread-icon {
|
||||
-webkit-mask-position: -80px 50px !important;
|
||||
-webkit-mask-position: -80px 50px !important;
|
||||
}
|
||||
|
||||
@ -1,91 +1,91 @@
|
||||
// Global Button Styles
|
||||
.button-styles() {
|
||||
background: @form-button-background !important;
|
||||
color: @form-button-text !important;
|
||||
border: 1px solid @form-button-border !important;
|
||||
border-radius: 3px !important;
|
||||
cursor: pointer !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
background: @form-button-background !important;
|
||||
color: @form-button-text !important;
|
||||
border: 1px solid @form-button-border !important;
|
||||
border-radius: 3px !important;
|
||||
cursor: pointer !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
|
||||
&:disabled {
|
||||
cursor: default !important;
|
||||
opacity: .3 !important
|
||||
}
|
||||
&:disabled {
|
||||
cursor: default !important;
|
||||
opacity: .3 !important
|
||||
}
|
||||
|
||||
&:not(:disabled):active {
|
||||
box-shadow: @form-button-pressed !important;
|
||||
border-color: @- !important; .contrast(@form-button-border, 15%, invert);
|
||||
}
|
||||
&:not(:disabled):active {
|
||||
box-shadow: @form-button-pressed !important;
|
||||
border-color: @- !important; .contrast(@form-button-border, 15%, invert);
|
||||
}
|
||||
|
||||
&.enabled {
|
||||
background-color: @global-accent !important;
|
||||
color: @global-background !important;
|
||||
}
|
||||
&.enabled {
|
||||
background-color: @global-accent !important;
|
||||
color: @global-background !important;
|
||||
}
|
||||
}
|
||||
|
||||
.glyphs(@path) {
|
||||
-webkit-mask-image: -webkit-image-set(
|
||||
url("@{path}.png") 1x,
|
||||
url("@{path}_2x.png") 2x
|
||||
);
|
||||
-webkit-mask-image: -webkit-image-set(
|
||||
url("@{path}.png") 1x,
|
||||
url("@{path}_2x.png") 2x
|
||||
);
|
||||
}
|
||||
|
||||
.gradient-background() {
|
||||
background-image: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom);
|
||||
color: @global-text !important;
|
||||
background-image: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom);
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.input-styles() {
|
||||
background-color: @form-input-background !important;
|
||||
border-color: @form-input-border !important;
|
||||
color: @form-input-text !important;
|
||||
background-color: @form-input-background !important;
|
||||
border-color: @form-input-border !important;
|
||||
color: @form-input-text !important;
|
||||
|
||||
&:disabled {
|
||||
opacity: .3 !important;
|
||||
}
|
||||
&:disabled {
|
||||
opacity: .3 !important;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline-color: transparent !important;
|
||||
}
|
||||
&:focus {
|
||||
outline-color: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight(@type) when (@type = hover) {
|
||||
background-color: @global-hover !important;
|
||||
box-shadow: inset 0 1px 0 0 @hover-border, inset 0 -1px 0 0 @hover-border;
|
||||
background-color: @global-hover !important;
|
||||
box-shadow: inset 0 1px 0 0 @hover-border, inset 0 -1px 0 0 @hover-border;
|
||||
}
|
||||
|
||||
.highlight(@type) when (@type = selection) {
|
||||
background-color: @global-selected !important;
|
||||
box-shadow: inset 0 1px 0 0 @selection-border, inset 0 -1px 0 0 @selection-border;
|
||||
background-color: @global-selected !important;
|
||||
box-shadow: inset 0 1px 0 0 @selection-border, inset 0 -1px 0 0 @selection-border;
|
||||
}
|
||||
|
||||
.contrast(@color, @percent, @invert: false) when (@invert = false) and (@theme-type = dark), (@invert = invert) and (@theme-type = light) {
|
||||
@-: lighten(@color, @percent);
|
||||
@-: lighten(@color, @percent);
|
||||
}
|
||||
|
||||
.contrast(@color, @percent, @invert: false) when (@invert = false) and (@theme-type = light), (@invert = invert) and (@theme-type = dark) {
|
||||
@-: darken(@color, @percent);
|
||||
@-: darken(@color, @percent);
|
||||
}
|
||||
|
||||
|
||||
// Navigation Arrows
|
||||
.arrow-styles() {
|
||||
.glyphs("Images/treeoutlineTriangles");
|
||||
background-color: @global-arrow !important;
|
||||
background-image: none !important;
|
||||
-webkit-mask-repeat: no-repeat !important;
|
||||
color: rgba(0,0,0,0) !important;
|
||||
opacity: 1 !important;
|
||||
-webkit-mask-size: 32px 24px !important;
|
||||
.glyphs("Images/treeoutlineTriangles");
|
||||
background-color: @global-arrow !important;
|
||||
background-image: none !important;
|
||||
-webkit-mask-repeat: no-repeat !important;
|
||||
color: rgba(0,0,0,0) !important;
|
||||
opacity: 1 !important;
|
||||
-webkit-mask-size: 32px 24px !important;
|
||||
}
|
||||
|
||||
.arrow-mixin(@arrow-right: ~'li.parent::before', @arrow-down: ~'li.parent.expanded::before') {
|
||||
@{arrow-right} { -webkit-mask-position: 0 0 !important; }
|
||||
@{arrow-down} { -webkit-mask-position: -16px 0 !important; }
|
||||
@{arrow-right} { -webkit-mask-position: 0 0 !important; }
|
||||
@{arrow-down} { -webkit-mask-position: -16px 0 !important; }
|
||||
|
||||
@{arrow-right},
|
||||
@{arrow-down} {
|
||||
.arrow-styles;
|
||||
}
|
||||
@{arrow-right},
|
||||
@{arrow-down} {
|
||||
.arrow-styles;
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,63 +4,63 @@
|
||||
|
||||
// Backgrounds
|
||||
.panel.resources .insertion-point-main {
|
||||
.widget,
|
||||
.report-content-box {
|
||||
background-color: @global-background;
|
||||
color: @global-text;
|
||||
}
|
||||
.widget,
|
||||
.report-content-box {
|
||||
background-color: @global-background;
|
||||
color: @global-text;
|
||||
}
|
||||
|
||||
.report-header,
|
||||
.report-section {
|
||||
border-bottom: 1px solid @global-divider;
|
||||
}
|
||||
.report-header,
|
||||
.report-section {
|
||||
border-bottom: 1px solid @global-divider;
|
||||
}
|
||||
|
||||
.toolbar-render-as-links * {
|
||||
color: @global-link;
|
||||
}
|
||||
.toolbar-render-as-links * {
|
||||
color: @global-link;
|
||||
}
|
||||
}
|
||||
|
||||
.tree-outline li.storage-group-list-item {
|
||||
border: 1px solid @global-divider;
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
border: 1px solid @global-divider;
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Web Sql
|
||||
// ==========================================================================
|
||||
.database-query-prompt {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.database-user-query {
|
||||
border-top: 1px solid @global-background !important;
|
||||
border-bottom: 1px solid @- !important; .contrast(@global-background, 10%, invert) !important;
|
||||
padding-bottom: 10px !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
border-bottom: 1px solid @- !important; .contrast(@global-background, 10%, invert) !important;
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.database-user-query + span {
|
||||
padding: 2px 0 !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 10%, invert) !important };
|
||||
& { background-color: @- !important; .contrast(@global-background, 2%) !important };
|
||||
width: 100% !important;
|
||||
padding: 2px 0 !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 10%, invert) !important };
|
||||
& { background-color: @- !important; .contrast(@global-background, 2%) !important };
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.database-user-query .database-query-text {
|
||||
color: @global-text !important;
|
||||
width: 100% !important;
|
||||
display: inline-block !important;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 2px;
|
||||
color: @global-text !important;
|
||||
width: 100% !important;
|
||||
display: inline-block !important;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.database-user-query::before,
|
||||
.database-query-result::before{
|
||||
margin-top: -5px !important;
|
||||
margin-top: -5px !important;
|
||||
}
|
||||
|
||||
.database-user-query .error {
|
||||
color: @global-error !important;
|
||||
color: @global-error !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -69,23 +69,23 @@
|
||||
|
||||
// info display
|
||||
.indexed-db-database-view .header-row {
|
||||
.attribute-name {
|
||||
color: @global-label !important;
|
||||
}
|
||||
.attribute-name {
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
.attribute-value {
|
||||
color: @global-text !important;
|
||||
}
|
||||
.attribute-value {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
// header
|
||||
.indexed-db-data-view .data-view-toolbar {
|
||||
background-color: @global-toolbar !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
background-color: @global-toolbar !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
|
||||
.key-input {
|
||||
.input-styles();
|
||||
}
|
||||
.key-input {
|
||||
.input-styles();
|
||||
}
|
||||
}
|
||||
|
||||
// remove border from table
|
||||
@ -97,62 +97,62 @@ border-bottom: none !important;
|
||||
// Service Workers
|
||||
// ==========================================================================
|
||||
.service-workers-settings {
|
||||
border-bottom: none !important;
|
||||
background: @toolbar-main !important;
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
border-bottom: none !important;
|
||||
background: @toolbar-main !important;
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
}
|
||||
|
||||
.service-workers-versions-mode-tab {
|
||||
background-color: @toolbar-main !important;
|
||||
background-color: @toolbar-main !important;
|
||||
}
|
||||
|
||||
.service-workers-versions-mode-tab,
|
||||
.service-workers-versions-panel,
|
||||
.service-workers-registration-header {
|
||||
border: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.service-worker-client-focus {
|
||||
color: @global-link !important;
|
||||
color: @global-link !important;
|
||||
}
|
||||
|
||||
.service-workers-origin-title {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.service-workers-registration {
|
||||
border: 1px solid @global-divider !important;
|
||||
color: @global-text !important;
|
||||
border: 1px solid @global-divider !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.service-workers-registration-content {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.service-workers-versions-table-row-title {
|
||||
color: @global-label !important;
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
.service-workers-versions-table-running-status-inspect {
|
||||
color: @xml-link !important;
|
||||
color: @xml-link !important;
|
||||
}
|
||||
|
||||
.service-workers-versions-mode-tab {
|
||||
&-list {
|
||||
border: none !important;
|
||||
}
|
||||
&-list {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
&-selected {
|
||||
background: @selection-background !important;
|
||||
}
|
||||
&-selected {
|
||||
background: @selection-background !important;
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
background-color: @toolbar-sub !important;
|
||||
}
|
||||
&-disabled {
|
||||
background-color: @toolbar-sub !important;
|
||||
}
|
||||
|
||||
&-text-disabled {
|
||||
color: @- !important; .contrast(@global-text, 30%, invert);
|
||||
}
|
||||
&-text-disabled {
|
||||
color: @- !important; .contrast(@global-text, 30%, invert);
|
||||
}
|
||||
}
|
||||
|
||||
.service-workers-update-button,
|
||||
@ -160,11 +160,11 @@ border-bottom: none !important;
|
||||
.service-workers-delete-button,
|
||||
.service-workers-start-button,
|
||||
.service-workers-stop-button {
|
||||
opacity: 1;
|
||||
background-color: @glyph-inactive;
|
||||
opacity: 1;
|
||||
background-color: @glyph-inactive;
|
||||
|
||||
&:hover { background-color: @glyph-hover; }
|
||||
&:active { background-color: @glyph-active; }
|
||||
&:hover { background-color: @glyph-hover; }
|
||||
&:active { background-color: @glyph-active; }
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -173,5 +173,5 @@ border-bottom: none !important;
|
||||
|
||||
// paint fonts
|
||||
div[style*='font-family'] {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
@ -2,142 +2,142 @@
|
||||
// Console
|
||||
// ==========================================================================
|
||||
.debug-type(@type, @color) {
|
||||
.console-@{type}-level {
|
||||
.console-message-text,
|
||||
.console-message-url {
|
||||
color: @color !important;
|
||||
}
|
||||
.console-@{type}-level {
|
||||
.console-message-text,
|
||||
.console-message-url {
|
||||
color: @color !important;
|
||||
}
|
||||
|
||||
.children div:hover * {
|
||||
color: @- !important; .contrast(@color, 5%, invert) !important;
|
||||
}
|
||||
.children div:hover * {
|
||||
color: @- !important; .contrast(@color, 5%, invert) !important;
|
||||
}
|
||||
|
||||
.section > .header .title {
|
||||
color: @color !important;
|
||||
}
|
||||
.section > .header .title {
|
||||
color: @color !important;
|
||||
}
|
||||
|
||||
.console-message-anchor .devtools-link {
|
||||
color: @color !important;
|
||||
}
|
||||
.console-message-anchor .devtools-link {
|
||||
color: @color !important;
|
||||
}
|
||||
|
||||
.console-message-text .devtools-link {
|
||||
color: @console-link !important;
|
||||
}
|
||||
}
|
||||
.console-message-text .devtools-link {
|
||||
color: @console-link !important;
|
||||
}
|
||||
}
|
||||
|
||||
label .@{type} {
|
||||
background-color: @color !important;
|
||||
}
|
||||
label .@{type} {
|
||||
background-color: @color !important;
|
||||
}
|
||||
}
|
||||
|
||||
// user input
|
||||
.console-user-command {
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
width: 100% !important;
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#console-messages .console-user-command > .console-message-text {
|
||||
vertical-align: text-top !important;
|
||||
vertical-align: text-top !important;
|
||||
}
|
||||
|
||||
.console-adjacent-user-command-result {
|
||||
color: @global-text !important;
|
||||
& { background-color: @- !important; .contrast(@global-background, 2%) }
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 3%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 2%, invert) }
|
||||
color: @global-text !important;
|
||||
& { background-color: @- !important; .contrast(@global-background, 2%) }
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 3%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 2%, invert) }
|
||||
}
|
||||
|
||||
// results with tree navigation
|
||||
.console-message .children li,
|
||||
.console-user-command .children li {
|
||||
margin: 1px 0 !important;
|
||||
margin: 1px 0 !important;
|
||||
}
|
||||
|
||||
// console settings
|
||||
.console-settings-pane {
|
||||
background-color: @toolbar-sub !important;
|
||||
background-color: @toolbar-sub !important;
|
||||
}
|
||||
|
||||
#console-messages {
|
||||
.console-user-command > .console-message-text {
|
||||
color: @console-default-text !important;
|
||||
}
|
||||
.console-user-command > .console-message-text {
|
||||
color: @console-default-text !important;
|
||||
}
|
||||
|
||||
.debug-type(debug, @filter-debug);
|
||||
.debug-type(log, @filter-log);
|
||||
.debug-type(warning, @filter-warning);
|
||||
.debug-type(error, @filter-error);
|
||||
.debug-type(info, @filter-info);
|
||||
.debug-type(verbose, @filter-verbose);
|
||||
.debug-type(debug, @filter-debug);
|
||||
.debug-type(log, @filter-log);
|
||||
.debug-type(warning, @filter-warning);
|
||||
.debug-type(error, @filter-error);
|
||||
.debug-type(info, @filter-info);
|
||||
.debug-type(verbose, @filter-verbose);
|
||||
|
||||
// Children Hover
|
||||
.outline-disclosure .stacktrace-entry:hover {
|
||||
background-color: @- !important; .contrast(@global-background, 1%);
|
||||
}
|
||||
// Children Hover
|
||||
.outline-disclosure .stacktrace-entry:hover {
|
||||
background-color: @- !important; .contrast(@global-background, 1%);
|
||||
}
|
||||
|
||||
a {
|
||||
color: @console-link !important;
|
||||
a {
|
||||
color: @console-link !important;
|
||||
|
||||
&:hover {
|
||||
color: @- !important; .contrast(@console-link, 5%);
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
color: @- !important; .contrast(@console-link, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
// position adjustment of error icon
|
||||
.console-error-level::before {
|
||||
top: 9px !important;
|
||||
}
|
||||
// position adjustment of error icon
|
||||
.console-error-level::before {
|
||||
top: 9px !important;
|
||||
}
|
||||
}
|
||||
|
||||
#console-messages .console-message {
|
||||
color: @console-default-text !important;
|
||||
color: @console-default-text !important;
|
||||
}
|
||||
|
||||
//repeated item
|
||||
.console-message .bubble {
|
||||
text-shadow: 0 0 1px rgba(0, 0, 0, 0.8) !important;
|
||||
text-shadow: 0 0 1px rgba(0, 0, 0, 0.8) !important;
|
||||
}
|
||||
|
||||
.console-formatted-node:hover {
|
||||
background: fade(@global-hover, 50%) !important;
|
||||
background: fade(@global-hover, 50%) !important;
|
||||
}
|
||||
|
||||
//text of devices panel
|
||||
.vbox.devices {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
|
||||
a {
|
||||
color: @global-accent;
|
||||
}
|
||||
a {
|
||||
color: @global-accent;
|
||||
}
|
||||
}
|
||||
|
||||
// remove white border
|
||||
.console-message-wrapper {
|
||||
border-bottom: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
// console error
|
||||
.console-error-level {
|
||||
background-color: fade(@filter-error, 5%) !important;
|
||||
border-top: 1px solid fade(@filter-error, 5%) !important;
|
||||
border-bottom: 1px solid fade(@filter-error, 5%) !important;
|
||||
background-color: fade(@filter-error, 5%) !important;
|
||||
border-top: 1px solid fade(@filter-error, 5%) !important;
|
||||
border-bottom: 1px solid fade(@filter-error, 5%) !important;
|
||||
|
||||
// remove 1 border for consecutive errors
|
||||
+ .console-error-level {
|
||||
border-top: none !important;
|
||||
}
|
||||
// remove 1 border for consecutive errors
|
||||
+ .console-error-level {
|
||||
border-top: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.console-warning-level {
|
||||
background-color: fade(@filter-warning, 5%) !important;
|
||||
border-top: 1px solid fade(@filter-warning, 5%) !important;
|
||||
border-bottom: 1px solid fade(@filter-warning, 5%) !important;
|
||||
background-color: fade(@filter-warning, 5%) !important;
|
||||
border-top: 1px solid fade(@filter-warning, 5%) !important;
|
||||
border-bottom: 1px solid fade(@filter-warning, 5%) !important;
|
||||
|
||||
// remove 1 border for consecutive errors
|
||||
+ .console-warning-level {
|
||||
border-top: none !important;
|
||||
}
|
||||
// remove 1 border for consecutive errors
|
||||
+ .console-warning-level {
|
||||
border-top: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// js syntax
|
||||
@ -145,24 +145,24 @@
|
||||
|
||||
// remove top border
|
||||
.shadow-split-widget.vbox > .shadow-split-widget-sidebar:not(.maximized) {
|
||||
border-top: none !important;
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
// Object property name
|
||||
.object-properties-section-name,
|
||||
.console-view-object-properties-section span {
|
||||
color: @js-obj-array !important;
|
||||
color: @js-obj-array !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Console Panel - Network Conditions
|
||||
// ==========================================================================
|
||||
.network-config-title {
|
||||
color: @global-label !important;
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
.panel-section-separator {
|
||||
background: @global-divider !important;
|
||||
background: @global-divider !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -172,9 +172,9 @@
|
||||
.sensors-group-title,
|
||||
.latlong-title,
|
||||
.orientation-axis-input-container {
|
||||
color: @global-label;
|
||||
color: @global-label;
|
||||
}
|
||||
|
||||
.sensors-view input {
|
||||
.input-styles();
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
@ -3,44 +3,44 @@
|
||||
// ==========================================================================
|
||||
|
||||
.show-child-highlighter(@choice) when (@choice = true) {
|
||||
.parent {
|
||||
// highlight children
|
||||
&.selected.expanded + .children,
|
||||
&.hovered.expanded + .children {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
padding-bottom: 5px !important;
|
||||
box-shadow: inset 0 0 30px 0 @eh-children-shadow;
|
||||
border-color: transparent !important;
|
||||
border-bottom: 1px solid @- !important; .contrast(@global-background, 10%);
|
||||
.parent {
|
||||
// highlight children
|
||||
&.selected.expanded + .children,
|
||||
&.hovered.expanded + .children {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
padding-bottom: 5px !important;
|
||||
box-shadow: inset 0 0 30px 0 @eh-children-shadow;
|
||||
border-color: transparent !important;
|
||||
border-bottom: 1px solid @- !important; .contrast(@global-background, 10%);
|
||||
|
||||
// highlight pseudo elements of selected node
|
||||
> li .webkit-html-pseudo-element:first-child {
|
||||
color: @xml-pseudo-highlighted !important;
|
||||
}
|
||||
// highlight pseudo elements of selected node
|
||||
> li .webkit-html-pseudo-element:first-child {
|
||||
color: @xml-pseudo-highlighted !important;
|
||||
}
|
||||
|
||||
// fade closing tag of parent
|
||||
> li:last-of-type .webkit-html-tag.close {
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// fade closing tag of parent
|
||||
> li:last-of-type .webkit-html-tag.close {
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.show-child-highlighter(@choice) when (@choice = false) {
|
||||
// intentionally empty
|
||||
// intentionally empty
|
||||
}
|
||||
|
||||
// override child scope indicator line
|
||||
li.selected:not(.always-parent) + ol.children {
|
||||
border-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
li.hovered:not(.always-parent) + ol.children,
|
||||
.elements-tree-outline ol.shadow-root,
|
||||
li.selected:not(.always-parent) + ol.children {
|
||||
margin-left: 0 !important;
|
||||
border-width: 0 !important;
|
||||
border-left-style: none !important;
|
||||
-webkit-padding-start: 12px !important;
|
||||
margin-left: 0 !important;
|
||||
border-width: 0 !important;
|
||||
border-left-style: none !important;
|
||||
-webkit-padding-start: 12px !important;
|
||||
}
|
||||
|
||||
@ -2,72 +2,72 @@
|
||||
// Edit HTML
|
||||
// ==========================================================================
|
||||
.source-code.elements-tree-editor .CodeMirror {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 5%);
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0 0 15px 0 rgba(17, 17, 17, 0.6) !important;
|
||||
color: @global-text !important;
|
||||
margin: 10px 0;
|
||||
padding: 10px 0 0 10px !important;
|
||||
border: 1px solid @- !important; .contrast(@global-background, 5%);
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0 0 15px 0 rgba(17, 17, 17, 0.6) !important;
|
||||
color: @global-text !important;
|
||||
margin: 10px 0;
|
||||
padding: 10px 0 0 10px !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Element Highlighter
|
||||
// ==========================================================================
|
||||
.elements-disclosure {
|
||||
.arrow-mixin();
|
||||
.arrow-mixin();
|
||||
|
||||
ol:focus li.selected .selection,
|
||||
li.selected .selection {
|
||||
outline: 1px solid @eh-highlight-outline !important;
|
||||
background-color: @eh-highlight-background !important;
|
||||
}
|
||||
ol:focus li.selected .selection,
|
||||
li.selected .selection {
|
||||
outline: 1px solid @eh-highlight-outline !important;
|
||||
background-color: @eh-highlight-background !important;
|
||||
}
|
||||
|
||||
// "== $0" text after selector
|
||||
.selected-hint {
|
||||
color: @global-text !important;
|
||||
}
|
||||
// "== $0" text after selector
|
||||
.selected-hint {
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
li.hovered:not(.selected) .selection {
|
||||
border-radius: 0 !important;
|
||||
background-color: @eh-hover-background !important;
|
||||
border-top: 1px solid @eh-hover-outline !important;
|
||||
border-bottom: 1px solid @eh-hover-outline !important;
|
||||
}
|
||||
li.hovered:not(.selected) .selection {
|
||||
border-radius: 0 !important;
|
||||
background-color: @eh-hover-background !important;
|
||||
border-top: 1px solid @eh-hover-outline !important;
|
||||
border-bottom: 1px solid @eh-hover-outline !important;
|
||||
}
|
||||
}
|
||||
|
||||
// cut/copy highlighter
|
||||
.in-clipboard .highlight {
|
||||
outline: 1px dashed @eh-clipboard-selection !important;
|
||||
outline: 1px dashed @eh-clipboard-selection !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Breadcrumbs
|
||||
// ==========================================================================
|
||||
#elements-crumbs {
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @- !important; .contrast(@global-background, 5%);
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @- !important; .contrast(@global-background, 5%);
|
||||
}
|
||||
|
||||
.crumbs {
|
||||
color: @crumb-text !important;
|
||||
color: @crumb-text !important;
|
||||
|
||||
.crumb {
|
||||
border-left: 1px solid @global-divider !important;
|
||||
cursor: pointer;
|
||||
.crumb {
|
||||
border-left: 1px solid @global-divider !important;
|
||||
cursor: pointer;
|
||||
|
||||
&:last-child {
|
||||
border-right: 1px solid @global-divider !important;
|
||||
}
|
||||
&:last-child {
|
||||
border-right: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @crumb-selected-text !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
&:hover {
|
||||
color: @crumb-selected-text !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: @crumb-selected-background !important;
|
||||
color: @crumb-selected-text !important;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
&.selected {
|
||||
background-color: @crumb-selected-background !important;
|
||||
color: @crumb-selected-text !important;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,31 +3,31 @@
|
||||
.paint-profiler-overview,
|
||||
.paint-profiler-canvas-container canvas,
|
||||
.paint-profiler-view canvas {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
// overlay while profile is collecting info
|
||||
.progress-banner {
|
||||
background-color: @timeline-progress-pane !important;
|
||||
color: @global-text !important;
|
||||
background-color: @timeline-progress-pane !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.layers.panel {
|
||||
|
||||
.outline-disclosure li {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
.outline-disclosure li {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
|
||||
.selection {
|
||||
height: 18px !important;
|
||||
}
|
||||
.selection {
|
||||
height: 18px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-tree li {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.section .properties .number,
|
||||
.section .properties .number,
|
||||
.event-properties .number {
|
||||
&:extend(.cm-js-number);
|
||||
&:extend(.cm-js-number);
|
||||
}
|
||||
|
||||
@ -3,159 +3,159 @@
|
||||
// ==========================================================================
|
||||
|
||||
#network-container {
|
||||
border-top: none !important;
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
#network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:hover {
|
||||
text-decoration: none !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.data-grid {
|
||||
border: none !important;
|
||||
border: none !important;
|
||||
|
||||
th.sort-ascending,
|
||||
th.sort-descending,
|
||||
th.sortable,
|
||||
.timeline-column {
|
||||
& { border-right: 1px solid @- !important; .contrast(@global-background, 10%) !important };
|
||||
}
|
||||
th.sort-ascending,
|
||||
th.sort-descending,
|
||||
th.sortable,
|
||||
.timeline-column {
|
||||
& { border-right: 1px solid @- !important; .contrast(@global-background, 10%) !important };
|
||||
}
|
||||
|
||||
.network-timeline-grid .resources-divider-label {
|
||||
color: @global-text !important;
|
||||
}
|
||||
.network-timeline-grid .resources-divider-label {
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.network-timeline-grid .resources-divider {
|
||||
border-right: 1px solid rgba(51,51,51,.8);
|
||||
}
|
||||
.network-timeline-grid .resources-divider {
|
||||
border-right: 1px solid rgba(51,51,51,.8);
|
||||
}
|
||||
}
|
||||
|
||||
.overview-grid-cursor-area {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
// Override animation from clicking console link -> network
|
||||
.highlighted-row {
|
||||
-webkit-animation: "fadeout-revised" 2s 0s !important;
|
||||
-webkit-animation: "fadeout-revised" 2s 0s !important;
|
||||
}
|
||||
|
||||
/*dropdownlist in network panel*/
|
||||
.timeline-column option {
|
||||
color: @global-text !important;
|
||||
background: @global-background !important;
|
||||
color: @global-text !important;
|
||||
background: @global-background !important;
|
||||
}
|
||||
|
||||
// Network Preview for images
|
||||
.image-view .title {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// Image property key
|
||||
.image-view .infoList dt {
|
||||
color: @global-label !important;
|
||||
margin-bottom: 5px !important;
|
||||
color: @global-label !important;
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
|
||||
// Image property value
|
||||
.image-view .infoList dd {
|
||||
color: @global-text !important;
|
||||
margin-bottom: 5px !important;
|
||||
color: @global-text !important;
|
||||
margin-bottom: 5px !important;
|
||||
}
|
||||
|
||||
// Key/Value styles for Network Headers
|
||||
|
||||
.request-headers-view {
|
||||
|
||||
.header-name {
|
||||
color: @global-label !important;
|
||||
}
|
||||
.header-name {
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
.header-value {
|
||||
color: @global-text !important;
|
||||
}
|
||||
.header-value {
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.caution {
|
||||
color: @global-warn !important;
|
||||
}
|
||||
.caution {
|
||||
color: @global-warn !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Fallback Support */
|
||||
.resource-source-frame-fallback {
|
||||
background-color: @- !important; .contrast(@global-background, 5%) !important;
|
||||
color: @global-text !important;
|
||||
background-color: @- !important; .contrast(@global-background, 5%) !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
|
||||
/* Network Timing Pane */
|
||||
.resource-timing-view {
|
||||
|
||||
table {
|
||||
background-color: @- !important; .contrast(@global-background, 5%) !important;
|
||||
padding: 20px !important;
|
||||
border-radius: 4px;
|
||||
margin: 20px !important;
|
||||
table {
|
||||
background-color: @- !important; .contrast(@global-background, 5%) !important;
|
||||
padding: 20px !important;
|
||||
border-radius: 4px;
|
||||
margin: 20px !important;
|
||||
|
||||
td {
|
||||
.network-timing-bar-title {
|
||||
color: @global-text !important;
|
||||
text-shadow: 0 1px 1px @- !important; .contrast(@global-background, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
td {
|
||||
.network-timing-bar-title {
|
||||
color: @global-text !important;
|
||||
text-shadow: 0 1px 1px @- !important; .contrast(@global-background, 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.network-timing-table {
|
||||
.footnote, .network-timing-footer {
|
||||
a {
|
||||
color: @xml-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
.network-timing-table {
|
||||
.footnote, .network-timing-footer {
|
||||
a {
|
||||
color: @xml-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.request-headers-view .parent {
|
||||
& { background-color: @- !important; .contrast(@global-background, 2.5%) };
|
||||
color: @global-text !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 10%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 5%, invert) };
|
||||
line-height: 18px;
|
||||
& { background-color: @- !important; .contrast(@global-background, 2.5%) };
|
||||
color: @global-text !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 10%) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 5%, invert) };
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#network-views .script-view-fallback {
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.request-headers-view .outline-disclosure {
|
||||
.header-count,
|
||||
.header-toggle {
|
||||
color: @global-accent !important;
|
||||
margin-left: 4px !important;
|
||||
}
|
||||
.header-count,
|
||||
.header-toggle {
|
||||
color: @global-accent !important;
|
||||
margin-left: 4px !important;
|
||||
}
|
||||
|
||||
.header-toggle:hover {
|
||||
text-shadow: 0 0 10px @global-accent;
|
||||
}
|
||||
.header-toggle:hover {
|
||||
text-shadow: 0 0 10px @global-accent;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
//subline under title of node
|
||||
.network-cell-subtitle {
|
||||
color: @- !important; .contrast(@global-text, 5%, invert) !important;
|
||||
color: @- !important; .contrast(@global-text, 5%, invert) !important;
|
||||
}
|
||||
|
||||
.network-log-grid.data-grid th {
|
||||
border-bottom: transparent !important;
|
||||
border-bottom: transparent !important;
|
||||
}
|
||||
|
||||
.network.panel .panel-status-bar {
|
||||
border-bottom: none !important
|
||||
border-bottom: none !important
|
||||
}
|
||||
|
||||
.data-grid .network-error-row {
|
||||
color: @global-error !important;
|
||||
> td,
|
||||
.network-cell-subtitle {
|
||||
&:extend(.data-grid .network-error-row);
|
||||
}
|
||||
color: @global-error !important;
|
||||
> td,
|
||||
.network-cell-subtitle {
|
||||
&:extend(.data-grid .network-error-row);
|
||||
}
|
||||
}
|
||||
|
||||
/**********************************************/
|
||||
@ -165,74 +165,74 @@
|
||||
.network-graph-bar,
|
||||
.network-graph-label,
|
||||
.network-graph-bar-area {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
//footer
|
||||
.network-summary-bar {
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
color: @global-text !important;
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
.network-summary-bar .summary-blue {
|
||||
color: @global-accent !important;
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.network-summary-bar .summary-red {
|
||||
color: @global-warn !important;
|
||||
color: @global-warn !important;
|
||||
}
|
||||
|
||||
// override network panel background
|
||||
.network-log-grid.data-grid .bottom-filler-td {
|
||||
background: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
// set bg color of network preview to white because content is loaded in an iframe
|
||||
#network-views .resource-view.html {
|
||||
background-color: #fff !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
// network header tall view
|
||||
.network-details-view-tall-header {
|
||||
margin-top: 0 !important;
|
||||
margin-top: 0 !important;
|
||||
|
||||
.network-item-view {
|
||||
.tabbed-pane-header {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
}
|
||||
.network-item-view {
|
||||
.tabbed-pane-header {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// reduce space between network headers and subnav menu
|
||||
.data-grid .header-container {
|
||||
top: -1px !important;
|
||||
top: -1px !important;
|
||||
}
|
||||
|
||||
// Header Labels
|
||||
.tree-outline .header-name {
|
||||
color: @global-label !important;
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
// Override
|
||||
#network-overview-container {
|
||||
border-bottom: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
// Override
|
||||
.network-overview-canvas-container {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
// network description frame
|
||||
.network-status-pane {
|
||||
background: @global-background !important;
|
||||
color: @global-text !important
|
||||
background: @global-background !important;
|
||||
color: @global-text !important
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Filmstrip (also used in network)
|
||||
// ==========================================================================
|
||||
.filmstrip-dialog-label {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
|
||||
@ -240,40 +240,40 @@
|
||||
// Blocked Urls
|
||||
// ========================================================================== */
|
||||
.network-blocked-urls {
|
||||
border-top: none !important;
|
||||
border-top: none !important;
|
||||
|
||||
// Header for blocked urls
|
||||
.toolbar {
|
||||
border-bottom: none !important;
|
||||
// Header for blocked urls
|
||||
.toolbar {
|
||||
border-bottom: none !important;
|
||||
|
||||
.toolbar-shadow {
|
||||
background-image: linear-gradient(@tab-color-top,@tab-color-bottom) !important;
|
||||
}
|
||||
.toolbar-shadow {
|
||||
background-image: linear-gradient(@tab-color-top,@tab-color-bottom) !important;
|
||||
}
|
||||
|
||||
.toolbar-text {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
.toolbar-text {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
.blocked-url {
|
||||
color: @global-text !important;
|
||||
.blocked-url {
|
||||
color: @global-text !important;
|
||||
|
||||
&:hover {
|
||||
.highlight(hover);
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.highlight(hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Waterfall Header
|
||||
.network-waterfall-header,
|
||||
.network-log-grid.data-grid .header-container {
|
||||
border-bottom: none !important;
|
||||
background-color: @global-toolbar !important;
|
||||
color: @global-accent;
|
||||
border-bottom: none !important;
|
||||
background-color: @global-toolbar !important;
|
||||
color: @global-accent;
|
||||
|
||||
.sort-order-icon-container {
|
||||
background-color: @global-toolbar !important;
|
||||
}
|
||||
.sort-order-icon-container {
|
||||
background-color: @global-toolbar !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Network Timing Popover
|
||||
@ -283,10 +283,10 @@
|
||||
|
||||
// Film Strip
|
||||
.film-strip-view {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// HTML preview
|
||||
.request-view.html {
|
||||
background-color: #ffffff !important;
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
@ -11,73 +11,73 @@
|
||||
.resources-divider-label,
|
||||
.panel:not(.timeline) .sidebar-tree-item,
|
||||
.profile-entry-info {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.flame-chart-entry-info,
|
||||
.profile-entry-info {
|
||||
text-shadow: 0 0 1px @global-background;
|
||||
background-color: fade(@global-background, 90%) !important;
|
||||
border-radius: 4px;
|
||||
text-shadow: 0 0 1px @global-background;
|
||||
background-color: fade(@global-background, 90%) !important;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#profile-views .data-grid button {
|
||||
color: @- !important; .contrast(@global-text, 5%, invert) !important;
|
||||
color: @- !important; .contrast(@global-text, 5%, invert) !important;
|
||||
}
|
||||
|
||||
.heap-snapshot-view tr:not(.selected) td.object-column span.highlight {
|
||||
background-color: @selection-background !important;
|
||||
border-radius: 3px;
|
||||
background-color: @selection-background !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.profiles-status-bar {
|
||||
background: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom) !important;
|
||||
box-shadow: inset 0 1px 0 @- !important; .contrast(@tab-color-top,7%);
|
||||
border-bottom: none !important;
|
||||
background: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom) !important;
|
||||
box-shadow: inset 0 1px 0 @- !important; .contrast(@tab-color-top,7%);
|
||||
border-bottom: none !important;
|
||||
|
||||
.status-bar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.status-bar {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.profiles-status-bar .status-bar,
|
||||
.retainers-view-header,
|
||||
.heap-snapshot-view .class-view-toolbar {
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
input.status-bar-item {
|
||||
background-color: @form-input-background;
|
||||
color: @form-input-text;
|
||||
border: 1px solid @form-input-border;
|
||||
background-color: @form-input-background;
|
||||
color: @form-input-text;
|
||||
border: 1px solid @form-input-border;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border: 1px solid @form-input-border !important;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
border: 1px solid @form-input-border !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Retainers resizer bar in heap snapshot
|
||||
.heap-snapshot-view .heap-snapshot-view-resizer {
|
||||
background-color: @global-toolbar !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
color: @global-text;
|
||||
background-color: @global-toolbar !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
color: @global-text;
|
||||
}
|
||||
|
||||
// Heap snapshot table text
|
||||
#profile-views .data-container .object-column {
|
||||
color: @global-text;
|
||||
color: @global-text;
|
||||
|
||||
button {
|
||||
.button-styles();
|
||||
}
|
||||
button {
|
||||
.button-styles();
|
||||
}
|
||||
}
|
||||
|
||||
// Canvas snapshot table text color & probably all other grids
|
||||
.data-grid td,
|
||||
.heap-snapshot-stats-name,
|
||||
.heap-snapshot-stats-size {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
@ -3,170 +3,170 @@
|
||||
// ==========================================================================
|
||||
|
||||
.settings-window-title {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.help-window-main {
|
||||
background-color: @global-background;
|
||||
color: @global-text !important;
|
||||
&.widget {
|
||||
border: none !important;
|
||||
}
|
||||
background-color: @global-background;
|
||||
color: @global-text !important;
|
||||
&.widget {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.settings-tab-container header {
|
||||
border-bottom: 1px solid @- !important; .contrast(@global-background, 30%) !important;
|
||||
}
|
||||
.settings-tab-container header {
|
||||
border-bottom: 1px solid @- !important; .contrast(@global-background, 30%) !important;
|
||||
}
|
||||
|
||||
.help-footnote {
|
||||
border-top: 1px solid @- !important; .contrast(@global-background, 30%) !important;
|
||||
}
|
||||
.help-footnote {
|
||||
border-top: 1px solid @- !important; .contrast(@global-background, 30%) !important;
|
||||
}
|
||||
|
||||
label,
|
||||
label:hover {
|
||||
color: @form-label-text !important;
|
||||
}
|
||||
label,
|
||||
label:hover {
|
||||
color: @form-label-text !important;
|
||||
}
|
||||
|
||||
.tabbed-pane-header-tab.selected {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.tabbed-pane-header-tab.selected {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
.help-section-title {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.help-section-title {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
.help-block {
|
||||
.help-block {
|
||||
|
||||
label,
|
||||
td {
|
||||
color: @form-label-text !important;
|
||||
}
|
||||
label,
|
||||
td {
|
||||
color: @form-label-text !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
select,
|
||||
input,
|
||||
option {
|
||||
.input-styles();
|
||||
}
|
||||
select,
|
||||
input,
|
||||
option {
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
select.chrome-select {
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
background-image: -webkit-image-set(
|
||||
url(Images/chromeSelect.png) 1x,
|
||||
url(Images/chromeSelect_2x.png) 2x),
|
||||
linear-gradient(@global-background, @global-background);
|
||||
select.chrome-select {
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
background-image: -webkit-image-set(
|
||||
url(Images/chromeSelect.png) 1x,
|
||||
url(Images/chromeSelect_2x.png) 2x),
|
||||
linear-gradient(@global-background, @global-background);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
//disabled styles
|
||||
fieldset:disabled label {
|
||||
color: fade(@form-label-text, 30%) !important;
|
||||
}
|
||||
//disabled styles
|
||||
fieldset:disabled label {
|
||||
color: fade(@form-label-text, 30%) !important;
|
||||
}
|
||||
|
||||
select:disabled,
|
||||
input:disabled,
|
||||
.settings-tab-text-button:disabled {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
select:disabled,
|
||||
input:disabled,
|
||||
.settings-tab-text-button:disabled {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
//keyboard shortcuts display
|
||||
.help-key-cell {
|
||||
//keyboard shortcuts display
|
||||
.help-key-cell {
|
||||
|
||||
.help-key {
|
||||
color: @global-text !important;
|
||||
background: @- !important; .contrast(@global-background, 5%);
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
}
|
||||
.help-key {
|
||||
color: @global-text !important;
|
||||
background: @- !important; .contrast(@global-background, 5%);
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/***************************************************
|
||||
/* Workspaces Dialog Box
|
||||
****************************************************/
|
||||
/***************************************************
|
||||
/* Workspaces Dialog Box
|
||||
****************************************************/
|
||||
|
||||
// Headers
|
||||
.settings-dialog {
|
||||
.block-header {
|
||||
color: @global-label !important;
|
||||
}
|
||||
}
|
||||
// Headers
|
||||
.settings-dialog {
|
||||
.block-header {
|
||||
color: @global-label !important;
|
||||
}
|
||||
}
|
||||
|
||||
.settings-info-message {
|
||||
background-color: lighten(@global-background, 5%) !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
.settings-info-message {
|
||||
background-color: lighten(@global-background, 5%) !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.settings-list-container {
|
||||
background-color: @settings-folder-background !important;
|
||||
}
|
||||
.settings-list-container {
|
||||
background-color: @settings-folder-background !important;
|
||||
}
|
||||
|
||||
.settings-list {
|
||||
border: none !important;
|
||||
}
|
||||
.settings-list {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.contents {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 3%);
|
||||
padding: 10px !important;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
.contents {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 3%);
|
||||
padding: 10px !important;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
// Remove the border off the first child after the input
|
||||
.settings-list-item.add-list-item + .settings-list-item {
|
||||
border-top: none !important;
|
||||
}
|
||||
// Remove the border off the first child after the input
|
||||
.settings-list-item.add-list-item + .settings-list-item {
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
.settings-list-item {
|
||||
background-color: @global-background !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
.settings-list-item {
|
||||
background-color: @global-background !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
|
||||
&:hover {
|
||||
background-color: @global-background !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
&:hover {
|
||||
background-color: @global-background !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
&.selected {
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
&:nth-child(1) {
|
||||
border-top: none !important;
|
||||
}
|
||||
&:nth-child(1) {
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
&:last-child{
|
||||
border-bottom: none !important;
|
||||
}
|
||||
}
|
||||
&:last-child{
|
||||
border-bottom: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.file-system-path-name {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.file-system-path-name {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.file-system-path,
|
||||
.list-column-text,
|
||||
.settings-list-column-path {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// workspace edit input boxes
|
||||
.list-column-editor {
|
||||
background-color: @form-input-background !important;
|
||||
border: 1px solid @form-input-border !important;
|
||||
color: @form-input-text !important;
|
||||
background-color: @form-input-background !important;
|
||||
border: 1px solid @form-input-border !important;
|
||||
color: @form-input-text !important;
|
||||
}
|
||||
|
||||
// Make swatch size 12px again.
|
||||
.swatch {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
|
||||
// Framework blackbox patterns
|
||||
.blackbox-dialog .columns-header {
|
||||
color: @global-accent !important;
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
|
||||
@ -174,217 +174,217 @@
|
||||
//==========================================================================
|
||||
|
||||
.devices-list {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 5%);
|
||||
border: 1px solid @- !important; .contrast(@global-background, 5%);
|
||||
}
|
||||
|
||||
.devices-title {
|
||||
color: @global-accent !important;
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
.input-styles();
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
.devices-list-item {
|
||||
color: @global-text;
|
||||
color: @global-text;
|
||||
|
||||
&:hover {
|
||||
background: @hover-background !important;
|
||||
border-top: 1px solid @hover-border !important;
|
||||
border-bottom: 1px solid @hover-border !important;
|
||||
}
|
||||
&:hover {
|
||||
background: @hover-background !important;
|
||||
border-top: 1px solid @hover-border !important;
|
||||
border-bottom: 1px solid @hover-border !important;
|
||||
}
|
||||
|
||||
.devices-list-title {
|
||||
opacity: 0.5 !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
.devices-list-title {
|
||||
opacity: 0.5 !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.devices-list-checkbox:checked + .devices-list-title {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.devices-list-checkbox:checked + .devices-list-title {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.devices-edit-container {
|
||||
background: @- !important; .contrast(@global-background, 5%);
|
||||
background: @- !important; .contrast(@global-background, 5%);
|
||||
}
|
||||
|
||||
.devices-custom-separator {
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 5%, invert) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 5%); }
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 5%, invert) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 5%); }
|
||||
}
|
||||
|
||||
.devices-list-edit,
|
||||
.devices-list-remove {
|
||||
.glyphs("Images/toolbarButtonGlyphs");
|
||||
.glyphs("Images/toolbarButtonGlyphs");
|
||||
|
||||
background-color: @global-accent !important;
|
||||
background-image: none !important
|
||||
background-color: @global-accent !important;
|
||||
background-image: none !important
|
||||
}
|
||||
|
||||
.devices-list-edit {
|
||||
-webkit-mask-position: -224px -72px;
|
||||
-webkit-mask-position: -224px -72px;
|
||||
}
|
||||
|
||||
.devices-list-remove {
|
||||
-webkit-mask-position: -128px -24px;
|
||||
-webkit-mask-position: -128px -24px;
|
||||
}
|
||||
|
||||
// vertical navbars
|
||||
.vertical-tab-layout {
|
||||
// change selected style from top border to left border
|
||||
.tabbed-pane-header-tab {
|
||||
padding-left: 20px !important;
|
||||
border-top: none !important;
|
||||
color: @global-text !important;
|
||||
// change selected style from top border to left border
|
||||
.tabbed-pane-header-tab {
|
||||
padding-left: 20px !important;
|
||||
border-top: none !important;
|
||||
color: @global-text !important;
|
||||
|
||||
&.selected {
|
||||
border-top: none !important;
|
||||
border-left: 7px solid @global-accent !important;
|
||||
padding-left: 13px !important;
|
||||
}
|
||||
}
|
||||
&.selected {
|
||||
border-top: none !important;
|
||||
border-left: 7px solid @global-accent !important;
|
||||
padding-left: 13px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Settings Sidebar
|
||||
.help-window-main {
|
||||
//remove bg normally for horizontal pane header
|
||||
.tabbed-pane-header {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
//remove bg normally for horizontal pane header
|
||||
.tabbed-pane-header {
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tabbed-pane-header-contents {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.tabbed-pane-header-contents {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Hidden Experiments (Shift 6x on Experiments Menu)
|
||||
.settings-experiment-hidden {
|
||||
label {
|
||||
background-color: @global-background !important;
|
||||
label {
|
||||
background-color: @global-background !important;
|
||||
|
||||
.dt-checkbox-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
.dt-checkbox-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
border: 1px solid @global-divider !important;
|
||||
border-radius: 2px !important;
|
||||
border: 1px solid @global-divider !important;
|
||||
border-radius: 2px !important;
|
||||
}
|
||||
|
||||
.list-item:hover {
|
||||
.highlight(hover);
|
||||
.highlight(hover);
|
||||
|
||||
.controls-gradient {
|
||||
background-image: none !important;
|
||||
}
|
||||
.controls-gradient {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.controls-buttons {
|
||||
.highlight(hover);
|
||||
}
|
||||
.controls-buttons {
|
||||
.highlight(hover);
|
||||
}
|
||||
|
||||
.edit-button,
|
||||
.remove-button {
|
||||
.glyphs("Images/toolbarButtonGlyphs");
|
||||
.edit-button,
|
||||
.remove-button {
|
||||
.glyphs("Images/toolbarButtonGlyphs");
|
||||
|
||||
background-image: none !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
background-image: none !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.edit-button {
|
||||
-webkit-mask-position: -224px -72px !important;
|
||||
}
|
||||
.edit-button {
|
||||
-webkit-mask-position: -224px -72px !important;
|
||||
}
|
||||
|
||||
.remove-button {
|
||||
-webkit-mask-position: -128px -24px !important;
|
||||
}
|
||||
.remove-button {
|
||||
-webkit-mask-position: -128px -24px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Settings Global Styles
|
||||
button {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
// Edit Mode
|
||||
.editor-container {
|
||||
background: @global-hover !important;
|
||||
background: @global-hover !important;
|
||||
}
|
||||
|
||||
.blackbox-pattern,
|
||||
.file-system-value {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
|
||||
input {
|
||||
.input-styles();
|
||||
border: 1px solid @form-input-border;
|
||||
background-color: @global-background !important;
|
||||
border-radius: 2px;
|
||||
padding: 4px;
|
||||
}
|
||||
input {
|
||||
.input-styles();
|
||||
border: 1px solid @form-input-border;
|
||||
background-color: @global-background !important;
|
||||
border-radius: 2px;
|
||||
padding: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.chrome-select {
|
||||
.input-styles();
|
||||
background-image: none !important;
|
||||
text-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
padding-right: 0;
|
||||
.input-styles();
|
||||
background-image: none !important;
|
||||
text-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
// Throttling
|
||||
//==========================================================================
|
||||
|
||||
.conditions {
|
||||
&-list {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 5%);
|
||||
&-list {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 5%);
|
||||
|
||||
.custom-separator {
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 5%, invert) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 5%); }
|
||||
}
|
||||
.custom-separator {
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 5%, invert) };
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 5%); }
|
||||
}
|
||||
|
||||
&-separator {
|
||||
& { border-right: 1px solid @- !important; .contrast(@global-background, 5%); }
|
||||
}
|
||||
}
|
||||
&-separator {
|
||||
& { border-right: 1px solid @- !important; .contrast(@global-background, 5%); }
|
||||
}
|
||||
}
|
||||
|
||||
&-list-item:hover {
|
||||
background: @hover-background !important;
|
||||
border-top: 1px solid @hover-border !important;
|
||||
border-bottom: 1px solid @hover-border !important;
|
||||
}
|
||||
&-list-item:hover {
|
||||
background: @hover-background !important;
|
||||
border-top: 1px solid @hover-border !important;
|
||||
border-bottom: 1px solid @hover-border !important;
|
||||
}
|
||||
|
||||
&-list-text {
|
||||
color: @global-text !important;
|
||||
}
|
||||
&-list-text {
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
&-edit-container {
|
||||
background: @- !important; .contrast(@global-background, 5%);
|
||||
border-top: none !important;
|
||||
}
|
||||
&-edit-container {
|
||||
background: @- !important; .contrast(@global-background, 5%);
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
&-list-edit,
|
||||
&-list-remove {
|
||||
.glyphs("Images/toolbarButtonGlyphs.png");
|
||||
background-color: @global-accent !important;
|
||||
background-image: none !important
|
||||
}
|
||||
&-list-edit,
|
||||
&-list-remove {
|
||||
.glyphs("Images/toolbarButtonGlyphs.png");
|
||||
background-color: @global-accent !important;
|
||||
background-image: none !important
|
||||
}
|
||||
|
||||
&-list-edit {
|
||||
-webkit-mask-position: -224px -72px;
|
||||
}
|
||||
&-list-edit {
|
||||
-webkit-mask-position: -224px -72px;
|
||||
}
|
||||
|
||||
&-list-remove {
|
||||
-webkit-mask-position: -128px -24px;
|
||||
}
|
||||
&-list-remove {
|
||||
-webkit-mask-position: -128px -24px;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
.editor-content input.error-input {
|
||||
.input-styles()
|
||||
}
|
||||
input[type="text"],
|
||||
.editor-content input.error-input {
|
||||
.input-styles()
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@ -393,25 +393,25 @@ button {
|
||||
//==========================================================================
|
||||
.settings-tab {
|
||||
|
||||
.file-system-container {
|
||||
border-left: none !important;
|
||||
padding: 10px !important;
|
||||
}
|
||||
.file-system-container {
|
||||
border-left: none !important;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
.file-system-name {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.file-system-name {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
button {
|
||||
.button-styles();
|
||||
}
|
||||
button {
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
|
||||
.file-system-list {
|
||||
.file-system-separator {
|
||||
background-color: @global-divider !important;
|
||||
}
|
||||
}
|
||||
.file-system-list {
|
||||
.file-system-separator {
|
||||
background-color: @global-divider !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -422,35 +422,35 @@ button {
|
||||
// Blackbox
|
||||
//==========================================================================
|
||||
.help-window-main .header {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
.blackbox-separator {
|
||||
background-color: @global-divider !important;
|
||||
background-color: @global-divider !important;
|
||||
}
|
||||
|
||||
// Conditions
|
||||
//==========================================================================
|
||||
.conditions-list-text {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
|
||||
input {
|
||||
.input-styles();
|
||||
border: 1px solid @form-input-border;
|
||||
background-color: @global-background !important;
|
||||
border-radius: 2px;
|
||||
padding: 4px;
|
||||
}
|
||||
input {
|
||||
.input-styles();
|
||||
border: 1px solid @form-input-border;
|
||||
background-color: @global-background !important;
|
||||
border-radius: 2px;
|
||||
padding: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-separator,
|
||||
.conditions-list-separator {
|
||||
background-color: @global-divider !important;
|
||||
background-color: @global-divider !important;
|
||||
}
|
||||
|
||||
// Padding is different in canary (update padding setting on stable L252 in settings.less)
|
||||
.vertical-tab-layout .tabbed-pane-header-tab.selected {
|
||||
padding-left: 19px !important;
|
||||
padding-left: 19px !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -458,19 +458,19 @@ button {
|
||||
// ========================================================================== */
|
||||
|
||||
.filtered-item-list-dialog {
|
||||
background: @dialog-background !important;
|
||||
box-shadow: 0 5px 15px 5px rgba(0,0,0,.6) !important;
|
||||
border: 1px solid @dialog-border !important;
|
||||
background: @dialog-background !important;
|
||||
box-shadow: 0 5px 15px 5px rgba(0,0,0,.6) !important;
|
||||
border: 1px solid @dialog-border !important;
|
||||
|
||||
> input[type=text] {
|
||||
background-color: @dialog-item-background !important;
|
||||
box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.3) !important;
|
||||
color: @- !important; .contrast(@dialog-item-text, 10%);
|
||||
}
|
||||
> input[type=text] {
|
||||
background-color: @dialog-item-background !important;
|
||||
box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.3) !important;
|
||||
color: @- !important; .contrast(@dialog-item-text, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
// Clean up dialog border (not confident about this selector)
|
||||
.vbox.flex-auto {
|
||||
border: none !important;
|
||||
box-shadow: 0 5px 10px fade(#000, 40%) !important;
|
||||
border: none !important;
|
||||
box-shadow: 0 5px 10px fade(#000, 40%) !important;
|
||||
}
|
||||
|
||||
@ -2,54 +2,54 @@
|
||||
/* Sources Panel Controls
|
||||
/**********************************************/
|
||||
.scripts-status-bar {
|
||||
background: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom) !important;
|
||||
box-shadow: inset 0 1px 0 @- !important; .contrast(@tab-color-top,7%) !important;
|
||||
border-top: none !important;
|
||||
overflow: hidden !important;
|
||||
background: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom) !important;
|
||||
box-shadow: inset 0 1px 0 @- !important; .contrast(@tab-color-top,7%) !important;
|
||||
border-top: none !important;
|
||||
overflow: hidden !important;
|
||||
|
||||
}
|
||||
|
||||
// text for rendering tab in drawer
|
||||
.help-indent-labels label {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// override for pause exceptions ui module
|
||||
// NOTE: once this hits stable, remove the red/yellow styling of pause button
|
||||
.scripts-debug-toolbar-drawer {
|
||||
background-color: transparent !important;
|
||||
border-bottom: none !important;
|
||||
color: @global-text !important;
|
||||
background-color: transparent !important;
|
||||
border-bottom: none !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
//Warning/Error Bubbles
|
||||
.CodeMirror .webkit-html-message-bubble {
|
||||
color: #888 !important;
|
||||
border-radius: 2px !important;
|
||||
padding: 2px !important;
|
||||
color: #888 !important;
|
||||
border-radius: 2px !important;
|
||||
padding: 2px !important;
|
||||
}
|
||||
|
||||
// Edit Breakpoint
|
||||
.CodeMirror-linewidget {
|
||||
|
||||
.source-frame-breakpoint-condition {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 30%) !important;
|
||||
border-radius: 4px !important;
|
||||
background-image: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom) !important;
|
||||
.source-frame-breakpoint-condition {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 30%) !important;
|
||||
border-radius: 4px !important;
|
||||
background-image: -webkit-linear-gradient(@tab-color-top, @tab-color-bottom) !important;
|
||||
|
||||
input {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
input {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
.source-frame-breakpoint-message {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.source-frame-breakpoint-message {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
#source-frame-breakpoint-condition {
|
||||
background-color: @global-background !important;
|
||||
border: none !important;
|
||||
height: 22px !important;
|
||||
#source-frame-breakpoint-condition {
|
||||
background-color: @global-background !important;
|
||||
border: none !important;
|
||||
height: 22px !important;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,353 +4,353 @@
|
||||
|
||||
/*placeholder text when no file is open*/
|
||||
.tabbed-pane-placeholder {
|
||||
text-shadow: 0 1px 0 @global-textshadow !important;
|
||||
color: @sources-placeholder-text !important;
|
||||
text-shadow: 0 1px 0 @global-textshadow !important;
|
||||
color: @sources-placeholder-text !important;
|
||||
}
|
||||
|
||||
/*-- Save Problem Overlay --*/
|
||||
.source-frame-unsaved-committed-changes {
|
||||
background-color: @sources-save-background !important;
|
||||
background-color: @sources-save-background !important;
|
||||
}
|
||||
|
||||
.source-frame-debugger-script {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
// Debugger Controls Toolbar
|
||||
.scripts-debug-toolbar {
|
||||
background: @toolbar-main !important;
|
||||
box-shadow: inset 0 1px 0 @-; .contrast(@toolbar-main,7%);
|
||||
border-bottom: 1px solid @global-background !important;
|
||||
background: @toolbar-main !important;
|
||||
box-shadow: inset 0 1px 0 @-; .contrast(@toolbar-main,7%);
|
||||
border-bottom: 1px solid @global-background !important;
|
||||
}
|
||||
|
||||
// Breakpoints
|
||||
.breakpoints-list-deactivated {
|
||||
background-color: @- !important; .contrast(@global-background, 5%) !important;
|
||||
opacity: 0.3 !important
|
||||
background-color: @- !important; .contrast(@global-background, 5%) !important;
|
||||
opacity: 0.3 !important
|
||||
}
|
||||
|
||||
.breakpoint-hit {
|
||||
background: @selection-background !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
background: @selection-background !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
}
|
||||
|
||||
.breakpoint-entry {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
|
||||
&:not(.breakpoint-hit) {
|
||||
border-top: 1px solid @global-divider !important;
|
||||
&:not(.breakpoint-hit) {
|
||||
border-top: 1px solid @global-divider !important;
|
||||
|
||||
&:hover {
|
||||
background-color: @global-hover !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background-color: @global-hover !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
}
|
||||
|
||||
.source-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.source-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.breakpoint-list li,
|
||||
.list-item:not(.label) {
|
||||
color: @global-text !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
color: @global-text !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
|
||||
&:not(.breakpoint-hit):hover {
|
||||
background-color: @global-hover !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
&:not(.breakpoint-hit):hover {
|
||||
background-color: @global-hover !important;
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
.source-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.source-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.breakpoint-hit {
|
||||
background: @selection-background !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
background: @selection-background !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
}
|
||||
|
||||
.sidebar-pane {
|
||||
color: @global-text;
|
||||
color: @global-text;
|
||||
|
||||
/* Call Stack */
|
||||
.list-item {
|
||||
/* Call Stack */
|
||||
.list-item {
|
||||
|
||||
.title,
|
||||
.subtitle {
|
||||
color: @global-text !important;
|
||||
}
|
||||
.title,
|
||||
.subtitle {
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
&:nth-of-type(2n) {
|
||||
background: @- !important; .contrast(@global-background, 3%) !important;
|
||||
}
|
||||
&:nth-of-type(2n) {
|
||||
background: @- !important; .contrast(@global-background, 3%) !important;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background: @selection-background !important;
|
||||
color: @- !important; .contrast(@global-text, 10%) !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
&.selected {
|
||||
background: @selection-background !important;
|
||||
color: @- !important; .contrast(@global-text, 10%) !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
|
||||
.title,
|
||||
.subtitle {
|
||||
color: @- !important; .contrast(@global-text, 10%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.title,
|
||||
.subtitle {
|
||||
color: @- !important; .contrast(@global-text, 10%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.call-frame-item {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
|
||||
&:not(.async-header) {
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
&:not(.async-header) {
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
&.async-header .call-frame-item-title {
|
||||
background: @global-background !important;
|
||||
&.async-header .call-frame-item-title {
|
||||
background: @global-background !important;
|
||||
|
||||
.call-frame-title-text {
|
||||
color: @global-warn !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
.call-frame-title-text {
|
||||
color: @global-warn !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.call-frame-item-title {
|
||||
color: @global-text !important;
|
||||
}
|
||||
.call-frame-item-title {
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.call-frame-location {
|
||||
color: @global-label !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
.call-frame-location {
|
||||
color: @global-label !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
.highlight(selection);
|
||||
&.selected {
|
||||
.highlight(selection);
|
||||
|
||||
.call-frame-location {
|
||||
background-color: @global-selected !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
.call-frame-location {
|
||||
background-color: @global-selected !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Paused Breakpoint
|
||||
.paused-status {
|
||||
background-color: @toolbar-main !important;
|
||||
color: @global-text !important;
|
||||
border-top: 4px solid @global-divider !important;
|
||||
border-bottom: 4px solid @global-divider !important;
|
||||
background-color: @toolbar-main !important;
|
||||
color: @global-text !important;
|
||||
border-top: 4px solid @global-divider !important;
|
||||
border-bottom: 4px solid @global-divider !important;
|
||||
|
||||
.status-main {
|
||||
color: @global-warn !important;
|
||||
}
|
||||
.status-main {
|
||||
color: @global-warn !important;
|
||||
}
|
||||
|
||||
&.error-reason {
|
||||
color: @global-error !important;
|
||||
&.error-reason {
|
||||
color: @global-error !important;
|
||||
|
||||
.status-main {
|
||||
color: @global-error !important;
|
||||
}
|
||||
}
|
||||
.status-main {
|
||||
color: @global-error !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Blackbox Indicator
|
||||
.blackboxed-message {
|
||||
background-color: @toolbar-main !important;
|
||||
color: @global-text !important;
|
||||
background-color: @toolbar-main !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// Sidebar Pane Headers
|
||||
.expandable-view-title {
|
||||
color: @global-text !important;
|
||||
background: @toolbar-main !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@toolbar-main, 5%); }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@toolbar-main, 5%, invert); }
|
||||
color: @global-text !important;
|
||||
background: @toolbar-main !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@toolbar-main, 5%); }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@toolbar-main, 5%, invert); }
|
||||
|
||||
&.expanded,
|
||||
&:last-child {
|
||||
border-bottom: 1px solid @toolbar-main !important;
|
||||
}
|
||||
&.expanded,
|
||||
&:last-child {
|
||||
border-bottom: 1px solid @toolbar-main !important;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1){
|
||||
border-bottom: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.sidebar-pane .children.expanded,
|
||||
li.breakpoint-hit .breakpoint-hit-marker {
|
||||
background-color: transparent !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
// Add Button (Sources Panel)
|
||||
// Refresh Button (Watch Expressions Header)
|
||||
.pane-title-button.add,
|
||||
.sidebar-pane-toolbar > .pane-title-button.refresh {
|
||||
background-color: @glyph-inactive !important;
|
||||
background-color: @glyph-inactive !important;
|
||||
}
|
||||
|
||||
// Elements Panel Buttons
|
||||
.panel.elements .sidebar-pane-toolbar {
|
||||
|
||||
// Color Format Dropdown
|
||||
> select {
|
||||
// Color Format Dropdown
|
||||
> select {
|
||||
|
||||
> option,
|
||||
> hr {
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
> option,
|
||||
> hr {
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
&.select-settings {
|
||||
/*background-image: none !important; */
|
||||
-webkit-background-position: -24px 0 !important;
|
||||
background-color: @glyph-inactive !important;
|
||||
-webkit-mask-repeat: no-repeat !important;
|
||||
-webkit-mask-image: url(Images/paneSettingsButtons.png) !important;
|
||||
}
|
||||
&.select-settings {
|
||||
/*background-image: none !important; */
|
||||
-webkit-background-position: -24px 0 !important;
|
||||
background-color: @glyph-inactive !important;
|
||||
-webkit-mask-repeat: no-repeat !important;
|
||||
-webkit-mask-image: url(Images/paneSettingsButtons.png) !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.pane-title-button {
|
||||
.pane-title-button {
|
||||
|
||||
// State Panel Toggle
|
||||
&.element-state {
|
||||
-webkit-mask-image: url(Images/paneElementStateButtons.png) !important;
|
||||
}
|
||||
// State Panel Toggle
|
||||
&.element-state {
|
||||
-webkit-mask-image: url(Images/paneElementStateButtons.png) !important;
|
||||
}
|
||||
|
||||
&.animations-controls {
|
||||
-webkit-mask-image: url(Images/paneAnimationsButtons.png) !important;
|
||||
}
|
||||
&.animations-controls {
|
||||
-webkit-mask-image: url(Images/paneAnimationsButtons.png) !important;
|
||||
}
|
||||
|
||||
&.animations-controls {
|
||||
background-color: rgba(0,0,0,1) !important;
|
||||
}
|
||||
&.animations-controls {
|
||||
background-color: rgba(0,0,0,1) !important;
|
||||
}
|
||||
|
||||
// Add Element Button
|
||||
&.element-state,
|
||||
&.animations-controls,
|
||||
&.add {
|
||||
background-color: @- !important; .contrast(@global-background, 40%);
|
||||
}
|
||||
// Add Element Button
|
||||
&.element-state,
|
||||
&.animations-controls,
|
||||
&.add {
|
||||
background-color: @- !important; .contrast(@global-background, 40%);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Highlight in Scripts */
|
||||
.webkit-highlighted-line.webkit-line-content {
|
||||
border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.webkit-highlighted-line.webkit-line-content * {
|
||||
color: @sources-highlight-text !important;
|
||||
color: @sources-highlight-text !important;
|
||||
}
|
||||
|
||||
/*exception icon state colors */
|
||||
.scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph {
|
||||
background-color: @sources-exception-all !important;
|
||||
background-color: @sources-exception-all !important;
|
||||
}
|
||||
|
||||
.scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph {
|
||||
background-color: @sources-exception-uncaught !important;
|
||||
background-color: @sources-exception-uncaught !important;
|
||||
}
|
||||
|
||||
.webkit-highlighted-line {
|
||||
background-color: @global-accent !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
//Alternate Buttons
|
||||
.alternate-status-bar-buttons-bar {
|
||||
|
||||
.scripts-pause,
|
||||
.scripts-long-resume,
|
||||
.status-bar-item {
|
||||
background-color: @- !important; .contrast(@global-background, 5%) !important;
|
||||
border: 1px solid @global-background !important;
|
||||
}
|
||||
.scripts-pause,
|
||||
.scripts-long-resume,
|
||||
.status-bar-item {
|
||||
background-color: @- !important; .contrast(@global-background, 5%) !important;
|
||||
border: 1px solid @global-background !important;
|
||||
}
|
||||
|
||||
.status-bar-item.emulate-active {
|
||||
background-color: @global-background !important;
|
||||
border: 1px solid @global-hover !important;
|
||||
}
|
||||
.status-bar-item.emulate-active {
|
||||
background-color: @global-background !important;
|
||||
border: 1px solid @global-hover !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Fix event listener breakpoint item style
|
||||
.event-listener-breakpoints.properties-tree li {
|
||||
height: auto !important;
|
||||
padding-top: 0 !important;
|
||||
height: auto !important;
|
||||
padding-top: 0 !important;
|
||||
|
||||
&:before {
|
||||
-webkit-mask-position: -4px -93px !important;
|
||||
}
|
||||
&:before {
|
||||
-webkit-mask-position: -4px -93px !important;
|
||||
}
|
||||
|
||||
.checkbox-elem {
|
||||
top: 2px !important;
|
||||
}
|
||||
.checkbox-elem {
|
||||
top: 2px !important;
|
||||
}
|
||||
|
||||
&.parent .checkbox-elem {
|
||||
top: 3px !important;
|
||||
}
|
||||
&.parent .checkbox-elem {
|
||||
top: 3px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-pane-button-new-rule {
|
||||
background-color: @- !important; .contrast(@global-background, 40%);
|
||||
background-color: @- !important; .contrast(@global-background, 40%);
|
||||
|
||||
&:hover {
|
||||
-webkit-mask-position: -23px 0 !important;
|
||||
}
|
||||
&:hover {
|
||||
-webkit-mask-position: -23px 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Highlight currently evaluated context (not sure of what color to use so making it subtle for now)
|
||||
.cm-execution-line-tail {
|
||||
background-color: @- !important; .contrast(@selection-background, 10%, invert);
|
||||
border-radius: 2px !important;
|
||||
background-color: @- !important; .contrast(@selection-background, 10%, invert);
|
||||
border-radius: 2px !important;
|
||||
}
|
||||
|
||||
// snippet that pops up when stepping into code that shows you values of variables
|
||||
.text-editor-value-decoration {
|
||||
& {background-color: @- !important; .contrast(@global-background, 5%)};
|
||||
color: @global-text !important;
|
||||
padding: 0 5px;
|
||||
border-radius: 2px !important;
|
||||
& {box-shadow: 0 1px 0 0 @- !important; .contrast(@global-background, 5%)};
|
||||
& {border-top: 1px solid @- !important; .contrast(@global-background, 2.5%, invert)};
|
||||
& {background-color: @- !important; .contrast(@global-background, 5%)};
|
||||
color: @global-text !important;
|
||||
padding: 0 5px;
|
||||
border-radius: 2px !important;
|
||||
& {box-shadow: 0 1px 0 0 @- !important; .contrast(@global-background, 5%)};
|
||||
& {border-top: 1px solid @- !important; .contrast(@global-background, 2.5%, invert)};
|
||||
}
|
||||
|
||||
// Notification bar (for mismatch/blackbox notices)
|
||||
.infobar {
|
||||
& {border-bottom: 2px solid @- !important; .contrast(@global-background, 10%);}
|
||||
& {background-color: @- !important; .contrast(@global-background, 5%);}
|
||||
& {border-bottom: 2px solid @- !important; .contrast(@global-background, 10%);}
|
||||
& {background-color: @- !important; .contrast(@global-background, 5%);}
|
||||
}
|
||||
|
||||
.infobar-info {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.infobar-warning {
|
||||
color: @global-warn !important;
|
||||
color: @global-warn !important;
|
||||
}
|
||||
|
||||
.source-frame-infobar-toggle-link {
|
||||
color: @global-accent !important;
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
// style hover for watches
|
||||
.watch-expression-header:hover {
|
||||
background-color: @global-hover !important;
|
||||
background-color: @global-hover !important;
|
||||
}
|
||||
|
||||
|
||||
// Watch Panel Hover
|
||||
.watch-expression .primitive-value:hover,
|
||||
.watch-expression .section .header:hover {
|
||||
.highlight(hover);
|
||||
.highlight(hover);
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -358,35 +358,35 @@ li.breakpoint-hit .breakpoint-hit-marker {
|
||||
// ==========================================================================
|
||||
|
||||
.navigator-toolbar {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
// [panel-sources] Hidden stack frames notification (sidebar)
|
||||
.hidden-callframes-message {
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
text-align: center;
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
text-align: center;
|
||||
|
||||
.link {
|
||||
color: @xml-link !important;
|
||||
}
|
||||
.link {
|
||||
color: @xml-link !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Watch Panel
|
||||
.watch-expressions {
|
||||
margin-top: 0 !important;
|
||||
margin-top: 0 !important;
|
||||
|
||||
.name {
|
||||
color: @js-obj-name !important;
|
||||
}
|
||||
.name {
|
||||
color: @js-obj-name !important;
|
||||
}
|
||||
}
|
||||
|
||||
.watch-expression-error {
|
||||
color: @global-error !important;
|
||||
color: @global-error !important;
|
||||
}
|
||||
|
||||
// not available message
|
||||
.error-message {
|
||||
color: @global-error !important;
|
||||
color: @global-error !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -394,22 +394,22 @@ li.breakpoint-hit .breakpoint-hit-marker {
|
||||
// ==========================================================================
|
||||
.event-listener-tree {
|
||||
|
||||
> li {
|
||||
border-top: none !important;
|
||||
}
|
||||
> li {
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
.name {
|
||||
color: @js-obj-name !important;
|
||||
}
|
||||
.name {
|
||||
color: @js-obj-name !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Buttons on panel headers
|
||||
.sidebar-pane-toolbar .pane-title-button {
|
||||
background-color: @- !important; .contrast(@glyph-inactive, 50%);
|
||||
background-color: @- !important; .contrast(@glyph-inactive, 50%);
|
||||
}
|
||||
|
||||
.event-listener-button {
|
||||
.button-styles()
|
||||
.button-styles()
|
||||
}
|
||||
|
||||
.tree-outline-disclosure .name { color: @js-obj-name !important; }
|
||||
@ -420,7 +420,7 @@ li.breakpoint-hit .breakpoint-hit-marker {
|
||||
|
||||
// remove bg from selected menu item
|
||||
.tree-outline li {
|
||||
background-color: rgba(0,0,0,0) !important;
|
||||
background-color: rgba(0,0,0,0) !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -428,66 +428,66 @@ li.breakpoint-hit .breakpoint-hit-marker {
|
||||
// ==========================================================================
|
||||
|
||||
.infobar-info {
|
||||
background-color: @toolbar-sub !important;
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
color: @global-text !important;
|
||||
background-color: @toolbar-sub !important;
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
color: @global-text !important;
|
||||
|
||||
.infobar-toggle {
|
||||
color: @global-link !important;
|
||||
}
|
||||
.infobar-toggle {
|
||||
color: @global-link !important;
|
||||
}
|
||||
}
|
||||
|
||||
// horizontal view watch expression toolbar divider
|
||||
.view-container > .toolbar {
|
||||
border-bottom : 1px solid @global-divider !important;
|
||||
border-bottom : 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Threads
|
||||
// ==========================================================================
|
||||
.thread-item {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
|
||||
&:hover {
|
||||
.highlight(hover);
|
||||
}
|
||||
&:hover {
|
||||
.highlight(hover);
|
||||
}
|
||||
|
||||
&.selected {
|
||||
.highlight(selection);
|
||||
&.selected {
|
||||
.highlight(selection);
|
||||
|
||||
&.hover {
|
||||
.highlight(selection);
|
||||
}
|
||||
}
|
||||
&.hover {
|
||||
.highlight(selection);
|
||||
}
|
||||
}
|
||||
|
||||
+ .thread-item {
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
+ .thread-item {
|
||||
border-top: 1px solid @global-divider !important;
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
// Persistence 2.0 Sources Tab Icons
|
||||
// ==========================================================================
|
||||
.spritesheet-mediumicons:not(.icon-mask) {
|
||||
&.mediumicon-file-sync,
|
||||
&.mediumicon-file-sync,
|
||||
&.mediumicon-file {
|
||||
.glyphs("Images/mediumIcons");
|
||||
background: @tab-label !important;
|
||||
.glyphs("Images/mediumIcons");
|
||||
background: @tab-label !important;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
&.mediumicon-file {
|
||||
-webkit-mask-position: -0px 32px !important;
|
||||
position: relative;
|
||||
}
|
||||
&.mediumicon-file {
|
||||
-webkit-mask-position: -0px 32px !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&.mediumicon-file-sync {
|
||||
-webkit-mask-position: -48px 48px !important;
|
||||
}
|
||||
&.mediumicon-file-sync {
|
||||
-webkit-mask-position: -48px 48px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.selected .spritesheet-mediumicons:not(.icon-mask) {
|
||||
&.mediumicon-file {
|
||||
background: @tab-label-selected !important;
|
||||
}
|
||||
&.mediumicon-file {
|
||||
background: @tab-label-selected !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,238 +3,238 @@
|
||||
// ==========================================================================
|
||||
|
||||
.timeline-landing-warning {
|
||||
background: @- !important; .contrast(@global-background, 5%);
|
||||
color: @global-text !important;
|
||||
background: @- !important; .contrast(@global-background, 5%);
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
//timeline status (capture stacks text)
|
||||
.timeline .panel-status-bar{
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.timeline-category-statusbar-item,
|
||||
.timeline-records-stats,
|
||||
.record-title,
|
||||
.timeline-aggregated-category {
|
||||
text-shadow: none !important;
|
||||
color: @global-text !important;
|
||||
text-shadow: none !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
#timeline-graphs .timeline-graph-side {
|
||||
|
||||
&.hovered {
|
||||
background-color: fade(@global-hover, 50%) !important;
|
||||
outline: 1px solid @- !important; .contrast(@global-hover, 10%);
|
||||
}
|
||||
&.hovered {
|
||||
background-color: fade(@global-hover, 50%) !important;
|
||||
outline: 1px solid @- !important; .contrast(@global-hover, 10%);
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: fade(@global-accent, 20%)!important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
}
|
||||
&.selected {
|
||||
background-color: fade(@global-accent, 20%)!important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
}
|
||||
}
|
||||
|
||||
.timeline-records-list .timeline-tree-item {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
|
||||
&.hovered:not(.selected) {
|
||||
&:extend(#timeline-graphs .timeline-graph-side.hovered);
|
||||
}
|
||||
&.hovered:not(.selected) {
|
||||
&:extend(#timeline-graphs .timeline-graph-side.hovered);
|
||||
}
|
||||
|
||||
&.selected {
|
||||
&:extend(#timeline-graphs .timeline-graph-side.selected);
|
||||
}
|
||||
&.selected {
|
||||
&:extend(#timeline-graphs .timeline-graph-side.selected);
|
||||
}
|
||||
|
||||
.data.dimmed {
|
||||
color: @global-text !important;
|
||||
opacity: .7 !important;
|
||||
}
|
||||
.data.dimmed {
|
||||
color: @global-text !important;
|
||||
opacity: .7 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Timeline */
|
||||
.sidebar-tree-section {
|
||||
text-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
.timeline-tree-item.selected .timeline-tree-item-expand-arrow,
|
||||
.timeline-tree-item-expand-arrow {
|
||||
background-color: @global-arrow !important;
|
||||
background-color: @global-arrow !important;
|
||||
}
|
||||
|
||||
#counter-values-bar,
|
||||
#memory-graphs-container .sidebar-tree-section,
|
||||
.timeline-records-title,
|
||||
.timeline-details-view-title {
|
||||
background-color: @global-toolbar !important;
|
||||
color: @global-text !important;
|
||||
text-shadow: none !important;
|
||||
background-color: @global-toolbar !important;
|
||||
color: @global-text !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
#counter-values-bar {
|
||||
position: relative !important;
|
||||
top: 1px !important;
|
||||
border-bottom: none !important;
|
||||
position: relative !important;
|
||||
top: 1px !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.timeline-aggregated-info-legend > div,
|
||||
.memory-counter-sidebar-info {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.timeline-details-view-row-title {
|
||||
color: @- !important; .contrast(@global-background, 25%);
|
||||
color: @- !important; .contrast(@global-background, 25%);
|
||||
}
|
||||
|
||||
.timeline-details-view-title {
|
||||
border-bottom: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.timeline-details-view-row-value,
|
||||
.timeline-details-view-row-stack-trace {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.timeline-details-view-row .timeline-details-view-row-stack-trace .webkit-html-resource-link {
|
||||
color: @xml-link !important;
|
||||
color: @xml-link !important;
|
||||
}
|
||||
|
||||
#timeline-overview-sidebar {
|
||||
padding-right: 0 !important;
|
||||
border-right: 1px solid @global-background !important;
|
||||
padding-right: 0 !important;
|
||||
border-right: 1px solid @global-background !important;
|
||||
|
||||
.sidebar-tree-item {
|
||||
&:hover {
|
||||
border-left: 6px solid @hover-border !important;
|
||||
}
|
||||
.sidebar-tree-item {
|
||||
&:hover {
|
||||
border-left: 6px solid @hover-border !important;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
border-left: 6px solid @selection-border !important;
|
||||
&.selected {
|
||||
border-left: 6px solid @selection-border !important;
|
||||
|
||||
.icon {
|
||||
background-color: @selection-text !important;
|
||||
}
|
||||
.icon {
|
||||
background-color: @selection-text !important;
|
||||
}
|
||||
|
||||
.title {
|
||||
color: @selection-text !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.title {
|
||||
color: @selection-text !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
background-color: @- !important; .contrast(@global-text, 10%, invert);
|
||||
}
|
||||
.icon {
|
||||
background-color: @- !important; .contrast(@global-text, 10%, invert);
|
||||
}
|
||||
|
||||
.title {
|
||||
color: @- !important; .contrast(@global-text, 10%, invert);
|
||||
}
|
||||
.title {
|
||||
color: @- !important; .contrast(@global-text, 10%, invert);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.timeline-curtain-left,
|
||||
.timeline-curtain-right {
|
||||
background: hsla(0, 0, 40%, 0.5) !important
|
||||
background: hsla(0, 0, 40%, 0.5) !important
|
||||
}
|
||||
|
||||
.timeline-expandable {
|
||||
border-left: 1px solid @timeline-expandable-border !important;
|
||||
border-left: 1px solid @timeline-expandable-border !important;
|
||||
}
|
||||
|
||||
.timeline-expandable-left{
|
||||
border-top: 1px solid @timeline-expandable-border !important;
|
||||
border-bottom: 1px solid @timeline-expandable-border !important;
|
||||
border-top: 1px solid @timeline-expandable-border !important;
|
||||
border-bottom: 1px solid @timeline-expandable-border !important;
|
||||
}
|
||||
|
||||
.timeline-utilization-strip .timeline-graph-bar {
|
||||
border-color: @timeline-graph-bar !important;
|
||||
background-color: @timeline-graph-bar-background !important;
|
||||
border-color: @timeline-graph-bar !important;
|
||||
background-color: @timeline-graph-bar-background !important;
|
||||
}
|
||||
|
||||
#timeline-overview-panel {
|
||||
border-bottom: 1px solid @tab-color-top !important;
|
||||
border-bottom: 1px solid @tab-color-top !important;
|
||||
}
|
||||
|
||||
.timeline .resources-event-divider.timeline-frame-divider,
|
||||
.resources-divider {
|
||||
background-color: @timeline-resources-divider !important;
|
||||
background-color: @timeline-resources-divider !important;
|
||||
}
|
||||
|
||||
// X axis guide for overview visual
|
||||
.panel:not(.network) .resources-dividers-label-bar {
|
||||
background: transparent !important;
|
||||
border-bottom:1px solid @- !important; .contrast(@tab-color-bottom, 10%, invert);
|
||||
background: transparent !important;
|
||||
border-bottom:1px solid @- !important; .contrast(@tab-color-bottom, 10%, invert);
|
||||
}
|
||||
|
||||
// X axis guide for records || also used in network visualization
|
||||
#network-overview-grid,
|
||||
#resources-container-content {
|
||||
|
||||
.timeline-grid-header .resources-dividers-label-bar {
|
||||
background: @toolbar-main !important;
|
||||
}
|
||||
.timeline-grid-header .resources-dividers-label-bar {
|
||||
background: @toolbar-main !important;
|
||||
}
|
||||
}
|
||||
|
||||
.overview-grid-dividers-background {
|
||||
background-color: red !important;
|
||||
background-color: red !important;
|
||||
}
|
||||
|
||||
#timeline-overview-container {
|
||||
canvas {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
canvas {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.overview-grid-window-resizer {
|
||||
box-shadow: none !important;
|
||||
border-radius: 2px !important;
|
||||
border: none !important;
|
||||
background: @global-accent !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 2px !important;
|
||||
border: none !important;
|
||||
background: @global-accent !important;
|
||||
}
|
||||
|
||||
.overview-grid-window-rulers {
|
||||
border-right: 1px solid @timeline-graph-selection;
|
||||
border-left: 1px solid @timeline-graph-selection;
|
||||
background: @timeline-graph-selection !important;
|
||||
opacity: 0.2 !important;
|
||||
border-right: 1px solid @timeline-graph-selection;
|
||||
border-left: 1px solid @timeline-graph-selection;
|
||||
background: @timeline-graph-selection !important;
|
||||
opacity: 0.2 !important;
|
||||
}
|
||||
|
||||
.timeline-frame-strip {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.overview-grid-dividers-background {
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
}
|
||||
|
||||
.overview-grid-window {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
#memory-counters-graph {
|
||||
border-right: 1px solid @- !important; .contrast(@global-background, 3%);
|
||||
border-right: 1px solid @- !important; .contrast(@global-background, 3%);
|
||||
}
|
||||
|
||||
.timeline-frame-container {
|
||||
background: none !important;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
// Timeline recording options labels [Capture memory|stacks]
|
||||
#timeline-overview-panel .split-view-sidebar > label {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// label above pie chart
|
||||
.timeline-range-summary > div {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// piechart text
|
||||
.pie-chart-foreground {
|
||||
color: #222;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
// overlay while timeline is collecting events
|
||||
.timeline-progress-pane {
|
||||
background-color: @timeline-progress-pane !important;
|
||||
color: @global-text !important;
|
||||
background-color: @timeline-progress-pane !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
|
||||
@ -242,141 +242,141 @@
|
||||
|
||||
// add this to global background
|
||||
.timeline-details-view-body {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
// divider
|
||||
.timeline-details-view-row {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
.timeline-details-view-row-value {
|
||||
border-left: none !important;
|
||||
color: @global-text !important;
|
||||
border-left: none !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.timeline-details-view-row-title {
|
||||
color: @global-label !important;
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
// text
|
||||
.timeline-aggregated-info-legend > div, .memory-counter-sidebar-info {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.flame-chart-selected-element {
|
||||
border-color: @global-selected !important;
|
||||
background-color: fade(@global-selected, 60%) !important;
|
||||
border-color: @global-selected !important;
|
||||
background-color: fade(@global-selected, 60%) !important;
|
||||
}
|
||||
|
||||
// timeline layers
|
||||
.layer-tree.outline-disclosure li,
|
||||
.profiler-log-view li {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.timeline-layers-view-properties {
|
||||
table tr{
|
||||
// key
|
||||
td:nth-child(1) {
|
||||
color: @global-label !important;
|
||||
}
|
||||
table tr{
|
||||
// key
|
||||
td:nth-child(1) {
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
td:nth-child(2) {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
td:nth-child(2) {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
border: 1px solid @global-divider !important;
|
||||
}
|
||||
td {
|
||||
border: 1px solid @global-divider !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Memory Section
|
||||
#memory-graphs-container > div:last-child {
|
||||
background: @global-background !important;
|
||||
background: @global-background !important;
|
||||
}
|
||||
|
||||
// layers inside timeline panel
|
||||
.timeline-layers-view > div:last-child,
|
||||
.timeline-layers-view-properties > div:last-child {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
// status pane timeline description frame
|
||||
.timeline-status-pane {
|
||||
background: @global-background !important;
|
||||
color: @global-text !important
|
||||
background: @global-background !important;
|
||||
color: @global-text !important
|
||||
}
|
||||
|
||||
// Network Film Strip
|
||||
.network-film-strip {
|
||||
border-bottom: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
// ms header
|
||||
#timeline-overview-container .timeline-grid-header {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
// pie chart bg
|
||||
.timeline-details-view-block {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
background-color: @global-background !important;
|
||||
box-shadow: none !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
background-color: @global-background !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.timeline-details-chip-title {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// Timeline Recording Overlay
|
||||
.timeline.panel .status-pane-container.tinted {
|
||||
background-color: fade(@global-background, 70%) !important;
|
||||
background-color: fade(@global-background, 70%) !important;
|
||||
|
||||
.timeline-status-dialog {
|
||||
background-color: @dialog-background !important;
|
||||
border: 1px solid @dialog-border !important;
|
||||
box-shadow: 0 5px 25px 0 @- !important; .contrast(@global-background, 10%, invert);
|
||||
color: @global-text !important;
|
||||
.timeline-status-dialog {
|
||||
background-color: @dialog-background !important;
|
||||
border: 1px solid @dialog-border !important;
|
||||
box-shadow: 0 5px 25px 0 @- !important; .contrast(@global-background, 10%, invert);
|
||||
color: @global-text !important;
|
||||
|
||||
.stop-button button {
|
||||
.button-styles();
|
||||
}
|
||||
}
|
||||
.stop-button button {
|
||||
.button-styles();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Memory toolbar
|
||||
#memory-graphs-container .memory-counter-selector-swatches {
|
||||
background-color: @toolbar-sub !important;
|
||||
color: @global-text !important;
|
||||
border-bottom: none !important;
|
||||
background-color: @toolbar-sub !important;
|
||||
color: @global-text !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
#counter-values-bar {
|
||||
border-top: none !important;
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
.timeline-stack-view-header {
|
||||
background: @toolbar-sub !important;
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
color: @global-text !important;
|
||||
background: @toolbar-sub !important;
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.timeline-status-dialog .progress .indicator {
|
||||
background-color: @global-accent !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.status-dialog-line .label {
|
||||
color: @global-label !important;
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
// Performance Tab
|
||||
.timeline-landing-page {
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.timeline-settings-pane {
|
||||
border: 0 !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
@ -3,62 +3,62 @@
|
||||
// ==========================================================================
|
||||
|
||||
.animation-playback-rate-button {
|
||||
.button-styles();
|
||||
border-radius: unset !important;
|
||||
.button-styles();
|
||||
border-radius: unset !important;
|
||||
|
||||
&.selected {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
&.selected {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.animation-timeline-header::after {
|
||||
background-color: @global-background !important;
|
||||
border-right: 1px solid @global-divider !important;
|
||||
background-color: @global-background !important;
|
||||
border-right: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
.animation-buffer-preview {
|
||||
background-color: lighten(@global-background, 5%) !important;
|
||||
background-color: lighten(@global-background, 5%) !important;
|
||||
|
||||
&.selected {
|
||||
border: 1px solid @global-accent !important;
|
||||
}
|
||||
&.selected {
|
||||
border: 1px solid @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.animation-timeline-buffer,
|
||||
.animation-timeline-buffer-hint {
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
}
|
||||
|
||||
.animation-timeline-header,
|
||||
.animation-timeline-toolbar-container {
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
border-bottom: 1px solid @toolbar-divider !important;
|
||||
}
|
||||
|
||||
.toolbar-divider {
|
||||
background-color: @toolbar-item-divider !important;
|
||||
background-color: @toolbar-item-divider !important;
|
||||
}
|
||||
|
||||
.animation-controls,
|
||||
.animation-timeline-buffer:empty ~ .animation-timeline-buffer-hint,
|
||||
.animation-timeline-buffer:not(:empty) ~ .animation-timeline-rows:empty ~ .animation-timeline-rows-hint {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.animation-node-description {
|
||||
background-color: @global-background !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
background-color: @global-background !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
.animation-node-row {
|
||||
border-bottom: 1px dashed @global-divider !important;
|
||||
border-bottom: 1px dashed @global-divider !important;
|
||||
}
|
||||
|
||||
.animation-buffer-preview.selected > svg > line {
|
||||
stroke: @global-text !important;
|
||||
stroke: @global-text !important;
|
||||
}
|
||||
|
||||
rect.animation-timeline-grid-line {
|
||||
fill: @global-divider !important;
|
||||
fill: @global-divider !important;
|
||||
}
|
||||
|
||||
// Syntax Highlighting
|
||||
|
||||
@ -2,152 +2,152 @@
|
||||
Popovers
|
||||
========================================================================== */
|
||||
.vbox.no-pointer-events .widget {
|
||||
min-height: 0 !important;
|
||||
border-width: 0 !important;
|
||||
background: @popover-background !important;
|
||||
box-shadow:
|
||||
0 6px 10px 0 rgba(0, 0, 0, 0.3),
|
||||
0 2px 2px 0 rgba(0, 0, 0, 0.2),
|
||||
0 1px 4px 0 rgba(0, 0, 0, 0.37) !important;
|
||||
min-height: 0 !important;
|
||||
border-width: 0 !important;
|
||||
background: @popover-background !important;
|
||||
box-shadow:
|
||||
0 6px 10px 0 rgba(0, 0, 0, 0.3),
|
||||
0 2px 2px 0 rgba(0, 0, 0, 0.2),
|
||||
0 1px 4px 0 rgba(0, 0, 0, 0.37) !important;
|
||||
|
||||
&.bottom-left-arrow .arrow {
|
||||
-webkit-mask-position: 0 -19px;
|
||||
}
|
||||
&.bottom-left-arrow .arrow {
|
||||
-webkit-mask-position: 0 -19px;
|
||||
}
|
||||
|
||||
&.bottom-right-arrow .arrow {
|
||||
-webkit-mask-position: 0 -19px;
|
||||
}
|
||||
&.bottom-right-arrow .arrow {
|
||||
-webkit-mask-position: 0 -19px;
|
||||
}
|
||||
|
||||
.object-popover-content {
|
||||
border-radius: 3px !important;
|
||||
color: @global-text !important;
|
||||
.object-popover-content {
|
||||
border-radius: 3px !important;
|
||||
color: @global-text !important;
|
||||
|
||||
.object-popover-tree {
|
||||
border-top: 1px solid @popover-tree-border !important;
|
||||
}
|
||||
.object-popover-tree {
|
||||
border-top: 1px solid @popover-tree-border !important;
|
||||
}
|
||||
|
||||
.popover-details-title {
|
||||
color: @popover-details-title !important;
|
||||
}
|
||||
.popover-details-title {
|
||||
color: @popover-details-title !important;
|
||||
}
|
||||
|
||||
.popover-details-row-title {
|
||||
color: @popover-details-row-title !important;
|
||||
}
|
||||
.popover-details-row-title {
|
||||
color: @popover-details-row-title !important;
|
||||
}
|
||||
|
||||
.network-timing-bar {
|
||||
background-color: @global-accent !important;
|
||||
border-left-color: @global-accent !important;
|
||||
}
|
||||
.network-timing-bar {
|
||||
background-color: @global-accent !important;
|
||||
border-left-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.network-timing-bar-title {
|
||||
color: @global-text !important;
|
||||
text-shadow: 0 1px 1px lighten(@global-background, 5%);
|
||||
}
|
||||
.network-timing-bar-title {
|
||||
color: @global-text !important;
|
||||
text-shadow: 0 1px 1px lighten(@global-background, 5%);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
a.undefined {
|
||||
color: @xml-link !important;
|
||||
}
|
||||
a.undefined {
|
||||
color: @xml-link !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.webkit-line-content .text-editor-overlay-highlight {
|
||||
background-color: @selection-background !important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
background-color: @selection-background !important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
}
|
||||
|
||||
// Color Picker
|
||||
|
||||
.spectrum-text-value {
|
||||
color: @global-text;
|
||||
background-color: @form-input-background !important;
|
||||
border: 1px solid @form-input-border;
|
||||
color: @global-text;
|
||||
background-color: @form-input-background !important;
|
||||
border: 1px solid @form-input-border;
|
||||
}
|
||||
|
||||
// remove 1st property when two switchers display on popover
|
||||
.spectrum-display-switcher,
|
||||
.spectrum-switcher {
|
||||
color: @form-button-text !important;
|
||||
background: @form-button-background none !important;
|
||||
border: 1px solid @form-button-border !important;
|
||||
color: @form-button-text !important;
|
||||
background: @form-button-background none !important;
|
||||
border: 1px solid @form-button-border !important;
|
||||
|
||||
&:hover {
|
||||
background: @form-button-background none !important;
|
||||
}
|
||||
&:hover {
|
||||
background: @form-button-background none !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
box-shadow: @form-button-pressed !important;
|
||||
}
|
||||
&:active {
|
||||
box-shadow: @form-button-pressed !important;
|
||||
}
|
||||
}
|
||||
|
||||
.spectrum-palette {
|
||||
border-top: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
border-top: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
}
|
||||
|
||||
// Animation Editor Popover
|
||||
.bezier-icon {
|
||||
background-color: @global-accent !important;
|
||||
background-color: @global-accent !important;
|
||||
|
||||
path {
|
||||
stroke: @global-background !important;
|
||||
}
|
||||
path {
|
||||
stroke: @global-background !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bezier-preview-container {
|
||||
background: rgba(0,0,0,0) !important;
|
||||
background: rgba(0,0,0,0) !important;
|
||||
}
|
||||
|
||||
.bezier-preview-animation {
|
||||
background-color: @global-accent !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.bezier-curve {
|
||||
circle.bezier-control-circle {
|
||||
fill: @global-accent !important;
|
||||
}
|
||||
circle.bezier-control-circle {
|
||||
fill: @global-accent !important;
|
||||
}
|
||||
|
||||
line.bezier-control-line {
|
||||
stroke: @global-accent !important;
|
||||
}
|
||||
line.bezier-control-line {
|
||||
stroke: @global-accent !important;
|
||||
}
|
||||
|
||||
line.bezier-control-accent {
|
||||
stroke: @global-text !important;
|
||||
}
|
||||
line.bezier-control-accent {
|
||||
stroke: @global-text !important;
|
||||
}
|
||||
|
||||
line.linear-line {
|
||||
stroke: @- !important; .contrast(@global-background, 15%);
|
||||
}
|
||||
line.linear-line {
|
||||
stroke: @- !important; .contrast(@global-background, 15%);
|
||||
}
|
||||
|
||||
path.bezier-path {
|
||||
stroke: #000 !important;
|
||||
}
|
||||
path.bezier-path {
|
||||
stroke: #000 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Color Swatch Palette Panel
|
||||
.palette-panel {
|
||||
background-color: @popover-background !important;
|
||||
border-top: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
background-color: @popover-background !important;
|
||||
border-top: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
|
||||
> div:not(.toolbar) {
|
||||
border-bottom: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
color: @global-text !important;
|
||||
}
|
||||
> div:not(.toolbar) {
|
||||
border-bottom: 1px solid @- !important; .contrast(@popover-background, 5%);
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
button.toolbar-item:enabled.hover .glyph {
|
||||
background-color: @glyph-inactive !important;
|
||||
}
|
||||
button.toolbar-item:enabled.hover .glyph {
|
||||
background-color: @glyph-inactive !important;
|
||||
}
|
||||
|
||||
button.toolbar-item.toggled-on,
|
||||
button.toolbar-item.toggled-on.hover {
|
||||
.glyph {
|
||||
background-color: @glyph-active !important;
|
||||
}
|
||||
}
|
||||
button.toolbar-item.toggled-on,
|
||||
button.toolbar-item.toggled-on.hover {
|
||||
.glyph {
|
||||
background-color: @glyph-active !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.palette-preview:hover {
|
||||
background-color: @- !important; .contrast(@popover-background, 7%);
|
||||
background-color: @- !important; .contrast(@popover-background, 7%);
|
||||
}
|
||||
|
||||
@ -12,9 +12,9 @@
|
||||
.styles-section .properties li,
|
||||
.CodeMirror-lines,
|
||||
#search-results-pane-file-based .search-match{
|
||||
line-height: @text-height !important;
|
||||
line-height: @text-height !important;
|
||||
}
|
||||
|
||||
.panel.elements .outline-disclosure li.parent::before{
|
||||
margin-top: 1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
@ -3,56 +3,56 @@
|
||||
/**********************************************/
|
||||
|
||||
.screencast {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
|
||||
|
||||
.screencast-viewport {
|
||||
background-color: @screencast-viewport;
|
||||
box-shadow: 0 0 2px 0 @screencast-viewport-border;
|
||||
margin: auto !important;
|
||||
}
|
||||
.screencast-viewport {
|
||||
background-color: @screencast-viewport;
|
||||
box-shadow: 0 0 2px 0 @screencast-viewport-border;
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
.screencast-navigation {
|
||||
.screencast-navigation {
|
||||
|
||||
button {
|
||||
.glyphs("Images/navigationControls");
|
||||
background-color: @glyph-active !important;
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
width: 21px !important;
|
||||
height: 21px !important;
|
||||
cursor: pointer !important;
|
||||
button {
|
||||
.glyphs("Images/navigationControls");
|
||||
background-color: @glyph-active !important;
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
width: 21px !important;
|
||||
height: 21px !important;
|
||||
cursor: pointer !important;
|
||||
|
||||
&.back {
|
||||
-webkit-mask-position: 0 2px;
|
||||
}
|
||||
&.back {
|
||||
-webkit-mask-position: 0 2px;
|
||||
}
|
||||
|
||||
&.forward {
|
||||
-webkit-mask-position: -17px 2px;
|
||||
}
|
||||
&.forward {
|
||||
-webkit-mask-position: -17px 2px;
|
||||
}
|
||||
|
||||
&.reload {
|
||||
-webkit-mask-position: -36px 2px;
|
||||
}
|
||||
&.reload {
|
||||
-webkit-mask-position: -36px 2px;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
background-color: @glyph-inactive !important;
|
||||
opacity: 1 !important;
|
||||
cursor: default !important;
|
||||
}
|
||||
}
|
||||
&[disabled] {
|
||||
background-color: @glyph-inactive !important;
|
||||
opacity: 1 !important;
|
||||
cursor: default !important;
|
||||
}
|
||||
}
|
||||
|
||||
.progress {
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
.progress {
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
input {
|
||||
background: @form-input-background !important;
|
||||
color: @form-input-text !important;
|
||||
border: 1px solid @form-input-border !important;
|
||||
}
|
||||
input {
|
||||
background: @form-input-background !important;
|
||||
color: @form-input-text !important;
|
||||
border: 1px solid @form-input-border !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -3,61 +3,61 @@
|
||||
/**********************************************/
|
||||
|
||||
.scrollbars() {
|
||||
::-webkit-scrollbar,
|
||||
.CodeMirror-scrollbar-filler,
|
||||
.CodeMirror-gutter-filler {
|
||||
width: @sb-thickness !important;
|
||||
height: @sb-thickness !important;
|
||||
background-color: @global-background !important;
|
||||
-webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
::-webkit-scrollbar,
|
||||
.CodeMirror-scrollbar-filler,
|
||||
.CodeMirror-gutter-filler {
|
||||
width: @sb-thickness !important;
|
||||
height: @sb-thickness !important;
|
||||
background-color: @global-background !important;
|
||||
-webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
&:horizontal { -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important; }
|
||||
&:vertical { -webkit-box-shadow: inset 4px 1px 8px 1px rgba(0, 0, 0, 0.3) !important; }
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
&:horizontal { -webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important; }
|
||||
&:vertical { -webkit-box-shadow: inset 4px 1px 8px 1px rgba(0, 0, 0, 0.3) !important; }
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background: @global-background !important;
|
||||
}
|
||||
::-webkit-scrollbar-corner {
|
||||
background: @global-background !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: @sb-thumb-roundness !important;
|
||||
background-color: @sb-thumb-color !important;
|
||||
border: 1px solid @sb-thumb-border !important;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: @sb-thumb-roundness !important;
|
||||
background-color: @sb-thumb-color !important;
|
||||
border: 1px solid @sb-thumb-border !important;
|
||||
}
|
||||
|
||||
/*Popover scrollbar overrides */
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track,
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: none !important;
|
||||
background-image: none !important;
|
||||
&:extend(::-webkit-scrollbar-track all);
|
||||
}
|
||||
/*Popover scrollbar overrides */
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track,
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: none !important;
|
||||
background-image: none !important;
|
||||
&:extend(::-webkit-scrollbar-track all);
|
||||
}
|
||||
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb {
|
||||
-webkit-border-image: none !important;
|
||||
}
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb {
|
||||
-webkit-border-image: none !important;
|
||||
}
|
||||
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical {
|
||||
-webkit-box-shadow: inset 4px 1px 8px 1px rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical {
|
||||
-webkit-box-shadow: inset 4px 1px 8px 1px rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal {
|
||||
-webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal {
|
||||
-webkit-box-shadow: inset 1px 5px 6px rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active,
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover,
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active,
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover {
|
||||
-webkit-border-image: none !important;
|
||||
}
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active,
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover,
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active,
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover {
|
||||
-webkit-border-image: none !important;
|
||||
}
|
||||
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar,
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar {
|
||||
background: none !important;
|
||||
}
|
||||
.custom-popup-horizontal-scroll ::-webkit-scrollbar,
|
||||
.custom-popup-vertical-scroll ::-webkit-scrollbar {
|
||||
background: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.scrollbars();
|
||||
|
||||
@ -1,55 +1,55 @@
|
||||
.title-section {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
li.security-main-view-sidebar-tree-item {
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
border-bottom: @global-divider !important;
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
border-bottom: @global-divider !important;
|
||||
}
|
||||
|
||||
.security-main-view-reload-message .tree-element-title {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.security-summary,
|
||||
.security-main-view {
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// Lock Graphic Dividers
|
||||
.security-summary-lock-spacer {
|
||||
background: @- !important; .contrast(@global-background, 10%);
|
||||
background: @- !important; .contrast(@global-background, 10%);
|
||||
}
|
||||
|
||||
// Status Banners
|
||||
.security-summary-neutral {
|
||||
.triangle-pointer,
|
||||
.security-summary-text {
|
||||
& { background: @- !important; .contrast(@global-warn, 35%) };
|
||||
& { border-color: @- !important; .contrast(@global-warn, 40%) };
|
||||
color: @global-background !important;
|
||||
}
|
||||
.triangle-pointer,
|
||||
.security-summary-text {
|
||||
& { background: @- !important; .contrast(@global-warn, 35%) };
|
||||
& { border-color: @- !important; .contrast(@global-warn, 40%) };
|
||||
color: @global-background !important;
|
||||
}
|
||||
}
|
||||
|
||||
.security-explanation {
|
||||
background-color: @global-background !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
background-color: @global-background !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
|
||||
&-title {
|
||||
color: @global-text !important;
|
||||
}
|
||||
&-title {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
.security-main-view-reload-message .title {
|
||||
color: @global-label;
|
||||
color: @global-label;
|
||||
}
|
||||
|
||||
// Origins Information
|
||||
.security-origin-view {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
|
||||
.origin-view-section {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
.origin-view-section {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,90 +6,90 @@
|
||||
// Styles
|
||||
// ==========================================================================
|
||||
.styles-section {
|
||||
padding: 4px 0 !important;
|
||||
margin: 0 10px;
|
||||
border-top: 1px solid @style-separator !important;
|
||||
border-bottom: 0 !important;
|
||||
color: @global-text !important;
|
||||
padding: 4px 0 !important;
|
||||
margin: 0 10px;
|
||||
border-top: 1px solid @style-separator !important;
|
||||
border-bottom: 0 !important;
|
||||
color: @global-text !important;
|
||||
|
||||
&:first-child {
|
||||
border-top: 0 !important;
|
||||
}
|
||||
&:first-child {
|
||||
border-top: 0 !important;
|
||||
}
|
||||
|
||||
&[data-keyboard-focus]:focus {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
&[data-keyboard-focus]:focus {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
// Elements CSS Sidebar Readonly
|
||||
&.read-only:not(.computed-style) {
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
margin: 0;
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
// Elements CSS Sidebar Readonly
|
||||
&.read-only:not(.computed-style) {
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
margin: 0;
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
}
|
||||
|
||||
:host-context(.styles-section) {
|
||||
.overloaded,
|
||||
.inactive,
|
||||
.disabled,
|
||||
.not-parsed-ok {
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
.overloaded,
|
||||
.inactive,
|
||||
.disabled,
|
||||
.not-parsed-ok {
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Styles Filter Bar
|
||||
.styles-sidebar-pane-toolbar-container {
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.styles-sidebar-pane-toolbar {
|
||||
border-bottom: 1px solid @style-separator !important;
|
||||
border-bottom: 1px solid @style-separator !important;
|
||||
}
|
||||
|
||||
.styles-filter-engaged {
|
||||
background-color: fade(@global-selected, 50%) !important;
|
||||
background-color: fade(@global-selected, 50%) !important;
|
||||
}
|
||||
|
||||
.filter-match {
|
||||
background-color: @global-selected !important;
|
||||
box-shadow: 0 0 0 1px @selection-border !important;
|
||||
border-radius: 2px;
|
||||
background-color: @global-selected !important;
|
||||
box-shadow: 0 0 0 1px @selection-border !important;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
:host-context(.styles-pane-toolbar) {
|
||||
.toolbar-state-off:hover .toolbar-text {
|
||||
color: @glyph-hover !important;
|
||||
}
|
||||
.toolbar-state-off:hover .toolbar-text {
|
||||
color: @glyph-hover !important;
|
||||
}
|
||||
|
||||
.toolbar-state-on .toolbar-text {
|
||||
color: @glyph-active !important;
|
||||
}
|
||||
.toolbar-state-on .toolbar-text {
|
||||
color: @glyph-active !important;
|
||||
}
|
||||
}
|
||||
|
||||
.styles-element-state-pane {
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
color: @global-text !important;
|
||||
background-color: @- !important; .contrast(@global-background, 5%);
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// override to remove bg from filter button hovers
|
||||
.toolbar-toggled-gray button.toolbar-button.toolbar-state-on {
|
||||
background-color: transparent !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
// Style Section Headers
|
||||
.sidebar-separator {
|
||||
background-color: @style-section !important;
|
||||
color: @style-selector-text !important;
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
background-color: @style-section !important;
|
||||
color: @style-selector-text !important;
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
|
||||
> span.monospace {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
> span.monospace {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
// sidebar separator titles of nodes
|
||||
@ -104,87 +104,87 @@
|
||||
|
||||
// property name
|
||||
.text-prompt-root.text-prompt-editing ::content .webkit-css-property.text-prompt {
|
||||
color: @css-property !important;
|
||||
color: @css-property !important;
|
||||
}
|
||||
|
||||
// selector
|
||||
.selector.being-edited {
|
||||
color: @css-def !important;
|
||||
color: @css-def !important;
|
||||
}
|
||||
|
||||
.text-prompt-root.text-prompt-editing ::content .text-prompt {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// .sidebar-pane {
|
||||
// .section.expanded {
|
||||
// .section.expanded {
|
||||
//
|
||||
// // Elements -> Event Listeners
|
||||
// > .header {
|
||||
// border-bottom: 1px solid @- !important; .contrast(@tab-color-bottom, 10%, invert);
|
||||
// }
|
||||
// // Elements -> Event Listeners
|
||||
// > .header {
|
||||
// border-bottom: 1px solid @- !important; .contrast(@tab-color-bottom, 10%, invert);
|
||||
// }
|
||||
//
|
||||
// // Sources -> Watch Expressions
|
||||
// > .properties-tree {
|
||||
// background-color: @- !important; .contrast(@global-background, 2%);
|
||||
// }
|
||||
// }
|
||||
// // Sources -> Watch Expressions
|
||||
// > .properties-tree {
|
||||
// background-color: @- !important; .contrast(@global-background, 2%);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// Metrics
|
||||
// ========================================================================== */
|
||||
|
||||
.metrics {
|
||||
color: @global-background !important;
|
||||
color: @global-background !important;
|
||||
|
||||
.position,
|
||||
.margin:not([style^=background-color]),
|
||||
.border:not([style^=background-color]),
|
||||
.padding:not([style^=background-color]),
|
||||
.margin:not([style^=background-color]),
|
||||
.content:not([style^=background-color]) {
|
||||
background-color: #888 !important;
|
||||
}
|
||||
.position,
|
||||
.margin:not([style^=background-color]),
|
||||
.border:not([style^=background-color]),
|
||||
.padding:not([style^=background-color]),
|
||||
.margin:not([style^=background-color]),
|
||||
.content:not([style^=background-color]) {
|
||||
background-color: #888 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Sections with nested objects
|
||||
.sidebar-pane-stack .event-category,
|
||||
.sidebar-pane .section {
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 7%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 7%, invert) }
|
||||
margin-top: 0 !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 7%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 7%, invert) }
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
// Override table filter below metrics
|
||||
.style-panes-wrapper > div:not(:first-child) {
|
||||
border-top: 1px solid @style-separator !important;
|
||||
border-top: 1px solid @style-separator !important;
|
||||
}
|
||||
|
||||
// Filter bar text
|
||||
.styles-sidebar-pane-filter-box > input {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
:host(.toolbar-item) .dt-checkbox-text {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.property-value-text {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// Computed Properties
|
||||
:host(.computed-properties) .tree-outline li:hover {
|
||||
background-color: transparent !important;
|
||||
background-color: transparent !important;
|
||||
|
||||
&.odd-row {
|
||||
background-color: @table-secondary !important;
|
||||
}
|
||||
&.odd-row {
|
||||
background-color: @table-secondary !important;
|
||||
}
|
||||
}
|
||||
|
||||
// highlight selected style (not working??)
|
||||
.highlight-line-modification {
|
||||
animation: source-line-modification-background-fadeout-revised 0.4s 0s;
|
||||
animation: source-line-modification-background-fadeout-revised 0.4s 0s;
|
||||
}
|
||||
|
||||
|
||||
@ -192,76 +192,76 @@
|
||||
// ==========================================================================
|
||||
|
||||
.view-container > .toolbar {
|
||||
border-bottom: 1px solid @global-divider;
|
||||
border-bottom: 1px solid @global-divider;
|
||||
}
|
||||
// Editable Media Query on Elements Panel
|
||||
// .styles-section-title .media-list.media-matches .media.editable-media,
|
||||
// .styles-section-title .media-list {
|
||||
// color: @- !important; .contrast(@global-text, 25%, invert);
|
||||
// color: @- !important; .contrast(@global-text, 25%, invert);
|
||||
//
|
||||
// &.media-matches .media.editable-media .media-text {
|
||||
// color: @global-text !important;
|
||||
// }
|
||||
// &.media-matches .media.editable-media .media-text {
|
||||
// color: @global-text !important;
|
||||
// }
|
||||
// }
|
||||
|
||||
// Magnifying glyph in computed panel when hovering over rule
|
||||
// .computed-style-trace-button > .glyph {
|
||||
// background-color: @glyph-active !important;
|
||||
// background-color: @glyph-active !important;
|
||||
// }
|
||||
|
||||
// // Buttons for Sidebar Options
|
||||
// .pin-toolbar-item.toggled-on,
|
||||
// .animation-toolbar-item.toggled-on {
|
||||
// background-color: rgba(0, 0, 0, 0);
|
||||
// background-color: rgba(0, 0, 0, 0);
|
||||
// }
|
||||
//
|
||||
// // Animation Controls
|
||||
// .styles-animations-controls-pane {
|
||||
// background: @- !important; .contrast(@global-background,6%);
|
||||
// color: @global-text !important;
|
||||
// border-bottom: 1px solid @style-separator !important;
|
||||
// background: @- !important; .contrast(@global-background,6%);
|
||||
// color: @global-text !important;
|
||||
// border-bottom: 1px solid @style-separator !important;
|
||||
// }
|
||||
|
||||
// // adjust position of animation slider
|
||||
// .styles-animations-controls-pane > * {
|
||||
// margin: 3px 4px !important;
|
||||
// margin: 3px 4px !important;
|
||||
// }
|
||||
|
||||
// event listeners section borders
|
||||
.event-listener-tree > li {
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 7%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 7%, invert) }
|
||||
margin-top: 0 !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 7%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 7%, invert) }
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.event-listener-tree .name {
|
||||
color: @js-obj-name !important;
|
||||
color: @js-obj-name !important;
|
||||
}
|
||||
|
||||
// Properties section
|
||||
.properties-widget-section {
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 7%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 7%, invert) }
|
||||
margin-top: 0 !important;
|
||||
& { border-top: 1px solid @- !important; .contrast(@global-background, 7%) }
|
||||
& { border-bottom: 1px solid @- !important; .contrast(@global-background, 7%, invert) }
|
||||
margin-top: 0 !important;
|
||||
|
||||
&::shadow .object-properties-section {
|
||||
color: @global-text !important;
|
||||
}
|
||||
&::shadow .object-properties-section {
|
||||
color: @global-text !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Border for Event Listener filter
|
||||
.sidebar-pane > .toolbar {
|
||||
border-bottom: 1px solid @style-separator !important;
|
||||
border-bottom: 1px solid @style-separator !important;
|
||||
}
|
||||
|
||||
// Sources - Call stack item
|
||||
.list-item:hover {
|
||||
background-color: @global-hover !important;
|
||||
background-color: @global-hover !important;
|
||||
}
|
||||
|
||||
// Rendered Font Text
|
||||
.font-stats-item {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// CSS that matches selected item
|
||||
@ -270,60 +270,60 @@
|
||||
// CSS Selector
|
||||
.webkit-css-property,
|
||||
.styles-section .properties > li .webkit-css-property {
|
||||
color: @css-property !important; font-weight: 400;
|
||||
color: @css-property !important; font-weight: 400;
|
||||
}
|
||||
|
||||
// Custom Element Form
|
||||
.styles-element-classes-pane {
|
||||
background-color: @global-background !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
background-color: @global-background !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
|
||||
.new-class-input {
|
||||
.input-styles();
|
||||
}
|
||||
.new-class-input {
|
||||
.input-styles();
|
||||
}
|
||||
}
|
||||
|
||||
// Custom Element Button
|
||||
.toolbar-gray-toggled .class-toolbar-item {
|
||||
color: @glyph-inactive !important;
|
||||
color: @glyph-inactive !important;
|
||||
|
||||
&.toggled-on {
|
||||
background-color: @global-background !important;
|
||||
&.toggled-on {
|
||||
background-color: @global-background !important;
|
||||
|
||||
.toolbar-button-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
.toolbar-button-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.hover,
|
||||
.toggled-off {
|
||||
.toolbar-button-text {
|
||||
color: @glyph-inactive !important;
|
||||
}
|
||||
}
|
||||
&.hover,
|
||||
.toggled-off {
|
||||
.toolbar-button-text {
|
||||
color: @glyph-inactive !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sidebar Pane Hover Options
|
||||
.sidebar-pane-section-toolbar {
|
||||
background-color: @- !important; .contrast(@global-background, 2%);
|
||||
background-color: @- !important; .contrast(@global-background, 2%);
|
||||
}
|
||||
|
||||
// button options near filter
|
||||
.toolbar-button:not(.toolbar-has-glyph):not(.toolbar-has-dropdown):not(.menu-toolbar-item).hover {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
.toolbar-button.toolbar-state-on {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
|
||||
.toolbar-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.toolbar-text {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Icons
|
||||
.shadow-swatch-icon {
|
||||
background-color: @global-accent !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -331,7 +331,7 @@
|
||||
// ==========================================================================
|
||||
|
||||
div.ax-computed-name {
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
border-bottom: 1px solid @global-divider !important;
|
||||
}
|
||||
|
||||
.ax-name { color: @js-obj-name !important; }
|
||||
@ -339,13 +339,13 @@ div.ax-computed-name {
|
||||
|
||||
// ui for selected elements with no a11y exposed
|
||||
.ax-ignored-node-pane {
|
||||
background-color: @-; .contrast(@global-background, 5%) !important;
|
||||
background-color: @-; .contrast(@global-background, 5%) !important;
|
||||
}
|
||||
|
||||
// Property rules in table view (styles)
|
||||
.property-trace-value,
|
||||
.property-trace-selector {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -355,19 +355,19 @@ div.ax-computed-name {
|
||||
// Fonts section header should be styled the same as ::shadow .sidebar-separator, but
|
||||
// there isn't a good selector hook for it. Attaching to parent class.
|
||||
.style-panes-wrapper .title {
|
||||
background-color: @style-section !important;
|
||||
color: @style-selector-text !important;
|
||||
text-shadow: none !important;
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
background-color: @style-section !important;
|
||||
color: @style-selector-text !important;
|
||||
text-shadow: none !important;
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.font-stats-item {
|
||||
color: @global-text;
|
||||
color: @global-text;
|
||||
|
||||
.font-usage {
|
||||
color: @global-accent;
|
||||
}
|
||||
.font-usage {
|
||||
color: @global-accent;
|
||||
}
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -375,24 +375,24 @@ div.ax-computed-name {
|
||||
// ==========================================================================
|
||||
|
||||
.shadow-editor-label {
|
||||
color: @global-label !important;
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
.shadow-editor-button-left,
|
||||
.shadow-editor-button-right {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
.shadow-editor-text-input {
|
||||
.input-styles();
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
// slider
|
||||
#thumb {
|
||||
background-color: @global-accent !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
// Event Listener Breakpoints
|
||||
.breakpoint-hit .breakpoint-hit-marker {
|
||||
background: @global-selected !important;
|
||||
background: @global-selected !important;
|
||||
}
|
||||
|
||||
@ -4,83 +4,83 @@
|
||||
|
||||
.panel:not(.elements):not(.console) {
|
||||
|
||||
.base-storage-tree-element-title,
|
||||
.base-storage-tree-element-subtitle,
|
||||
.base-navigator-tree-element-title {
|
||||
color: @global-text !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
.base-storage-tree-element-title,
|
||||
.base-storage-tree-element-subtitle,
|
||||
.base-navigator-tree-element-title {
|
||||
color: @global-text !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
|
||||
/*-- currently selected element --*/
|
||||
.selected {
|
||||
.base-storage-tree-element-title,
|
||||
.base-storage-tree-element-subtitle,
|
||||
.base-navigator-tree-element-title {
|
||||
color: @selection-text !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
}
|
||||
/*-- currently selected element --*/
|
||||
.selected {
|
||||
.base-storage-tree-element-title,
|
||||
.base-storage-tree-element-subtitle,
|
||||
.base-navigator-tree-element-title {
|
||||
color: @selection-text !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar li {
|
||||
color: @global-text !important;
|
||||
}
|
||||
.sidebar li {
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.outline-disclosure {
|
||||
.outline-disclosure {
|
||||
|
||||
li.selected .selection {
|
||||
background: @selection-background !important;
|
||||
color: @selection-text !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
margin-top: -1px !important;
|
||||
}
|
||||
li.selected .selection {
|
||||
background: @selection-background !important;
|
||||
color: @selection-text !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
margin-top: -1px !important;
|
||||
}
|
||||
|
||||
li:hover:not(.selected) .selection,
|
||||
li.hovered:not(.selected) .selection {
|
||||
display: block !important;
|
||||
background: @hover-background !important;
|
||||
border-top: 1px solid @hover-border !important;
|
||||
border-bottom: 1px solid @hover-border !important;
|
||||
margin-top: -1px !important;
|
||||
height: 18px !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
li:hover:not(.selected) .selection,
|
||||
li.hovered:not(.selected) .selection {
|
||||
display: block !important;
|
||||
background: @hover-background !important;
|
||||
border-top: 1px solid @hover-border !important;
|
||||
border-bottom: 1px solid @hover-border !important;
|
||||
margin-top: -1px !important;
|
||||
height: 18px !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
ol:focus li.selected .selection {
|
||||
background: @selection-background !important;
|
||||
color: @selection-text !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
margin-top: -1px !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
ol:focus li.selected .selection {
|
||||
background: @selection-background !important;
|
||||
color: @selection-text !important;
|
||||
border-top: 1px solid @selection-border !important;
|
||||
border-bottom: 1px solid @selection-border !important;
|
||||
margin-top: -1px !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-overlay {
|
||||
border-right: 1px solid lighten(@global-background, 3%) !important;
|
||||
box-shadow: rgb(20,20,20) 5px 0px 22px 3px !important;
|
||||
}
|
||||
.sidebar-overlay {
|
||||
border-right: 1px solid lighten(@global-background, 3%) !important;
|
||||
box-shadow: rgb(20,20,20) 5px 0px 22px 3px !important;
|
||||
}
|
||||
|
||||
} //panel
|
||||
|
||||
.sidebar li.selected .selection {
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
background-image: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
|
||||
// XHR label text
|
||||
.sidebar-pane .breakpoint-condition {
|
||||
color: @global-label !important;
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
.resource-tree-item.selected .icon,
|
||||
.force-white-icons [is="ui-icon"].spritesheet-largeicons {
|
||||
background-color: @global-accent !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
// override setting that makes text black
|
||||
ol.tree-outline li.selected:focus * {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
@ -5,40 +5,40 @@
|
||||
// style select box
|
||||
select.toolbar-item,
|
||||
select.toolbar-item:hover {
|
||||
color: @global-text !important;
|
||||
text-shadow: none !important;
|
||||
border-left: 1px solid @toolbar-divider;
|
||||
border-right: 1px solid @toolbar-divider;
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
background: inherit !important;
|
||||
color: @global-text !important;
|
||||
text-shadow: none !important;
|
||||
border-left: 1px solid @toolbar-divider;
|
||||
border-right: 1px solid @toolbar-divider;
|
||||
border-top: none !important;
|
||||
border-bottom: none !important;
|
||||
background: inherit !important;
|
||||
}
|
||||
|
||||
select.toolbar-item {
|
||||
margin-right: -17px !important;
|
||||
margin-right: -17px !important;
|
||||
|
||||
optgroup {
|
||||
background-color: @-; .contrast(@global-background, 5%);
|
||||
}
|
||||
optgroup {
|
||||
background-color: @-; .contrast(@global-background, 5%);
|
||||
}
|
||||
|
||||
option {
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
option {
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
}
|
||||
|
||||
// move arrow away from edge
|
||||
.toolbar-select-arrow {
|
||||
.glyphs("Images/toolbarButtonGlyphs");
|
||||
.glyphs("Images/toolbarButtonGlyphs");
|
||||
|
||||
position: relative !important;
|
||||
right: 10px !important;
|
||||
background-image: none !important;
|
||||
-webkit-mask-position: -20px -96px !important;
|
||||
background-color: @global-arrow !important;
|
||||
position: relative !important;
|
||||
right: 10px !important;
|
||||
background-image: none !important;
|
||||
-webkit-mask-position: -20px -96px !important;
|
||||
background-color: @global-arrow !important;
|
||||
}
|
||||
|
||||
.status-bar-items {
|
||||
border-left: none !important;
|
||||
border-left: none !important;
|
||||
}
|
||||
|
||||
/*text color of status bar labels */
|
||||
@ -48,8 +48,8 @@ select.toolbar-item {
|
||||
.source-frame-cursor-position,
|
||||
.search-status-bar-summary .search-message,
|
||||
.search-results-status-bar-message {
|
||||
text-shadow: none !important;
|
||||
color: @global-text !important;
|
||||
text-shadow: none !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
/*-- GLYPHS --*/
|
||||
@ -65,35 +65,35 @@ button.glue-async-status-bar-item:active .glyph,
|
||||
.filters-toggle.toggled-shown .glyph,
|
||||
|
||||
.toggled-on .long-click-glyph {
|
||||
background-color: @glyph-active !important;
|
||||
background-color: @glyph-active !important;
|
||||
}
|
||||
|
||||
.long-click-glyph {
|
||||
background-color: @glyph-inactive !important;
|
||||
background-color: @glyph-inactive !important;
|
||||
}
|
||||
|
||||
.toolbar-background button.status-bar-item .glyph,
|
||||
.toolbar-background button.status-bar-item .long-click-glyph {
|
||||
background-color: @glyph-inactive !important;
|
||||
background-color: @glyph-inactive !important;
|
||||
}
|
||||
|
||||
#scripts-debugger-status {
|
||||
color: @global-accent !important;
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
button.scripts-step-over:disabled .glyph,
|
||||
button.scripts-step-into:disabled .glyph,
|
||||
button.scripts-step-out:disabled .glyph {
|
||||
background-color: @global-background !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
.sources-status-bar,
|
||||
.panel-status-bar,
|
||||
.resources-status-bar .status-bar,
|
||||
.overrides-footer {
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
color: @global-text !important;
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
|
||||
@ -103,69 +103,69 @@ label.checkbox,
|
||||
.checkbox-filter-checkbox-check,
|
||||
.filter-checkbox-filter .type,
|
||||
#text-filter-regex + label {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.checkbox-filter-checkbox {
|
||||
background: #fff !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
// adjust selected filter style
|
||||
.filter-bitset-filter {
|
||||
|
||||
li {
|
||||
padding: 2px 6px !important;
|
||||
margin: auto 2px !important;
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
li {
|
||||
padding: 2px 6px !important;
|
||||
margin: auto 2px !important;
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Move position of dropdown arrow so it doesn't hug right border
|
||||
.status-bar-select-arrow {
|
||||
position: relative !important;
|
||||
right: 5px !important;
|
||||
position: relative !important;
|
||||
right: 5px !important;
|
||||
}
|
||||
|
||||
//adjust event listener checkbox position
|
||||
.event-listener-breakpoints .checkbox-elem {
|
||||
top: 0 !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
|
||||
// style device buttons
|
||||
.save-device-button,
|
||||
.remove-device-button {
|
||||
.button-styles();
|
||||
.button-styles();
|
||||
}
|
||||
|
||||
.resources-toolbar,
|
||||
.search-toolbar-summary {
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
color: @global-text !important;
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.profiles-toolbar {
|
||||
background: @toolbar-sub !important;
|
||||
border-bottom: 1px solid @global-background !important;
|
||||
background: @toolbar-sub !important;
|
||||
border-bottom: 1px solid @global-background !important;
|
||||
}
|
||||
|
||||
#sources-panel-sources-view .sources-toolbar {
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
color: @global-text !important;
|
||||
background: @toolbar-sub !important;
|
||||
border-top: 1px solid @global-background !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.status-bar {
|
||||
&:extend(.sources-status-bar);
|
||||
&:extend(.sources-status-bar);
|
||||
}
|
||||
|
||||
// pretty much all label text in the status bars
|
||||
html .component-root {
|
||||
color: @global-text !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
// network input filter & timeline filter & dropdown
|
||||
.filter-combobox-filter .toolbar-item,
|
||||
.filter-input-field {
|
||||
.input-styles();
|
||||
.input-styles();
|
||||
}
|
||||
|
||||
@ -1,37 +1,37 @@
|
||||
.suggest-box {
|
||||
background-color: @global-background !important;
|
||||
border: 2px rgba(0, 0, 0, 0.2) solid !important;
|
||||
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1) !important;
|
||||
color: @global-text !important;
|
||||
background-color: @global-background !important;
|
||||
border: 2px rgba(0, 0, 0, 0.2) solid !important;
|
||||
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1) !important;
|
||||
color: @global-text !important;
|
||||
|
||||
.suggest-box-content-item {
|
||||
&.secondary,
|
||||
&.additional {
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
.suggest-box-content-item {
|
||||
&.secondary,
|
||||
&.additional {
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
|
||||
&.source-code {
|
||||
&:hover {
|
||||
background-color: @global-hover !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
&.source-code {
|
||||
&:hover {
|
||||
background-color: @global-hover !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
color: #fff !important;
|
||||
background-color: @global-hover !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.selected {
|
||||
color: #fff !important;
|
||||
background-color: @global-hover !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.suggestion-title {
|
||||
color: lighten(@global-text, 5%) !important;
|
||||
}
|
||||
.suggestion-title {
|
||||
color: lighten(@global-text, 5%) !important;
|
||||
}
|
||||
|
||||
.suggestion-subtitle {
|
||||
color: @global-label !important;
|
||||
}
|
||||
.suggestion-subtitle {
|
||||
color: @global-label !important;
|
||||
}
|
||||
|
||||
.query {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
.query {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
// All code text that doesn't have a specific class
|
||||
.CodeMirror-code {
|
||||
color: @global-text;
|
||||
color: @global-text;
|
||||
}
|
||||
|
||||
// ==========================================================================
|
||||
@ -18,23 +18,23 @@
|
||||
.cm-js-builtin { color: @js-builtin !important; }
|
||||
|
||||
.cm-js-comment {
|
||||
color: @js-comment !important;
|
||||
font-style: italic;
|
||||
color: @js-comment !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cm-js-def { color: @js-def !important; }
|
||||
|
||||
.cm-js-error {
|
||||
background: @js-error !important;
|
||||
color: @global-text !important;
|
||||
background: @js-error !important;
|
||||
color: @global-text !important;
|
||||
}
|
||||
|
||||
.cm-js-header { color: @js-header !important; }
|
||||
.cm-js-hr { color: @js-hr !important; }
|
||||
|
||||
.cm-js-keyword {
|
||||
color: @js-keyword !important;
|
||||
font-style: italic;
|
||||
color: @js-keyword !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cm-js-link { color: @js-link !important; }
|
||||
@ -50,18 +50,18 @@
|
||||
|
||||
// overqualify because devtools authors are using !important
|
||||
.CodeMirror {
|
||||
.cm-js-string { color: @js-string !important; }
|
||||
.cm-js-string-2 { color: @js-obj-regexp !important; }
|
||||
.cm-js-string { color: @js-string !important; }
|
||||
.cm-js-string-2 { color: @js-obj-regexp !important; }
|
||||
|
||||
.cm-js-comment {
|
||||
color: @js-comment !important;
|
||||
font-style: italic;
|
||||
}
|
||||
.cm-js-comment {
|
||||
color: @js-comment !important;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.source-frame-eval-expression {
|
||||
background-color: @selection-background !important;
|
||||
border-color: @selection-border !important;
|
||||
background-color: @selection-background !important;
|
||||
border-color: @selection-border !important;
|
||||
}
|
||||
|
||||
// Coffeescript
|
||||
@ -84,8 +84,8 @@
|
||||
.cm-css-def { color: @css-def !important; }
|
||||
|
||||
.cm-css-comment {
|
||||
color: @css-comment !important;
|
||||
font-style: italic;
|
||||
color: @css-comment !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cm-css-meta { color: @css-meta !important; }
|
||||
@ -112,20 +112,20 @@
|
||||
|
||||
// overqualify because devtools authors are using !important
|
||||
.CodeMirror {
|
||||
.cm-css-comment {
|
||||
color: @css-comment !important;
|
||||
font-style: italic;
|
||||
}
|
||||
.cm-css-comment {
|
||||
color: @css-comment !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cm-css-string { color: @css-string !important; }
|
||||
.cm-css-string { color: @css-string !important; }
|
||||
}
|
||||
|
||||
// HTML
|
||||
// ==========================================================================
|
||||
|
||||
.cm-xml-comment {
|
||||
color: @xml-comment !important;
|
||||
font-style: italic !important;
|
||||
color: @xml-comment !important;
|
||||
font-style: italic !important;
|
||||
}
|
||||
|
||||
.cm-xml-error { color: @xml-error !important; }
|
||||
@ -137,23 +137,23 @@
|
||||
.webkit-html-attribute-name { color: @xml-attribute !important;}
|
||||
.webkit-html-attribute-value { color: @xml-string !important;}
|
||||
.webkit-html-comment {
|
||||
color: @xml-comment !important;
|
||||
font-style:italic;
|
||||
color: @xml-comment !important;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
.webkit-html-tag {
|
||||
color: @xml-bracket !important;
|
||||
color: @xml-bracket !important;
|
||||
}
|
||||
|
||||
.webkit-html-tag-name,
|
||||
.webkit-html-close-tag-name {
|
||||
color: @xml-tag !important;
|
||||
color: @xml-tag !important;
|
||||
}
|
||||
|
||||
.webkit-html-text-node,
|
||||
.webkit-html-css-node,
|
||||
.webkit-html-js-node {
|
||||
color: @xml-js-node !important;
|
||||
color: @xml-js-node !important;
|
||||
}
|
||||
|
||||
.webkit-html-pseudo-element { color: @xml-pseudo !important; }
|
||||
@ -166,30 +166,30 @@
|
||||
.popover .parent + .children.expanded,
|
||||
#console-messages .parent + .children.expanded,
|
||||
.sidebar-pane .parent:not(.event-category) + .children.expanded {
|
||||
border-left: 1px dashed fade(@global-text, 20%) !important;
|
||||
position: relative;
|
||||
left: 4.4px;
|
||||
border-left: 1px dashed fade(@global-text, 20%) !important;
|
||||
position: relative;
|
||||
left: 4.4px;
|
||||
}
|
||||
|
||||
// Overqualify selector because devtools is using !important
|
||||
.monospace,
|
||||
.CodeMirror-line {
|
||||
.object-value-string { color: @js-obj-string !important; }
|
||||
.object-value-regexp { color: @js-obj-regexp !important; }
|
||||
.cm-xml-comment { color: @xml-comment !important; }
|
||||
.cm-xml-string { color: @xml-string !important; }
|
||||
.object-value-string { color: @js-obj-string !important; }
|
||||
.object-value-regexp { color: @js-obj-regexp !important; }
|
||||
.cm-xml-comment { color: @xml-comment !important; }
|
||||
.cm-xml-string { color: @xml-string !important; }
|
||||
}
|
||||
|
||||
// Console syntax overrides
|
||||
#console-messages {
|
||||
.cm-js-string { color: @js-string !important; }
|
||||
.cm-js-string-2 { color: @js-obj-regexp !important; }
|
||||
.object-value-function-prefix { color: @js-obj-function !important; }
|
||||
.cm-js-string { color: @js-string !important; }
|
||||
.cm-js-string-2 { color: @js-obj-regexp !important; }
|
||||
.object-value-function-prefix { color: @js-obj-function !important; }
|
||||
}
|
||||
|
||||
.webkit-html-external-link,
|
||||
.webkit-html-resource-link {
|
||||
color: @global-link !important;
|
||||
color: @global-link !important;
|
||||
}
|
||||
|
||||
.object-value-function-prefix { color: @js-obj-function !important; }
|
||||
@ -204,7 +204,7 @@
|
||||
.object-value-map,
|
||||
.object-value-node,
|
||||
.object-value-set {
|
||||
color: @js-obj-array !important;
|
||||
color: @js-obj-array !important;
|
||||
}
|
||||
|
||||
.object-properties-section .name { color: @js-obj-name !important; }
|
||||
@ -227,5 +227,5 @@
|
||||
|
||||
// GOOD
|
||||
.devtools-link {
|
||||
color: @global-link !important;
|
||||
color: @global-link !important;
|
||||
}
|
||||
|
||||
@ -2,68 +2,68 @@
|
||||
/* Tables
|
||||
/**********************************************/
|
||||
.data-grid {
|
||||
border: 1px solid @- !important; .contrast(@global-background, 5%, invert);
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
border: 1px solid @- !important; .contrast(@global-background, 5%, invert);
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
|
||||
th,
|
||||
.data {
|
||||
background: none !important;
|
||||
border-left: 1px solid @- !important; .contrast(@global-background, 10%);
|
||||
}
|
||||
th,
|
||||
.data {
|
||||
background: none !important;
|
||||
border-left: 1px solid @- !important; .contrast(@global-background, 10%);
|
||||
}
|
||||
|
||||
.header {
|
||||
background: @toolbar-main !important;
|
||||
.header {
|
||||
background: @toolbar-main !important;
|
||||
|
||||
th {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
th {
|
||||
color: @global-accent !important;
|
||||
}
|
||||
|
||||
.key-column,
|
||||
.value-column {
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
.key-column,
|
||||
.value-column {
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
border-left: 1px solid @- !important; .contrast(@global-background, 2.5%);
|
||||
border-bottom: 1px solid @- !important; .contrast(@global-background, 2.5%);
|
||||
}
|
||||
td {
|
||||
border-left: 1px solid @- !important; .contrast(@global-background, 2.5%);
|
||||
border-bottom: 1px solid @- !important; .contrast(@global-background, 2.5%);
|
||||
}
|
||||
|
||||
.data-container {
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: @xml-link !important;
|
||||
}
|
||||
.data-container {
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: @xml-link !important;
|
||||
}
|
||||
|
||||
tr {
|
||||
tr {
|
||||
|
||||
&:nth-child(odd) {
|
||||
background-color: @table-primary !important;
|
||||
}
|
||||
&:nth-child(odd) {
|
||||
background-color: @table-primary !important;
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
background-color: @table-secondary !important;
|
||||
}
|
||||
&:nth-child(even) {
|
||||
background-color: @table-secondary !important;
|
||||
}
|
||||
|
||||
&:not(.selected):not(.filler):hover{
|
||||
background-color: @global-hover !important;
|
||||
outline: 1px solid @- !important; .contrast(@global-hover, 7%);
|
||||
}
|
||||
&:not(.selected):not(.filler):hover{
|
||||
background-color: @global-hover !important;
|
||||
outline: 1px solid @- !important; .contrast(@global-hover, 7%);
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: @selection-background !important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
}
|
||||
&.selected {
|
||||
background-color: @selection-background !important;
|
||||
outline: 1px solid @selection-border !important;
|
||||
}
|
||||
|
||||
.editing * {
|
||||
color: #FFF !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.editing * {
|
||||
color: #FFF !important;
|
||||
background-color: @global-background !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.coverage-toolbar-container {
|
||||
background-color: @toolbar-sub !important;
|
||||
background-color: @toolbar-sub !important;
|
||||
}
|
||||
|
||||
@ -2,85 +2,85 @@
|
||||
// Toolbars
|
||||
// ==========================================================================
|
||||
.tabbed-pane-header {
|
||||
background: @toolbar-main !important;
|
||||
border-bottom: 1px solid @global-background !important;
|
||||
border: none;
|
||||
background: @toolbar-main !important;
|
||||
border-bottom: 1px solid @global-background !important;
|
||||
border: none;
|
||||
|
||||
.chevron-icon {
|
||||
background-color: @tab-label !important;
|
||||
.chevron-icon {
|
||||
background-color: @tab-label !important;
|
||||
|
||||
&:hover {
|
||||
background-color: @tab-label-selected !important;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background-color: @tab-label-selected !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabbed-pane-header-tab {
|
||||
background: none !important;
|
||||
border: 0 !important;
|
||||
border-top: 2px solid rgba(0, 0, 0, 0) !important;
|
||||
color: @tab-label !important;
|
||||
cursor: pointer !important;
|
||||
margin: 0 !important;
|
||||
margin-bottom: 1px !important;
|
||||
background: none !important;
|
||||
border: 0 !important;
|
||||
border-top: 2px solid rgba(0, 0, 0, 0) !important;
|
||||
color: @tab-label !important;
|
||||
cursor: pointer !important;
|
||||
margin: 0 !important;
|
||||
margin-bottom: 1px !important;
|
||||
|
||||
&:hover {
|
||||
color: @tab-label-selected !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
&:hover {
|
||||
color: @tab-label-selected !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background: none !important;
|
||||
border-top: 2px solid @tab-highlighted !important;
|
||||
color: @tab-label-selected !important;
|
||||
font-size: 1em;
|
||||
}
|
||||
&.selected {
|
||||
background: none !important;
|
||||
border-top: 2px solid @tab-highlighted !important;
|
||||
color: @tab-label-selected !important;
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
// Glyphs
|
||||
.toolbar-button:enabled.hover:not(:active) .toolbar-glyph,
|
||||
.toolbar-button.toolbar-state-on .toolbar-glyph {
|
||||
background-color: @global-accent !important;
|
||||
background-color: @global-accent !important;
|
||||
}
|
||||
|
||||
.toolbar-divider {
|
||||
background-color: @global-divider !important;
|
||||
background-color: @global-divider !important;
|
||||
}
|
||||
|
||||
// Fix Quick Sources Selected Indicator
|
||||
:host-context(#sources-panel-sources-view) .tabbed-pane-header-tab {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
// drop-down hook when viewport is short
|
||||
.tabbed-pane-header-tabs-drop-down-container {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
// Main Toolbar
|
||||
// ==========================================================================
|
||||
:host(.insertion-point-main) {
|
||||
.tabbed-pane-header {
|
||||
border-bottom: 1px solid @global-background !important;
|
||||
}
|
||||
.tabbed-pane-header {
|
||||
border-bottom: 1px solid @global-background !important;
|
||||
}
|
||||
|
||||
.tabbed-pane-header-tab,
|
||||
.tabbed-pane-header-tab.selected {
|
||||
border-top: 0 !important;
|
||||
}
|
||||
.tabbed-pane-header-tab,
|
||||
.tabbed-pane-header-tab.selected {
|
||||
border-top: 0 !important;
|
||||
}
|
||||
|
||||
.tabbed-pane-tab-slider {
|
||||
background-color: @tab-highlighted !important;
|
||||
height: 3px !important;
|
||||
bottom: 0 !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
.tabbed-pane-tab-slider {
|
||||
background-color: @tab-highlighted !important;
|
||||
height: 3px !important;
|
||||
bottom: 0 !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Secondary Toolbars
|
||||
:host-context(.console-view) {
|
||||
.toolbar-shadow {
|
||||
background-color: @toolbar-sub !important;
|
||||
}
|
||||
.toolbar-shadow {
|
||||
background-color: @toolbar-sub !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,20 +1,20 @@
|
||||
// dom update highlighting
|
||||
@-webkit-keyframes theme-dom-update-highlight-animation {
|
||||
from {
|
||||
background-color: @global-accent;
|
||||
color: #ccc;
|
||||
}
|
||||
80% {
|
||||
background-color: @global-background;
|
||||
color: inherit;
|
||||
}
|
||||
to {
|
||||
background-color: inherit;
|
||||
}
|
||||
from {
|
||||
background-color: @global-accent;
|
||||
color: #ccc;
|
||||
}
|
||||
80% {
|
||||
background-color: @global-background;
|
||||
color: inherit;
|
||||
}
|
||||
to {
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
body .dom-update-highlight {
|
||||
-webkit-animation: theme-dom-update-highlight-animation 1.4s 1 cubic-bezier(0, 0, 0.2, 1) !important;
|
||||
border-radius: 2px !important;
|
||||
background-color: red !important;
|
||||
-webkit-animation: theme-dom-update-highlight-animation 1.4s 1 cubic-bezier(0, 0, 0.2, 1) !important;
|
||||
border-radius: 2px !important;
|
||||
background-color: red !important;
|
||||
}
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
|
||||
// Global Settings
|
||||
@text-height : 14px;
|
||||
@global-accent : #ffd479;
|
||||
@global-accent : #ffd479;
|
||||
@global-arrow : #8c8c8c;
|
||||
@global-background: #2d2d2d;
|
||||
@global-boxshadow : rgba(17,17,17,.6);
|
||||
@ -63,7 +63,7 @@
|
||||
@css-meta : #ffffff;
|
||||
@css-number : #fca369;
|
||||
@css-operator : #AC8D58;
|
||||
@css-property : #E1A6F2;
|
||||
@css-property : #E1A6F2;
|
||||
@css-qualifier : #6AB0F3;
|
||||
@css-string : #92D192;
|
||||
@css-string-2 : #92D192;
|
||||
|
||||
@ -2,343 +2,343 @@
|
||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||
<plist version="1.0">
|
||||
<dict>
|
||||
<key>Ansi 0 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
</dict>
|
||||
<key>Ansi 1 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47843137383460999</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.46666666865348816</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
</dict>
|
||||
<key>Ansi 10 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81960785388946533</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
</dict>
|
||||
<key>Ansi 11 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47450980544090271</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.83137255907058716</real>
|
||||
<key>Red Component</key>
|
||||
<real>1</real>
|
||||
</dict>
|
||||
<key>Ansi 12 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.9529411792755127</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.69019609689712524</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.41568627953529358</real>
|
||||
</dict>
|
||||
<key>Ansi 13 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.65098041296005249</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.88235294818878174</real>
|
||||
</dict>
|
||||
<key>Ansi 14 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.81176471710205078</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81176471710205078</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.38431373238563538</real>
|
||||
</dict>
|
||||
<key>Ansi 15 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.99999994039535522</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.99999994039535522</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.9999966025352478</real>
|
||||
</dict>
|
||||
<key>Ansi 2 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81960785388946533</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
</dict>
|
||||
<key>Ansi 3 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47450980544090271</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.83137255907058716</real>
|
||||
<key>Red Component</key>
|
||||
<real>1</real>
|
||||
</dict>
|
||||
<key>Ansi 4 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.9529411792755127</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.69019609689712524</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.41568627953529358</real>
|
||||
</dict>
|
||||
<key>Ansi 5 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.65098041296005249</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.88235294818878174</real>
|
||||
</dict>
|
||||
<key>Ansi 6 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.81176471710205078</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81176471710205078</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.38431373238563538</real>
|
||||
</dict>
|
||||
<key>Ansi 7 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.99999994039535522</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.99999994039535522</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.9999966025352478</real>
|
||||
</dict>
|
||||
<key>Ansi 8 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
</dict>
|
||||
<key>Ansi 9 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47843137383460999</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.46666666865348816</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
</dict>
|
||||
<key>Background Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.12549020349979401</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.12549020349979401</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.12549020349979401</real>
|
||||
</dict>
|
||||
<key>Badge Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>0.56195068359375</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47843137383460999</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.46666666865348816</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
</dict>
|
||||
<key>Bold Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.30000001192092896</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.30000001192092896</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.30000001192092896</real>
|
||||
</dict>
|
||||
<key>Cursor Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.83742713928222656</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.83743780851364136</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.83741801977157593</real>
|
||||
</dict>
|
||||
<key>Cursor Guide Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>0.25</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.384124755859375</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.384124755859375</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.384124755859375</real>
|
||||
</dict>
|
||||
<key>Cursor Text Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.2322496771812439</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.23225310444831848</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.2322467565536499</real>
|
||||
</dict>
|
||||
<key>Foreground Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.77254903316497803</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.72549021244049072</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.70196080207824707</real>
|
||||
</dict>
|
||||
<key>Link Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81960785388946533</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
</dict>
|
||||
<key>Selected Text Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.8132781982421875</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.76373839378356934</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.73896849155426025</real>
|
||||
</dict>
|
||||
<key>Selection Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
</dict>
|
||||
<key>Ansi 0 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
</dict>
|
||||
<key>Ansi 1 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47843137383460999</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.46666666865348816</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
</dict>
|
||||
<key>Ansi 10 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81960785388946533</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
</dict>
|
||||
<key>Ansi 11 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47450980544090271</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.83137255907058716</real>
|
||||
<key>Red Component</key>
|
||||
<real>1</real>
|
||||
</dict>
|
||||
<key>Ansi 12 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.9529411792755127</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.69019609689712524</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.41568627953529358</real>
|
||||
</dict>
|
||||
<key>Ansi 13 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.65098041296005249</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.88235294818878174</real>
|
||||
</dict>
|
||||
<key>Ansi 14 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.81176471710205078</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81176471710205078</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.38431373238563538</real>
|
||||
</dict>
|
||||
<key>Ansi 15 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.99999994039535522</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.99999994039535522</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.9999966025352478</real>
|
||||
</dict>
|
||||
<key>Ansi 2 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81960785388946533</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
</dict>
|
||||
<key>Ansi 3 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47450980544090271</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.83137255907058716</real>
|
||||
<key>Red Component</key>
|
||||
<real>1</real>
|
||||
</dict>
|
||||
<key>Ansi 4 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.9529411792755127</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.69019609689712524</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.41568627953529358</real>
|
||||
</dict>
|
||||
<key>Ansi 5 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.65098041296005249</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.88235294818878174</real>
|
||||
</dict>
|
||||
<key>Ansi 6 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.81176471710205078</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81176471710205078</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.38431373238563538</real>
|
||||
</dict>
|
||||
<key>Ansi 7 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.99999994039535522</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.99999994039535522</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.9999966025352478</real>
|
||||
</dict>
|
||||
<key>Ansi 8 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
</dict>
|
||||
<key>Ansi 9 Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47843137383460999</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.46666666865348816</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
</dict>
|
||||
<key>Background Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.12549020349979401</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.12549020349979401</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.12549020349979401</real>
|
||||
</dict>
|
||||
<key>Badge Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>0.56195068359375</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.47843137383460999</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.46666666865348816</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.94901961088180542</real>
|
||||
</dict>
|
||||
<key>Bold Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.30000001192092896</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.30000001192092896</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.30000001192092896</real>
|
||||
</dict>
|
||||
<key>Cursor Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.83742713928222656</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.83743780851364136</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.83741801977157593</real>
|
||||
</dict>
|
||||
<key>Cursor Guide Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>0.25</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.384124755859375</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.384124755859375</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.384124755859375</real>
|
||||
</dict>
|
||||
<key>Cursor Text Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.2322496771812439</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.23225310444831848</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.2322467565536499</real>
|
||||
</dict>
|
||||
<key>Foreground Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.77254903316497803</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.72549021244049072</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.70196080207824707</real>
|
||||
</dict>
|
||||
<key>Link Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.81960785388946533</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.57254904508590698</real>
|
||||
</dict>
|
||||
<key>Selected Text Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.8132781982421875</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.76373839378356934</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.73896849155426025</real>
|
||||
</dict>
|
||||
<key>Selection Color</key>
|
||||
<dict>
|
||||
<key>Alpha Component</key>
|
||||
<real>1</real>
|
||||
<key>Blue Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Color Space</key>
|
||||
<string>sRGB</string>
|
||||
<key>Green Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
<key>Red Component</key>
|
||||
<real>0.20000000298023224</real>
|
||||
</dict>
|
||||
</dict>
|
||||
</plist>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user