From 125ee7cc1dc5c5171b5c3b37b71c8f47048f2b8a Mon Sep 17 00:00:00 2001 From: Hamish Willee Date: Fri, 26 Feb 2021 15:56:14 +1100 Subject: [PATCH] Fix up images and docs --- .../color_scheme_dark.png | Bin 339 -> 2364 bytes .../color_scheme_light.png | Bin 302 -> 2057 bytes .../color_scheme_null.png | Bin 284 -> 2481 bytes .../how_to/examine_and_edit_css/index.html | 25 +++++++++--------- .../rules_view_buttons_fx_72.png | Bin 4337 -> 9578 bytes .../@media/prefers-color-scheme/index.html | 2 +- 6 files changed, 14 insertions(+), 13 deletions(-) diff --git a/files/en-us/tools/page_inspector/how_to/examine_and_edit_css/color_scheme_dark.png b/files/en-us/tools/page_inspector/how_to/examine_and_edit_css/color_scheme_dark.png index d7d6e0830557ad05b0f1d74bd3840bd1159e00a5..17644036f2775a5d928cb4da1118bc7c525c9cba 100644 GIT binary patch delta 2359 zcmV-73CQ--0=yC-iBL{Q4GJ0x0000DNk~Le0001b0000w2nGNE0Dl2Zh>;;6e+h6% zS#tmY4#WTe4#WYKD-Ig~00_}ZL_t(|UhSP*OcYlb$3HI1{Sq+>7R866FVzGR^rc|> zR9Tu-+CZbx2Z1KF7irRmTHvJ*1!@yD#a=Y2=z|6oniL=W|{LG6@WMm}8#JDISA&#HX##TamJR>wSGs|1y zMRar&rKBYBmN&L>-LT|v6&c{(aF1HxylsSryAF5s?h)s0BXqdT$wuhieGQx^(F>KkKj>1Z{aWJUmQAMQ`vHQBqP8wYRtN*2*(DIK+>_ zo3yl4ezXMcJ!nGr^z=|=<;T3WKtsdVl$)E&TPw>-2;Db0N9})3)6n=F-R_^2e$G>B zd<1RJjFNsvlKT}GWu*mof3|dl4wBFi^WyJQ)O2H#iE9Q#-?t-{_U6T~hd?xXLi_!A z!6je5+$_1_c7Dcp5)%{okv13;W8*Vk1e$J4(QC&&RQ=PKPa*?chwIS~56DX4w?!kk zx_|#ZJ9fL>R9#)gj(NJj0GfA=08@ z#Wk&COlYg@+Yv*xdlH0Mx1L2ueJ;VjJ9koS zYz$>(Wl=>%Ic?amfxojHrO04#aF8-G(wX3*7$2YHN7jJId%hp0uDdh*j5jH9M0uN| z*?bHE2Zr@+>CQj1fAq^=)AUwO48^&uiya^Dy}5yV_sgQS=3P)#^_di57x9*V;NhvS z|B|@(FIK~X2QMX!b*`m9FU+1O!)HhGIqUatO}j;#eekozsvurM2ieCulLk=i{&fAg;vtg z&_EY1T%f+bJ}DT8XF*p~l=nOZW@l&V@#Du*fH2O2f3*Gk_e=ABC4V<~SP@#wn&GbN ziW7KC8$DNVh83&U6WVf`2JTuGIV~-XHg4RgD>A@)xCYmv5BkD0gfgdoTfU)>zzcJ- z5!ZTW0$wMd?$$0Ku!1F_5qM!vhP#F(uU)&Azhe%rMIZF7si_IsBni@*SOO_Iw97c~ z0*J5!e+8}{pDPkeLL<6H;Dz~DZ;fmO`k*hyz*wOOEK`k{TZKqk{rtgde>FY{4c98a zl-#>_j|Eo^h3+r{z;(RH9;*@ZEBdwW?M!ealrqT=1ff6v5rCzfHW!L{Dy364!`%xy!2Nb1kE zis5e!cRDgM!dnZVEw7=G0)%_&~3eC?KIxf8*8M+{}cze*HSzZp7YlUS1yEx^;`CHsO}x&Qbp* z2WvQw`52ab;=~CmE-t37t}Z%u>^K_>l_o|tXjZUVGlshCwmZwSRcITDjT*4Gb7TAx zyRJCV@Zm8-NX-~f7xDqEQX&Lr$eiH?utdTO(Y0AAky&+VAXwRtmeJc^e=geQVtdF& zJ6h^xnig>NR;(EaDLlY>8o6gRb}9~h^SfcMZA$==v8%N=Pro=2LaV)k3<9t#AB0G8 zpq3~`HC{-1bar-1Rz4zGX`!xgS_Owz9v&@32n~$HRsyk+-SSM#Gm(uDB{C3JN>o-> zzUYq43i+_pC2xvkWMoM5f4crRDwSfx#h*Rf$c{xJN@xJFQPnBpn-*}_C`l3_G7u&- z=3wkFB_}5tTAY@fKXc{>mhsX99s|~oe7ERzwMe05kT^NoIp$R~=nIIhkL*qexHe1= zVM6^f!W@gp8G#k@*=1$HDa?29ji6a{sNq<& zgDtR)(5Qk5cl7QN=WQc2{sL~eqj!%uZ<{$9*!i#f+Dd5P{Jn06u*QkHZG!XvUfBf4 dqHO`u|IaTD`0!uM4P*cS002ovPDHLkV1f~QXzl<2 delta 318 zcmV-E0m1&f64L@9iBL{Q4GJ0x0000DNk~Le0000o0000o2m=5B04d>kgOMR1e@IYF zR7Ep0Gi_~cv$L~JO-(>RK!AXN^78Wk|NlKbJy}^<^YinWnVH+$+u7OKz`($bjg8IC z&1Pn1jEszPb93hA=FH5@rlzLl<>g=$m#P2&0I5ktK~zY`?UqXtf-n$7CqD)Zgn+2` zzo`lF0KV)j>HVwJbk9^;6ia%Lf7y%zG#Z%^aLQmp_#>D8N-jD`OoP4{aUWCg3Wds-r4&6q1hG!^_nh6#CEz1!9BL Q2mk;807*qoM6N<$f^yi3CIA2c diff --git a/files/en-us/tools/page_inspector/how_to/examine_and_edit_css/color_scheme_light.png b/files/en-us/tools/page_inspector/how_to/examine_and_edit_css/color_scheme_light.png index cbfb4a215ce98810117c9579a86c4b07f0121794..91655d3774a956cc58b285d05b18a5e68f732129 100644 GIT binary patch delta 2049 zcmV+c2>$o30*MeIiBL{Q4GJ0x0000DNk~Le0001Z0000w2nGNE0DJVEwUHqpe+h6% zS#tmY4#WTe4#WYKD-Ig~00*8)L_t(|UhSP*Y!yWq$G=`rOD{+t1SF8CExtfP6X}Dt zXli1i58?w5FyWzn5TXSdNd$xkAEZGO4VP*(F)4}05?bOVv7m{G+V-W8vF(^Fy`Al_f4^k2JKLVw?)lI6&CK`BZZmG&xH&^H%96?VF^ZBg zlY}3~C`fF1lpuVUwAeNx8W>v}jQtKcg{gd-UnA6Z~w9SESRV!NGg{C|K@|&(Kpx{^cd2#rYZZ=X;OwQt*_N zEape*5eb32|9C*Jd@{^S8sEK9M9)8+%}c?O4uSjo`>Cs|i$+F9=-RbwY+qPdNM&VZ zY+qSfNz0cn=fCZqSl}dKe+fK1JWLlZTwohSwF6>r+_;f#MMXvYY-$85FkJ7MOOwpy zZhtnHpPi4Hz(2oLOlwzU@zQ)yFX~6VsNV}=2;9-pL8nijrrWn~^E1v_wrm;I)z#6a zO`G@`=L9M+22Gc5X_2rU>vO4jdjUH(WXP{3Rgf&f_SXPx(%_5OW# zde)u8?XFys$@aUd@@D&3G#E4-Bj|%a-eK+foe+e;O-)T~FeS2O%NEw3%EUQ&@+7sl zxAT%YXds6U9pWWx0u>mDBI_31ab=2GBSe+~alfc5WDP^Ke_%hv1%3;R0oAc%$9U-> z2M->k+S*!PnvWBgZp5xW5V*kL{U7cpEpLiy*W@yBKlpLn5Us-HtwzBQf3|x=g5G{P zpNZUYWilyv4jriRCt>fmz+1O&r8{@-@REk#;sT7W&z?QYOXh?ku#tDZ8B4llccI8# zRS9Z(brCQ5e}|s}n^`a1^4`6BdC43rmu`n$!wEGO4Y%x8T!7DteQ?we`%Vm~(C5nN z?d^3XE;x7Y96vHAG=b6AnvH-{WoOHXZNHr^5PlS=Ioq~vvmNbX#OxNhbX?bp&;&-G zs|n*poEcU}RI^R6L=jAdWI&w0zCK=ZhuL*?d>0rle^lR$T)w53y@VCD&)yuIyG{(# zEB%`3v~F==Ra#nVn=p`x;}r3_Mtl<(R)v%w=BoOJvOc%PJl8LN>(}appvWI1Bx<~- z80iWNQLLp)m+~WPWa2m_6bnYcLbM)~TQ6$v^vXYTt(pPW=yf3}fy|T0?hVm+ zV!?@ZI`&a7`J>p5M-miZttPrm!5{ke` ze-9!Efn>pfntWFx<1_dy>OftnGm0RyBld|%Kp@K`W6z#F^Q_+vT*odSob_%Jemsxy zaqlr-Bp49oLL}>_->0bT@hob5DUT{kbLjialQdzI973Pl_IeT3J(r-b`=)4r`xvVW zQ7r6{WA;jZzQ5BdtZT-aXCo*>5PkiXe@G&cpz7*s>gnmB!NEa(Rt_44Red^v3Jh_@ zupy#bm>aJu$xMotM~Uo=*(ub(uoj`fG^qNS946l9I}2H(0EfTT#MMD`%ny4qW+(6DQKU=*~m}bb7i{`vl*c;x--K}V6XjZ zDuf|0fHmV07Fe^L+XisQuv+xjsaUO%Sl}dK32X$T?9R?k*6(6ag+2OV47#wds;W}w z@lm*1;{)KB`yvw+7U>W;EJ6)cT7ftS2$+DA{7`f z?NlAr?@@Ypcq6OosD6)9f$_RsypdH^aBr%=Qdm03(uv;}y>M|PaLmF*{ZZ5-PW*q9 f6eqS|r6KwsqKyNh@Io{y00000NkvXXu0mjfk&Mrm delta 280 zcmV+z0q6dS5Uv6tiBL{Q4GJ0x0000DNk~Le0000o0000o2m=5B04d>kgOMR1e?m}9 zR7L;)|AmEx=H})|NJ#SX^0l?KNl8iI;Nm?!J=xjWZEbCyo}PGkc&VwW&d$zaVq&VQ zs#H`|!otE~VPTPxkyTYy;Q?0pZi}`2p6z? z?xgm$n65FKOn!_n9vVy1iy8MMZXL*ok}eA|p3Trk4A+eagmCLdA>*EgW8*e599Mb- zHg20280#=dkV7~~p+QE(&x3@0??=aoawPPJmT5rq=TySKs|t(_CmhiocoVD2b@eux e`~z3a7s?y%C8OI2U`=d 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 CSS rules
  • toggle pseudo-classes;
  • toggle classes;
  • add a new rule;
  • -
  • change the display based on the operating color scheme preference (light/dark mode);
  • +
  • change the display based on prefers-color-scheme media rules.
  • change the display based on print media rules.
  • @@ -198,11 +198,9 @@

    View @media rules for Print

    When on, any rules defined for printing the page will be displayed similar to the "Print Preview" mode that many word processing applications provide.

    -

    View @media rules for color-scheme-preference

    +

    View @media rules for prefers-color-scheme

    - - -

    You can use the color scheme simulator to see how the styles display based on the prefers-color-scheme media query, if it is defined for the page. The color scheme simulator has four states, which you can cycle through by clicking the button repeatedly:

    +

    The color scheme simulator buttons can be used to test the rendering of styles based on the prefers-color-scheme media query (if any are defined for the page). There are two buttons, which enable the light and dark preference respectively. Selecting either button deselects the other, and if neither button is selected then the simulator does not set a preference.

    @@ -221,23 +219,26 @@

    View @media rules for colo

    - + - + - +
    lightThe user prefers a light interface.The prefers-color-scheme media feature is set to light.
    darkThe user prefers a dark interface.The prefers-color-scheme media feature is set to dark.
    -

    Note that the first three states of the button may be difficult to distinguish visually. They typically produce a similar effect.

    +

    Note that if the operating system mode is set to a particular mode, then simulating that mode will not change page rendering (i.e. simulating dark mode when in dark mode will not change the display).

    + +
    +

    Note

    +

    If privacy.resistFingerprinting has been set true, the prefers-color-scheme preference is forced to light. You must set privacy.resistFingerprinting to false in order to use this feature.

    +

    Note

    -

    As of Firefox 72, you must set devtools.inspector.color-scheme-simulation.enabled to true in the Configuration Editor to enable this feature.

    - -

    If you have set privacy.resistFingerprinting to true, prefers-color-scheme preference is overridden to light. In order to use this simulator, you must set privacy.resistFingerprinting to false.

    +

    Before Firefox 87 this feature is behind the preference devtools.inspector.color-scheme-simulation.enabled.

    Examine computed CSS

    diff --git a/files/en-us/tools/page_inspector/how_to/examine_and_edit_css/rules_view_buttons_fx_72.png b/files/en-us/tools/page_inspector/how_to/examine_and_edit_css/rules_view_buttons_fx_72.png index 0f6c31dc1efc152aef6a4e11717950f4a0566b59..8b764f2a967045a85440a5a3c354d4a3372347a5 100644 GIT binary patch literal 9578 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 delta 4304 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
  • If privacy.resistFingerprinting is set to true, {{cssxref("@media/prefers-color-scheme", "prefers-color-scheme")}} always returns light.
  • Numeric preference ui.systemUsesDarkTheme can be set to 0 for light, 1 for dark, 2 for no-preference. Any other value causes Firefox to return light.
  • -

    Light and dark modes can also be simulated using the Firefox Page Inspector. +

    Light and dark modes can also be simulated using the Firefox Page Inspector.

    Syntax