From a5cb6e534c9872ab3dc646ab44fa35b61775537d Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 23 Aug 2015 21:51:26 +0200 Subject: [PATCH] first part of syncing LCARStrek with Firefox 40 windows theme changes --- LCARStrek/browser/Privacy-32.png | Bin 2898 -> 0 bytes LCARStrek/browser/Privacy-64.png | Bin 3028 -> 0 bytes LCARStrek/browser/Push-16.png | Bin 0 -> 201 bytes LCARStrek/browser/Push-64.png | Bin 0 -> 639 bytes LCARStrek/browser/browser.css | 143 ++++++++------- .../browser/customizableui/panelUIOverlay.css | 6 +- .../browser/devtools/animationinspector.css | 8 +- LCARStrek/browser/devtools/command-rulers.png | Bin 0 -> 224 bytes .../browser/devtools/command-rulers@2x.png | Bin 0 -> 261 bytes LCARStrek/browser/devtools/commandline.css | 43 +++-- LCARStrek/browser/devtools/computedview.css | 3 +- LCARStrek/browser/devtools/dark-theme.css | 126 +++++++++++-- .../devtools/dock-bottom-maximize@2x.png | Bin 0 -> 319 bytes .../devtools/dock-bottom-minimize@2x.png | Bin 0 -> 328 bytes LCARStrek/browser/devtools/layoutview.css | 2 +- LCARStrek/browser/devtools/netmonitor.css | 27 +++ LCARStrek/browser/devtools/performance.css | 173 ++++++++++++++++-- LCARStrek/browser/devtools/ruleview.css | 11 +- .../browser/devtools/search-clear-failed.svg | 15 ++ LCARStrek/browser/devtools/search-clear.svg | 15 ++ .../browser/devtools/tool-profiler-active.svg | 17 ++ .../browser/preferences/aboutPermissions.css | 3 + LCARStrek/browser/theme-switcher-icon.png | Bin 0 -> 279 bytes LCARStrek/browser/theme-switcher-icon@2x.png | Bin 0 -> 445 bytes 24 files changed, 474 insertions(+), 118 deletions(-) delete mode 100644 LCARStrek/browser/Privacy-32.png delete mode 100644 LCARStrek/browser/Privacy-64.png create mode 100644 LCARStrek/browser/Push-16.png create mode 100644 LCARStrek/browser/Push-64.png create mode 100644 LCARStrek/browser/devtools/command-rulers.png create mode 100644 LCARStrek/browser/devtools/command-rulers@2x.png create mode 100644 LCARStrek/browser/devtools/dock-bottom-maximize@2x.png create mode 100644 LCARStrek/browser/devtools/dock-bottom-minimize@2x.png create mode 100644 LCARStrek/browser/devtools/search-clear-failed.svg create mode 100644 LCARStrek/browser/devtools/search-clear.svg create mode 100644 LCARStrek/browser/devtools/tool-profiler-active.svg create mode 100644 LCARStrek/browser/theme-switcher-icon.png create mode 100644 LCARStrek/browser/theme-switcher-icon@2x.png diff --git a/LCARStrek/browser/Privacy-32.png b/LCARStrek/browser/Privacy-32.png deleted file mode 100644 index 3237ab93e28dbeac7cdf33148effd04a11e778ec..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2898 zcmV-Y3$65tP)|D^_ww@lRz|vCuzLs)$;-`! zo*{AqUjza0dRV*yaMRE;fKCVhpQKsoe1Yhg01=zBIT!& zC1$=TK@rP|Ibo3vKKm@PqnO#LJhq6%Ij6Hz*<$V$@wQAMN5qJ)hzm2hoGcOF60t^# zFqJFfH{#e-4l@G)6iI9sa9D{VHW4w29}?su;^hF~NC{tY+*d5%WDCTXa!E_i;d2ub z1#}&jF5T4HnnCyEWTkKf0>c0%E1Ah>(_PY1)0w;+02c53Su*0<(nUqKG_|(0G&D0Z z{i;y^b@OjZ+}lNZ8Th$p5Uu}MTtq^NHl z*T1?CO*}7&0ztZsv2j*bmJyf3G7=Z`5B*PvzoDiKdLpOAxi2$L0#SX*@cY_n(^h55xYX z#km%V()bZjV~l{*bt*u9?FT3d5g^g~#a;iSZ@&02Abxq_DwB(I|L-^bXThc7C4-yr zInE_0gw7K3GZ**7&k~>k0Z0NWkO#^@9q0fwx1%qjZ=)yBuQ3=5 z4Wo^*!gyjLF-e%Um=erBOdIALW)L%unZshS@>qSW9o8Sq#0s#5*edK%>{;v(b^`kb zN5rY%%y90wC>#%$kE_5P!JWYk;U;klcqzOl-UjcFXXA75rT9jCH~u<)0>40zCTJ7v z2qAyk54cquI@7b&LHdZ`+zlTss6bJ7%PQ)z$cROu4wBhpu-r)01)S~6}jY?%U? zgEALn#wiFzo#H}aQ8rT=DHkadR18&{>P1bW7E`~Y4p3)hWn`DhhRJ5j*2tcg9i<^O zEt(fCg;q*CP8+7ZTcWhYX$fb^_9d-LhL+6BEtPYWVlfK zTBusSTASKKb%HuWJzl+By+?gkLq)?+BTu761jmyXF)a;mc z^>(B7bo*HQ1NNg1st!zt28YLv>W*y3CdWx9U8f|cqfXDAO`Q48?auQqHZJR2&bcD4 z9Ip>EY~kKEPV6Wm+eXFV)D)_R=tM0@&p?(!V*Qu1PXHG9o^TY0bZ?)4%0 z1p8F`JoeS|<@=<@RE7GY07EYX@lwd>4oW|Yi!o+Su@M`;WuSK8LKk71XR(_ zRKHM1xJ5XYX`fk>`6eqY>qNG6HZQwBM=xi4&Sb88?zd}EYguc1@>KIS<&CX#T35dw zS|7K*XM_5Nf(;WJJvJWRMA($P>8E^?{IdL4o5MGE7bq2MEEwP7v8AO@qL5!WvekBL z-8R%V?zVyL=G&{be=K4bT`e{#t|)$A!YaA?jp;X)-+bB;zhj`(vULAW%ue3U;av{9 z4wp%n<(7@__S@Z2PA@Mif3+uO&y|X06?J#o zSi8M;ejj_^(0<4Lt#wLu#dYrva1Y$6_o(k^&}yhSh&h;f@JVA>W8b%oZ=0JGnu?n~ z9O4}sJsfnnx7n(>`H13?(iXTy*fM=I`sj`CT)*pTHEgYKqqP+u1IL8No_-(u{qS+0 z<2@%BCt82d{Gqm;(q7a7b>wu+b|!X?c13m#p7cK1({0<`{-e>4hfb-UsyQuty7Ua; zOu?B?XLHZaol8GAb3Wnxcu!2v{R_`T4=x`(GvqLI{-*2AOSimkUAw*F_TX^n z@STz9kDQ$NC=!KfXWC z8h`dn#xL(D3Z9UkR7|Q&Hcy#Notk!^zVUSB(}`#4&lYA1f0h2V_PNgUAAWQEt$#LR zcH#y9#i!p(Udq2b^lI6wp1FXzN3T;~FU%Lck$-deE#qz9yYP3D3t8{6?<+s(e(3(_ z^YOu_)K8!O1p}D#{E@&~+W-In3{Xr|MP)5#oSgsvp8)^Q0C@XPk^lez0d!JMQvg8b z*k%9#00Cl4M??UK1szBL000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ipZ56ci^; zH81P{004SPL_t&-(_>(O0SyF$|Bw9#Amaza*YK;Kjt06Xjh{|8j3Qkj7P0E3D!Go=bnga7~l07*qoM6N<$f}sRxwEzGB diff --git a/LCARStrek/browser/Privacy-64.png b/LCARStrek/browser/Privacy-64.png deleted file mode 100644 index c217356385038d3b60ad3bd83828c9be180c140d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3028 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 literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/Push-64.png b/LCARStrek/browser/Push-64.png new file mode 100644 index 0000000000000000000000000000000000000000..499481aa9acf939156e2712acad67eb281b2f76c GIT binary patch literal 639 zcmV-_0)YLAP)Px#3{Xr|MF0Q*|IYxNod4&o=k^^3!~g&Q0d!JMQvg8b*k%9#00Cl4M??UK1szBL z000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2igk`6*n)*MK3)700G}gL_t(I%dL~K zY8ycihVKMwls0P8yO9gOLP+UK1nr#>*lL3tS1E&>cZggokOOHJdn<#H!TS`Kv?zT6O zcSPWJt`N3hfD5P4EE71w0wkJMjC;DB0wBO;s%S0@_!DamvHn9b#2Q@}D6I#klW0YW zPtF4yLqHMy|cIAeXQR?b7 Z&Ogqrwe-kofd2ph002ovPDHLkV1kdH133Ty literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index d752fa4a..0ab0b84e 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -504,7 +504,7 @@ menuitem.bookmark-item { :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, - #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, + #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, @@ -980,7 +980,7 @@ toolbaritem[sdkstylewidget="true"] > toolbarbutton, :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, - #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, + #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, @@ -988,7 +988,7 @@ toolbaritem[sdkstylewidget="true"] > toolbarbutton, toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, - #preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button, + #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, @@ -1553,11 +1553,12 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > .toolbarbutton-1:-moz-an */ /* Help SDK icons fit: */ -toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon { width: 16px; } -#nav-bar toolbarbutton[sdk-button="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { +#nav-bar toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon { /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */ width: 32px; } @@ -2483,13 +2484,6 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- max-height: 16px; } -toolbarbutton[type="socialmark"] > .toolbarbutton-icon { - width: auto; - height: auto; - max-width: 32px; - max-height: 24px; -} - /* fixup corners for share panel */ .social-panel > .social-panel-frame { border-radius: inherit; @@ -2718,10 +2712,6 @@ toolbarbutton[type="socialmark"] > .toolbarbutton-icon { background-color: #C09070; } -.tabbrowser-tab[remote] { - text-decoration: underline; -} - /* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */ .tabbrowser-tab[visuallyselected=true] { /* position: relative; @@ -3187,6 +3177,8 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { margin-top: 5px; } +/* === BEGIN notification-icons.inc.css === */ + .popup-notification-icon { width: 64px; height: 64px; @@ -3197,6 +3189,10 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { list-style-image: url("chrome://browser/skin/Geolocation-64.png"); } +.popup-notification-icon[popupid="push"] { + list-style-image: url(chrome://browser/skin/Push-64.png); +} + .popup-notification-icon[popupid="xpinstall-disabled"], .popup-notification-icon[popupid="addon-progress"], .popup-notification-icon[popupid="addon-install-blocked"], @@ -3310,6 +3306,10 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled list-style-image: url("chrome://browser/skin/Geolocation-16.png"); } +#push-notification-icon { + list-style-image: url(chrome://browser/skin/Push-16.png); +} + #addons-notification-icon { list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); } @@ -3419,6 +3419,49 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled margin: 0px; } +.translate-notification-icon, +#translate-notification-icon { + list-style-image: url("chrome://browser/skin/translation-16.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.translated-notification-icon, +#translated-notification-icon { + list-style-image: url("chrome://browser/skin/translation-16.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.popup-notification-icon[popupid="servicesInstall"] { + list-style-image: url("chrome://browser/skin/social/services-64.png"); +} +#servicesInstall-notification-icon { + list-style-image: url("chrome://browser/skin/social/services-16.png"); +} + +/* EME notifications */ + +.popup-notification-icon[popupid="drmContentPlaying"], +#eme-notification-icon { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); +} + +#eme-notification-icon:hover:active { + list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); +} + +#eme-notification-icon[firstplay=true] { + animation: emeTeachingMoment 0.2s linear 0s 5 normal; +} + +@keyframes emeTeachingMoment { + 0% {transform: translateX(0); } + 25% {transform: translateX(3px) } + 75% {transform: translateX(-3px) } + 100% { transform: translateX(0); } +} + +/* === END notification-icons.inc.css === */ + /* Translation infobar */ /* === BEGIN infobar.inc.css === */ @@ -3446,6 +3489,10 @@ notification[value="translation"][state="translating"] .messageImage { } } +notification[value="translation"] hbox[anonid="details"] { + overflow: hidden; +} + notification[value="translation"] button, notification[value="translation"] menulist { min-width: 0; @@ -3503,18 +3550,6 @@ notification[value="translation"] { min-height: 40px; } -.translate-notification-icon, -#translate-notification-icon { - list-style-image: url("chrome://browser/skin/translation-16.png"); - -moz-image-region: rect(0px, 16px, 16px, 0px); -} - -.translated-notification-icon, -#translated-notification-icon { - list-style-image: url("chrome://browser/skin/translation-16.png"); - -moz-image-region: rect(0px, 32px, 16px, 16px); -} - .translation-menupopup { -moz-appearance: none; } @@ -3713,10 +3748,23 @@ notification[value="loop-sharing-notification"] .messageImage { /* === BEGIN commandline.inc.css === */ +/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. + We are copy/pasting variables from light-theme and dark-theme, + since they aren't loaded in this context (within browser.css). */ +:root #developer-toolbar { + --gcli-background-color: #000000; /* --theme-toolbar-background */ + --gcli-input-background: rgba(0, 0, 0, .75); /* --theme-tab-toolbar-background */ + --gcli-input-focused-background: #000000; /* --theme-sidebar-background */ + --gcli-input-color: #FF9F00; /* --theme-body-color-alt */ + --gcli-border-color: #9C9CFF; /* --theme-splitter-color */ + --selection-background: #008484; /* --theme-selection-background */ + --selection-color: #000000; /* --theme-selection-color */ +} + /* Developer toolbar */ #developer-toolbar { - border-top: 3px solid #000000; + border-top: 3px solid var(--gcli-background-color); border-bottom: none; } @@ -3848,11 +3896,11 @@ html|*#gcli-output-frame { /* line-height: 32px; outline-style: none; */ background-repeat: no-repeat; - background-color: rgba(0, 0, 0, .75); + background-color: var(--gcli-input-background); } .gclitoolbar-input-node[focused="true"] { - background-color: #000000; + background-color: var(--gcli-input-focused-background); } .gclitoolbar-input-node::before { @@ -3882,9 +3930,8 @@ html|*#gcli-output-frame { } .gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { - background-color: #008484; - color: #000000; - text-shadow: none; + background-color: var(--selection-background); + color: var(--selection-color); } .gclitoolbar-complete-node { @@ -4314,12 +4361,6 @@ html|*#gcli-output-frame { border: 0; } -.popup-notification-icon[popupid="servicesInstall"] { - list-style-image: url("chrome://browser/skin/social/services-64.png"); -} -#servicesInstall-notification-icon { - list-style-image: url("chrome://browser/skin/social/services-16.png"); -} #social-undoactivation-button { -moz-margin-start: 0; /* override default label margin to match description margin */ } @@ -4758,28 +4799,6 @@ notification.pluginVulnerable .messageImage { /* === END badcontent-doorhanger.inc.css === */ -/* EME notifications */ - -.popup-notification-icon[popupid="drmContentPlaying"], -#eme-notification-icon { - list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); -} - -#eme-notification-icon:hover:active { - list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); -} - -#eme-notification-icon[firstplay=true] { - animation: emeTeachingMoment 0.2s linear 0s 5 normal; -} - -@keyframes emeTeachingMoment { - 0% {transform: translateX(0); } - 25% {transform: translateX(3px) } - 75% {transform: translateX(-3px) } - 100% { transform: translateX(0); } -} - /* === BEGIN customizeMode.inc.css === */ /* Customization mode */ diff --git a/LCARStrek/browser/customizableui/panelUIOverlay.css b/LCARStrek/browser/customizableui/panelUIOverlay.css index 0bbc3c29..1d30bb31 100644 --- a/LCARStrek/browser/customizableui/panelUIOverlay.css +++ b/LCARStrek/browser/customizableui/panelUIOverlay.css @@ -292,8 +292,10 @@ toolbarpaletteitem[place="panel"]:not([haswideitem=true]) > .toolbarbutton-1 { } /* Help SDK buttons fit in. */ -toolbarpaletteitem[place="palette"] > toolbarbutton[sdk-button="true"] > .toolbarbutton-icon, -toolbarbutton[sdk-button="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon { +toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-icon, +toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-badge-container > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon, +toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-badge-container > .toolbarbutton-icon { height: 32px; width: 32px; } diff --git a/LCARStrek/browser/devtools/animationinspector.css b/LCARStrek/browser/devtools/animationinspector.css index feb2637a..dd24562f 100644 --- a/LCARStrek/browser/devtools/animationinspector.css +++ b/LCARStrek/browser/devtools/animationinspector.css @@ -99,13 +99,6 @@ body { } } -/* Disabled playerWidget when the animation has ended */ - -.finished { - pointer-events: none; - opacity: .5; -} - /* Animation title gutter, contains the name, duration, iteration */ .animation-title { @@ -185,6 +178,7 @@ body { .timeline .rate { -moz-appearance: none; text-align: center; + color: var(--theme-body-color); border-right: 1px solid var(--theme-splitter-color); } diff --git a/LCARStrek/browser/devtools/command-rulers.png b/LCARStrek/browser/devtools/command-rulers.png new file mode 100644 index 0000000000000000000000000000000000000000..a60606276111087df55d780b3f5f6c18e329d9c6 GIT binary patch literal 224 zcmeAS@N?(olHy`uVBq!ia0vp^3P3Et#0(_4@}`~wQk(%kA+8Aw6+q_y^9-MAIbDD( z#*!evUYh7ML)50LT#kH}&M25w;xW@MN(M*=9wUgGKN%6^|iR9H&6 zM6qrgP$DLvc^G@HTG L)z4*}Q$iB}9#TZJ literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/devtools/command-rulers@2x.png b/LCARStrek/browser/devtools/command-rulers@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..35c3b0668b028db09f2d85c7849419474e002b67 GIT binary patch literal 261 zcmeAS@N?(olHy`uVBq!ia0vp^4nVBH#0(_wf1V}|q&Ne7LR`NvQ~;U(&oiX5NR~bp9w6lf9+AZi4BWyX%*Zfnjs#GUy~NYkmHj@4sIat{ zb!Yb#pirr&i(`n!`KuETavo6Naow-jRB?(Ua;bDh;X=PhH#Mb&UM`(d^;TKI=Kt}A z1L~z#%H_)!irD5(iR6>MDNw56=vh3O#dDei$1z .textbox-input-box > .textbox-search-icons { - display: none; +.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon { + visibility: hidden; +} + +/* Searchbox is a div container element for a search input element */ +.devtools-searchbox { + display: -moz-box; + -moz-box-flex: 1; + position: relative; +} + +.devtools-rule-searchbox { + -moz-box-flex: 1; + padding-right: 23px; + width: 100%; + font: inherit; +} + +.devtools-rule-searchbox[filled] { + background-color: var(--searchbox-background-color); + border-color: var(--searchbox-border-color); +} + +.devtools-style-searchbox-no-match { + background-color: var(--searcbox-no-match-background-color) !important; + border-color: var(--searcbox-no-match-border-color) !important; } .devtools-no-search-result { border-color: var(--theme-highlight-red) !important; } +.devtools-searchinput-clear { + position: absolute; + top: 3.5px; + right: 7px; + padding: 0; + border: 0; + width: 16px; + height: 16px; + background-position: 0 0; + background-repeat: no-repeat; + background-color: transparent; +} + +.devtools-searchinput-clear { + background-image: url("chrome://browser/skin/devtools/search-clear.svg"); +} + +.devtools-style-searchbox-no-match + .devtools-searchinput-clear { + background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important; +} + +.devtools-searchinput-clear:hover { + background-position: -16px 0; +} + +.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { + list-style-image: url("chrome://browser/skin/devtools/search-clear.svg"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +@media (min-resolution: 2dppx) { + .devtools-searchinput { + background-image: url("magnifying-glass@2x.png"); + } +} + /* Close button */ .devtools-closebutton { @@ -716,13 +784,16 @@ div.CodeMirror span.eval-text { } .devtools-sidebar-alltabs { -/* margin: 0; +/* height: 24px; + line-height: 24px; + padding: 0 4px; + margin: 0; border-width: 0 0 1px 0; -moz-border-start-width: 1px; border-style: solid;*/ } -.devtools-sidebar-alltabs dropmarker { +.devtools-sidebar-alltabs .toolbarbutton-icon { display: none; } @@ -803,6 +874,20 @@ div.CodeMirror span.eval-text { background-image: url("chrome://browser/skin/devtools/undock@2x.png"); } +#toolbox-dock-bottom-minimize { + /* Bug 1177463 - The minimize button is currently hidden until we agree on + the UI for it, and until bug 1173849 is fixed too. */ + display: none; +} + +#toolbox-dock-bottom-minimize > image { + background-image: url("chrome://browser/skin/devtools/dock-bottom-minimize@2x.png"); +} + +#toolbox-dock-bottom-minimize.minimized > image { + background-image: url("chrome://browser/skin/devtools/dock-bottom-maximize@2x.png"); +} + #toolbox-dock-window, #toolbox-dock-bottom, #toolbox-dock-side { @@ -890,6 +975,10 @@ div.CodeMirror span.eval-text { background-image: url("chrome://browser/skin/devtools/command-eyedropper.png"); } +#command-button-rulers > image { + background-image: url("chrome://browser/skin/devtools/command-rulers.png"); +} + @media (min-resolution: 2dppx) { #command-button-paintflashing > image { background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png"); @@ -926,6 +1015,10 @@ div.CodeMirror span.eval-text { #command-button-eyedropper > image { background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png"); } + + #command-button-rulers > image { + background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png"); + } } /* Tabs */ @@ -1006,6 +1099,9 @@ div.CodeMirror span.eval-text { visibility: collapse; } +.devtools-tab:not([selected])[highlighted] { +} + .devtools-tab:not([selected])[highlighted] { color: #FFCF00; } diff --git a/LCARStrek/browser/devtools/dock-bottom-maximize@2x.png b/LCARStrek/browser/devtools/dock-bottom-maximize@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..350dc53dc3896715cd1b7633f33b86ab85e9e3b4 GIT binary patch literal 319 zcmeAS@N?(olHy`uVBq!ia0vp^4nVBH!3HE3&8=$zQfx`y?k)`fL2$v|<&%LToCO|{ z#S9GG!XV7ZFl&wkP>{XE)7O>#K8L8VDqp4o$A6&E8BZ6-kc@k8rw4K!RuFKJ&A;+n zUdjE|zbzM>d>_5p;WU%IF(Kp=Tj@sAep5bAgJ~o1ND-e`-~Hut+FCu>_Z^7b#3^!dL0 z^n+!)8K&HxrPn;$>A<3WJ8$1#wNZHc{?O!J!($T3|7NStI8h{XE)7O>#K8L8Vs=lhH#6qCZRZkbkkc@k8XT_9_Kl5gZiTiDrAIrEy<+TB`O+oL6IE&s5p3gXH6!{NCPmp>l#Q%jW zW$wrH+(yY?5zCo;vJ4Ly{@~^?)Y|x&>A?3R56-o?RjlVUsL^5zf57}<8mD5#F@@v_ zh8_AMod><=9}cQxukf{C$e+n@o?rjRgY5ZxC93PEnH-;Yyk+)h&8|iNqUB{$+V~Sb Sh5QG4kipZ{&t;ucLK6T`Cwc?` literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/devtools/layoutview.css b/LCARStrek/browser/devtools/layoutview.css index b567c08f..ed74d93c 100644 --- a/LCARStrek/browser/devtools/layoutview.css +++ b/LCARStrek/browser/devtools/layoutview.css @@ -42,7 +42,7 @@ } .editable { - border-bottom: 1px dashed transparent; + border: 1px dashed transparent; } .editable:hover { diff --git a/LCARStrek/browser/devtools/netmonitor.css b/LCARStrek/browser/devtools/netmonitor.css index ea934644..7bbf4006 100644 --- a/LCARStrek/browser/devtools/netmonitor.css +++ b/LCARStrek/browser/devtools/netmonitor.css @@ -226,6 +226,11 @@ box.requests-menu-status:not([code]) { background-color: #A09090; /* dark grey */ } +box.requests-menu-status[code="cached"] { + border: 2px solid #A09090; /* dark grey */ + background-color: transparent; +} + box.requests-menu-status[code^="1"] { background-color: #9C9CFF; /* light blue */ } @@ -597,6 +602,28 @@ box.requests-menu-status[code^="5"] { font-weight: 600; } +#requests-menu-filter-freetext-text { + transition-property: max-width, -moz-padding-end, -moz-padding-start; + transition-duration: 250ms; + transition-timing-function: ease; +} + +#requests-menu-filter-freetext-text:not([focused]):not([filled]) > .textbox-input-box { + overflow: hidden; +} + +#requests-menu-filter-freetext-text:not([focused]):not([filled]) { + max-width: 20px !important; + -moz-padding-end: 5px; + -moz-padding-start: 22px; + background-position: 8px center, top left, top left; +} + +#requests-menu-filter-freetext-text[focused], +#requests-menu-filter-freetext-text[filled] { + max-width: 200px !important; +} + /* Performance analysis buttons */ #requests-menu-network-summary-button { diff --git a/LCARStrek/browser/devtools/performance.css b/LCARStrek/browser/devtools/performance.css index 4a100824..b53bda6e 100644 --- a/LCARStrek/browser/devtools/performance.css +++ b/LCARStrek/browser/devtools/performance.css @@ -75,10 +75,7 @@ width: 8px; height: 8px; margin: 0 8px; - border: 1px solid; border-radius: 1px; - background-color: var(--bullet-bg); - border-color: var(--bullet-border); } /* Recording Notice */ @@ -96,6 +93,10 @@ margin: 0; } +#performance-view .notice-container vbox { + text-align: center; +} + /* Overview Panel */ .record-button { @@ -281,11 +282,11 @@ text-decoration: underline; } -.call-tree-url { +.call-tree-url, .tree-widget-item:not(.theme-selected) .opt-url { color: var(--theme-highlight-blue); } -.call-tree-line { +.call-tree-line, .tree-widget-item:not(.theme-selected) .opt-line { color: var(--theme-highlight-orange); } @@ -420,7 +421,6 @@ height: 8px; -moz-margin-start: 8px; -moz-margin-end: 6px; - border: 1px solid; border-radius: 1px; } @@ -431,9 +431,8 @@ .waterfall-marker-bar { height: 9px; - border: 1px solid; - border-radius: 1px; transform-origin: left center; + border-radius: 1px; } .waterfall-marker-container.selected > .waterfall-sidebar, @@ -442,11 +441,6 @@ color: var(--theme-selection-color); } -.waterfall-marker-container.selected .waterfall-marker-bullet, -.waterfall-marker-container.selected .waterfall-marker-bar { - border-color: initial !important; -} - .waterfall-marker-location { color: #3333FF; } @@ -466,10 +460,40 @@ .marker-details-bullet { width: 8px; height: 8px; - border: 1px solid; border-radius: 1px; } +#performance-filter-menupopup > menuitem.highlight-pink:before, +.marker-details-bullet.highlight-pink, +.waterfall-marker-bar.highlight-pink, +.waterfall-marker-bullet.highlight-pink { + background-color: var(--theme-highlight-pink); +} +#performance-filter-menupopup > menuitem.highlight-bluegrey:before, +.marker-details-bullet.highlight-bluegrey, +.waterfall-marker-bar.highlight-bluegrey, +.waterfall-marker-bullet.highlight-bluegrey { + background-color: var(--theme-highlight-bluegrey); +} +#performance-filter-menupopup > menuitem.highlight-green:before, +.marker-details-bullet.highlight-green, +.waterfall-marker-bar.highlight-green, +.waterfall-marker-bullet.highlight-green { + background-color: var(--theme-highlight-green); +} +#performance-filter-menupopup > menuitem.highlight-lightorange:before, +.marker-details-bullet.highlight-lightorange, +.waterfall-marker-bar.highlight-lightorange, +.waterfall-marker-bullet.highlight-lightorange { + background-color: var(--theme-highlight-lightorange); +} +#performance-filter-menupopup > menuitem.highlight-red:before, +.marker-details-bullet.highlight-red, +.waterfall-marker-bar.highlight-red, +.waterfall-marker-bullet.highlight-red { + background-color: var(--theme-highlight-red); +} + #waterfall-details > * { padding-top: 3px; } @@ -682,3 +706,124 @@ call-tree-item:not([origin="content"]) .call-tree-line { transform: scale(0.75); transform-origin: center right; } + +/** + * JIT View + */ + +#jit-optimizations-view { + width: 350px; + overflow-x: hidden; + overflow-y: auto; + min-width: 200px; +} + +/* override default styles for tree widget */ +#jit-optimizations-view .tree-widget-empty-text { + font-size: inherit; + padding: 0px; + margin: 8px; +} + +#jit-optimizations-view:not(.empty) .tree-widget-empty-text { + display: none; +} + +#jit-optimizations-toolbar { + height: 18px; + min-height: 0px; /* override .devtools-toolbar min-height */ +} + +.jit-optimizations-title { + margin: 0px 4px; + font-weight: 600; +} + +#jit-optimizations-raw-view { + font-size: 90%; +} + +/* override default .tree-widget-item line-height */ +#jit-optimizations-raw-view .tree-widget-item { + line-height: 20px !important; + display: block; + overflow: hidden; +} + +#jit-optimizations-raw-view .tree-widget-item[level="1"] { + font-weight: 600; +} + +#jit-optimizations-view .opt-ion-type-site { + -moz-margin-start: 4px !important; + opacity: 0.6; +} + +#jit-optimizations-view .opt-outcome::before { + content: "→"; + margin: 4px 0px; + color: var(--theme-body-color); +} +#jit-optimizations-view .theme-selected .opt-outcome::before { + color: var(--theme-selection-color); +} + +#jit-optimizations-view .tree-widget-item:not(.theme-selected) .opt-outcome[outcome=success] { + color: var(--theme-highlight-green); +} +#jit-optimizations-view .tree-widget-item:not(.theme-selected) .opt-outcome[outcome=failure] { + color: var(--theme-highlight-red); +} +#jit-optimizations-view .tree-widget-container { + -moz-margin-end: 0px; +} +#jit-optimizations-view .tree-widget-container > li, +#jit-optimizations-view .tree-widget-children > li { + overflow: hidden; +} + +.opt-line::before { + content: ":"; + color: var(--theme-highlight-orange); +} +.theme-selected .opt-line::before { + color: var(--theme-selection-color); +} +.opt-line.header-line::before { + color: var(--theme-body-color); +} +#jit-optimizations-view.empty .opt-line.header-line::before { + display: none; +} + +.opt-url { + -moz-margin-start: 4px !important; +} +.opt-url:hover { + text-decoration: underline; +} +.opt-url.debugger-link { + cursor: pointer; +} + +#jit-optimizations-view .opt-icon::before { + content: ""; + background-image: url(chrome://browser/skin/devtools/webconsole.png); + background-repeat: no-repeat; + background-size: 48px 40px; + margin: 5px 6px 0 0; + width: 8px; + height: 8px; + max-height: 8px; + display: inline-block; +} + +#jit-optimizations-view .opt-icon[severity=warning]::before { + background-position: -16px -16px; +} + +@media (min-resolution: 2dppx) { + #jit-optimizations-view .opt-icon::before { + background-image: url(chrome://browser/skin/devtools/webconsole@2x.png); + } +} diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css index 813ce7f8..307b1b9c 100644 --- a/LCARStrek/browser/devtools/ruleview.css +++ b/LCARStrek/browser/devtools/ruleview.css @@ -2,6 +2,12 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +/* CSS Variables specific to this panel that aren't defined by the themes */ + +.theme-light { + --rule-highlight-background-color: #402800; +} + .ruleview { height: 100%; } @@ -65,7 +71,6 @@ cursor: default; } - .ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname, .ruleview-rule[uneditable=true] .ruleview-propertycontainer > .ruleview-propertyvalue { border-bottom-color: transparent; @@ -202,6 +207,10 @@ border-left-color: var(--theme-highlight-green); } +.ruleview-highlight { + background-color: var(--rule-highlight-background-color); +} + .ruleview-namecontainer > .ruleview-propertyname, .ruleview-propertycontainer > .ruleview-propertyvalue { border-bottom: 1px dashed transparent; diff --git a/LCARStrek/browser/devtools/search-clear-failed.svg b/LCARStrek/browser/devtools/search-clear-failed.svg new file mode 100644 index 00000000..d5202a55 --- /dev/null +++ b/LCARStrek/browser/devtools/search-clear-failed.svg @@ -0,0 +1,15 @@ + + + + + + + + + + diff --git a/LCARStrek/browser/devtools/search-clear.svg b/LCARStrek/browser/devtools/search-clear.svg new file mode 100644 index 00000000..b343c039 --- /dev/null +++ b/LCARStrek/browser/devtools/search-clear.svg @@ -0,0 +1,15 @@ + + + + + + + + + + diff --git a/LCARStrek/browser/devtools/tool-profiler-active.svg b/LCARStrek/browser/devtools/tool-profiler-active.svg new file mode 100644 index 00000000..bf0c54aa --- /dev/null +++ b/LCARStrek/browser/devtools/tool-profiler-active.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + diff --git a/LCARStrek/browser/preferences/aboutPermissions.css b/LCARStrek/browser/preferences/aboutPermissions.css index 879613f0..b00b3cd1 100644 --- a/LCARStrek/browser/preferences/aboutPermissions.css +++ b/LCARStrek/browser/preferences/aboutPermissions.css @@ -77,6 +77,9 @@ .pref-icon[type="geo"] { list-style-image: url("chrome://browser/skin/Geolocation-64.png"); } +.pref-icon[type="push"] { + list-style-image: url("chrome://browser/skin/Push-64.png"); +} .pref-icon[type="indexedDB"] { list-style-image: url("chrome://global/skin/icons/alert-question.gif"); } diff --git a/LCARStrek/browser/theme-switcher-icon.png b/LCARStrek/browser/theme-switcher-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..92cccdfaf29159349cd22e5cdb1f68f7ae2b2ec9 GIT binary patch literal 279 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnL3?x0byx0z;*aCb)T-Wi}FPJbP-+NUFP=v80 z$S;_|;n|He5GTpo-G!lpRn`N@;VkfoEM{Qf76xHPhFNnYfP(BLp1!W^_c=sGShY93 ze>Wc})aB{o7{YPg^xQ_?Lk>Kx597TGW%Dvm7_tdDn)`@#xJ(rB&^g58<4`DkfJtx{ z=OXRcIYK@H>wl=&i<_;PnA4J^!yWQU*-texU)s~|@#5fD9YPBvZcl8yJDbnG@LqeT z-P#*B(*K*>5#K2s;@0@<=6Bw>`7BOE&IhxNJAfA%Rq8M@jRu?6^qxK`-ZFPJbPyf^q0P=v80 z$S;_|;n|He5GTpo-G!lpRn`N@;VkfoEM{Qf76xHPhFNnYfP(BLp1!W^_c=sG*vx(% zx!4NSW8mrH7@~2$bdsd(o%^-V3-ck){K4~T|+3jM~R9T;F0GN+L%&ne8wNu)zL zVT#h)r6zGHsTIaQ8`;c%8qM6lCw-Cq@##Nr8f@q4v(#pJw(5XIu@~>GlpUsbJl~aM znB0CmwOefKl2kzfb=FyoiNX=LL`n{%2a8%AD9lSd9VjGx)ANB@qV&v~$>KZa9o!Nh zX}*1Vv0^>b7pC$It2*YMo|#;%S7JVeXui=4h-6%+_aK}@`h=bLk%Eabd9y`3J~J7H ze&W)f@m1%;K8F2_a;$P(JN@(eZIYhzzcc#Y&=}n3tY+=7y`tY*f3?(4li4o?`jWbyo^$a2T2@%T_0#n` jXWzYL$_an8|1-01>-|ZatR6lE1}B53tDnm{r-UW|F7c^t literal 0 HcmV?d00001 -- 2.43.0