X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwebconsole.css;h=e43e225a6a73a1ac19bea65d7e05329f2e65b6ee;hp=c2daa2ff06486b64227588c3fb302610c36b9ead;hb=5497455b20bc5f74484137eae68e957a9d3ef722;hpb=a21f2959e83ccf2205d47a86451bb082cb3aef31 diff --git a/LCARStrek/browser/devtools/webconsole.css b/LCARStrek/browser/devtools/webconsole.css index c2daa2ff..e43e225a 100644 --- a/LCARStrek/browser/devtools/webconsole.css +++ b/LCARStrek/browser/devtools/webconsole.css @@ -67,7 +67,7 @@ a { display: inline-block; } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { .message > .icon::before { background-image: url("chrome://browser/skin/devtools/webconsole@2x.png"); } @@ -78,6 +78,10 @@ a { margin: 3px; } +.message-body-wrapper .table-widget-body { + overflow: visible; +} + /* The red bubble that shows the number of times a message is repeated */ .message-repeats { -moz-user-select: none; @@ -134,14 +138,14 @@ a { display: flex; } -.message-body { +.message-body > * { white-space: pre-wrap; word-wrap: break-word; } .message-flex-body > .message-body { display: block; - flex: 1 1 main-size; + flex: 1 1 auto; vertical-align: middle; } @@ -178,7 +182,7 @@ a { } #output-container.hideTimestamps > .message > .indent { - background-color: #000000; /* .theme-body */ + background-color: var(--theme-body-background); } .filtered-by-type, @@ -195,6 +199,10 @@ a { /* WebConsole colored drops */ +.hud-console-filter-toolbar toolbarbutton > .toolbarbutton-text { + padding: 2px 2px 3px; +} + .webconsole-filter-button { -moz-user-focus: normal; } @@ -205,11 +213,16 @@ a { height: 8px; width: 8px; border-radius: 50%; - margin-left: 5px; + -moz-margin-start: 2px; + -moz-margin-end: 2px; border-width: 1px; border-style: solid; } +.webconsole-filter-button > .toolbarbutton-menubutton-button { + -moz-box-orient: horizontal; +} + .webconsole-filter-button menuitem { -moz-image-region: auto; } @@ -226,7 +239,7 @@ a { } .message:hover { - background-color: #404000; + background-color: var(--theme-contrast-background); } .message[severity=error] { @@ -234,7 +247,18 @@ a { } .console-string { - color: #FF0000; + color: var(--theme-highlight-orange); +} + +.message[severity=error] .console-string { + color: #000000; +} + +.theme-selected .console-string, +.theme-selected .cm-number, +.theme-selected .cm-variable, +.theme-selected .kind-ArrayLike { + color: #000000 !important; /* Selection Text Color */ } .message[category=network] > .indent { @@ -254,7 +278,7 @@ a { } .message[category=network]:not(.navigation-marker) .url { - flex: 1 1 main-size; + flex: 1 1 auto; /* Make sure the URL is very small initially, let flex change width as needed. */ width: 100px; min-width: 5em; @@ -277,6 +301,17 @@ a { margin: 0 6px; } +.message[category=network] .xhr { + background-color: var(--theme-body-color-alt); + color: var(--theme-body-background); + border-radius: 3px; + font-weight: bold; + font-size: 10px; + padding: 2px; + line-height: 10px; + -moz-margin-end: 1ex; +} + /* CSS styles */ .webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before { background-image: linear-gradient(#7575BF, #4E4E7F); @@ -365,7 +400,7 @@ a { background-size: 16px 16px; } -@media (min-resolution: 2dppx) { +@media (min-resolution: 1.25dppx) { .jsterm-input-node { background-image: -moz-image-rect(url('chrome://browser/skin/devtools/commandline-icon@2x.png'), 0, 64, 32, 32); } @@ -379,6 +414,9 @@ a { .inlined-variables-view .message-body { display: flex; flex-direction: column; + resize: vertical; + overflow: auto; + min-height: 200px; } .inlined-variables-view iframe { @@ -442,7 +480,11 @@ a { border: 1px solid #A09090; border-radius: 3px; } - + +.consoletable { + margin: 5px 0 0 0; +} + .message[severity=error] .stacktrace { background-color: #000000; } @@ -464,7 +506,7 @@ a { .stacktrace .function { display: block; - flex: 1 1 main-size; + flex: 1 1 auto; } .cm-s-mozilla a[class] { @@ -496,20 +538,20 @@ a { /* Replace these values with CSS variables as available */ .jsterm-input-container { - background-color: #000000; /* tabToolbarBackgroundColor */ - border-color: #9C9CFF; /* mainBackgroundColor */ + background-color: var(--theme-toolbar-background); + border-color: var(--theme-splitter-color); } .jsterm-input-node { - color: #E7ADE7; /* textColor */ + color: var(--theme-highlight-pink); } .jsterm-complete-node { - color: #A09090; /* commentColor */ + color: var(--theme-comment); } .navigation-marker .url { - background: #000000; /* mainBackgroundColor */ + background: var(--theme-body-background); } .inlined-variables-view iframe { @@ -535,7 +577,7 @@ a { } .webconsole-filter-button > .toolbarbutton-menubutton-button:before { width: 12px; - height: 12x; + height: 12px; margin-left: 1px; } .toolbarbutton-menubutton-dropmarker { @@ -550,6 +592,7 @@ a { .toolbarbutton-text { display: -moz-box; } + /* .devtools-toolbarbutton { margin-top: 3px; } @@ -557,6 +600,7 @@ a { .hud-console-filter-toolbar .devtools-toolbarbutton { margin-top: 5px; } + */ } /* === END webconsole.inc.css === */