X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fdebugger.css;h=bc1a05535edbce9278caad4c1e92c8103733e8e7;hp=61be1a37d9be5e8954d1ff77921f140095dcc607;hb=b1dfcf3228675c75fda183c9cd0161c9be5d4047;hpb=9168a62c02f1b9fe7953f2fba5f32305980ac1a3 diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 61be1a37..bc1a0553 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -15,9 +15,21 @@ window { } #sources-pane > tabs { - -moz-border-end: 1px solid #9C9CFF; /* Match the splitter color. */ + -moz-border-end-color: var(--theme-splitter-color); } +.dbg-breakpoint-condition-thrown-message { + display: none; + color: var(--theme-highlight-red); +} + +.dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message { + display: block; + -moz-padding-start: 0; +} + +/* Sources toolbar */ + #sources-toolbar > .devtools-toolbarbutton, #sources-controls > .devtools-toolbarbutton { min-width: 32px; @@ -27,26 +39,36 @@ window { list-style-image: url("debugger-blackbox.png"); } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #black-box { list-style-image: url(debugger-blackbox@2x.png); } } #pretty-print { - font-weight: bold; + list-style-image: url(debugger-prettyprint.png); +} + +@media (min-resolution: 1.25dppx) { + #pretty-print { + list-style-image: url(debugger-prettyprint@2x.png); + } } #toggle-breakpoints { list-style-image: url("debugger-toggleBreakpoints.png"); } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #toggle-breakpoints { list-style-image: url(debugger-toggleBreakpoints@2x.png); } } +#toggle-promise-debugger { + /* TODO Bug 1186119: Add a toggle promise debugger image */ +} + #sources-toolbar .devtools-toolbarbutton:not([label]) { -moz-image-region: rect(0px, 16px, 16px, 0px); } @@ -63,7 +85,7 @@ window { -moz-image-region: rect(16px, 32px, 32px, 16px); } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #sources-toolbar .devtools-toolbarbutton:not([label]) { -moz-image-region: rect(0px,32px,32px,0px); } @@ -85,11 +107,11 @@ window { color: #8050B0; } -#sources .selected > .black-boxed { +#sources .selected .black-boxed { color: #000000; } -#sources .black-boxed > .dbg-breakpoint { +#sources .black-boxed ~ .dbg-breakpoint { display: none; } @@ -109,13 +131,13 @@ window { width: 16px; height: 16px; background-image: url("debugger-blackbox.png"); - background-position: 0 0; - background-size: 32px 16px; + background-position: -16px -16px; + background-size: 32px 32px; background-repeat: no-repeat; -moz-margin-end: 5px; } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #black-boxed-message-button > .button-box > .button-icon { background-image: url("debugger-blackbox@2x.png"); } @@ -160,7 +182,7 @@ window { -moz-image-region: rect(0px,32px,16px,16px); } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #trace { list-style-image: url(tracer-icon@2x.png); -moz-image-region: rect(0px,32px,32px,0px); @@ -184,7 +206,11 @@ window { /* Tracer dark+light theme */ .trace-item { - color: #FF9F00; /* Light foreground text */ + color: var(--theme-content-color1); +} + +.trace-item.black-boxed { + color: #A09090; } .trace-item.selected-matching { @@ -196,24 +222,24 @@ window { } .trace-call { - color: #9C9CFF; /* highlight blue */ + color: var(--theme-highlight-blue); } .trace-return, .trace-yield { - color: #008484; /* highlight green */ + color: var(--theme-highlight-green); } .trace-throw { - color: #FF0000; /* highlight red */ + color: var(--theme-highlight-red); } .trace-param { - color: #E7ADE7; /* Content text light */ + color: var(--theme-highlight-pink); } .trace-syntax { - color: #A09090; /* highlight grey */ + color: var(--theme-content-color2); } /* Breadcrumbs stack frames view */ @@ -253,15 +279,15 @@ window { .dbg-classic-stackframe-details-url { max-width: 90%; text-align: end; - color: #3333FF; + color: var(--theme-text-blue); } .dbg-classic-stackframe-details-sep { - color: #A09090; + color: var(--theme-body-color-alt) } .dbg-classic-stackframe-details-line { - color: #9C9CFF; + color: var(--theme-highlight-blue); } #callstack-list .side-menu-widget-item.selected label { @@ -346,7 +372,7 @@ window { margin: 2px; } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { .dbg-expression-arrow { background-image: url(commandline-icon@2x.png); } @@ -361,8 +387,7 @@ window { background: none; text-decoration: underline; cursor: pointer; - - color: #9C9CFF; /* Blue highlight color */ + color: var(--theme-highlight-blue); } /* Event listeners view */ @@ -376,15 +401,15 @@ window { } .dbg-event-listener-separator { - color: #A09090; + color: var(--theme-body-color-alt); } .dbg-event-listener-targets { - color: #9C9CFF; + color: var(--theme-highlight-blue); } .dbg-event-listener-location { - color: #E7ADE7; + color: var(--theme-highlight-pink); } #event-listeners .side-menu-widget-item.selected { @@ -453,18 +478,18 @@ window { .results-panel-item-label-before { -moz-margin-end: 5px !important; - color: #A09090; + color: var(--theme-content-color2); cursor: inherit; } .results-panel-item-label { - color: #9C9CFF; + color: var(--theme-highlight-blue); font-weight: 600; cursor: inherit; } .results-panel-item-label-below { - color: #FF9F00; + color: var(--theme-content-color3); cursor: inherit; } @@ -498,17 +523,17 @@ window { .dbg-results-header-match-count { -moz-padding-start: 6px; - color: #8050B0; + color: var(--theme-content-disabled); } .dbg-results-line-number { - background: #000000; + background-color: var(--theme-toolbar-background); min-width: 40px; -moz-border-end: 1px solid #9C9CFF; -moz-padding-end: 4px; padding-top: 2px; text-align: end; - color: #FF9F00; + color: var(--theme-body-color); } .dbg-results-line-contents { @@ -519,11 +544,12 @@ window { .dbg-results-line-contents-string { padding: 1px; +/* color: var(--theme-body-color-alt);*/ } .dbg-results-line-contents-string[match=true] { background: #E7ADE7; - color: #000000; + color: var(--theme-selection-color); padding: 0; border: 1px solid #9C9CFF; border-radius: 4px; @@ -574,7 +600,7 @@ window { list-style-image: url("chrome://browser/skin/devtools/debugger-play.png"); } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #resume { list-style-image: url(debugger-pause@2x.png); -moz-image-region: rect(0px, 32px, 32px, 0px); @@ -589,11 +615,11 @@ window { } } -#resume ~ toolbarbutton { +#debugger-controls toolbarbutton { /* transition: opacity 0.15s ease-in-out; */ } -#resume:not([checked]) ~ toolbarbutton { +#debugger-controls toolbarbutton[disabled] { /* opacity: 0.5; */ } @@ -621,7 +647,7 @@ window { -moz-image-region: rect(0px, 32px, 16px, 16px); } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #step-over { list-style-image: url(debugger-step-over@2x.png); -moz-image-region: rect(0px, 32px, 32px, 0); @@ -666,7 +692,7 @@ window { -moz-image-region: rect(0px,32px,16px,16px); } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { #instruments-pane-toggle { list-style-image: url(debugger-collapse@2x.png); -moz-image-region: rect(0px,32px,32px,0px);