From 6ea7307df977577e70ce25a7f7a039b1c347a9d4 Mon Sep 17 00:00:00 2001 From: Volker E Date: Mon, 20 Apr 2020 15:58:44 -0700 Subject: [PATCH] Amend Base10 color and remove (affected) PNG fallbacks Amending Base10 to slightly darker `#202122` to fulfill WCAG requirements in connection to Accent50. Also removing all PNG fallbacks as they are only used in JS-only. Bug: T248393 Change-Id: I07fa4e23320763a634e5340ab125634842b86454 --- resources/css/ext.uls.compactlinks.less | 2 +- resources/css/ext.uls.displaysettings.less | 2 +- resources/css/ext.uls.inputsettings.less | 11 ++++------ resources/css/ext.uls.interface.less | 6 +++--- resources/css/ext.uls.interlanguage.less | 3 +-- resources/css/ext.uls.languagesettings.less | 22 ++++++++++---------- resources/css/ext.uls.less | 4 +--- resources/images/back-grey-ltr.png | Bin 629 -> 0 bytes resources/images/back-grey-rtl.png | Bin 405 -> 0 bytes resources/images/close.png | Bin 168 -> 0 bytes resources/images/cog-sprite.png | Bin 475 -> 0 bytes resources/images/cog.png | Bin 297 -> 0 bytes resources/images/compact-links-trigger.png | Bin 673 -> 0 bytes resources/images/display.png | Bin 348 -> 0 bytes resources/images/display.svg | 2 +- resources/images/help.png | Bin 379 -> 0 bytes resources/images/help.svg | 2 +- resources/images/input.png | Bin 562 -> 0 bytes resources/images/input.svg | 2 +- resources/images/remove-input.png | Bin 373 -> 0 bytes resources/images/remove-input.svg | 4 ++-- 21 files changed, 27 insertions(+), 33 deletions(-) delete mode 100644 resources/images/back-grey-ltr.png delete mode 100644 resources/images/back-grey-rtl.png delete mode 100644 resources/images/close.png delete mode 100644 resources/images/cog-sprite.png delete mode 100644 resources/images/cog.png delete mode 100644 resources/images/compact-links-trigger.png delete mode 100644 resources/images/display.png delete mode 100644 resources/images/help.png delete mode 100644 resources/images/input.png delete mode 100644 resources/images/remove-input.png diff --git a/resources/css/ext.uls.compactlinks.less b/resources/css/ext.uls.compactlinks.less index 7266b90f..342922f1 100644 --- a/resources/css/ext.uls.compactlinks.less +++ b/resources/css/ext.uls.compactlinks.less @@ -15,7 +15,7 @@ padding: 4px 6px 4px 25px; font-size: 13px; font-weight: normal; - .background-image-svg( '../images/compact-links-trigger.svg', '../images/compact-links-trigger.png' ); + background-image: url( ../images/compact-links-trigger.svg ); background-size: 18px; background-repeat: no-repeat; background-position: left 4px center; diff --git a/resources/css/ext.uls.displaysettings.less b/resources/css/ext.uls.displaysettings.less index a15c31ef..368553c9 100644 --- a/resources/css/ext.uls.displaysettings.less +++ b/resources/css/ext.uls.displaysettings.less @@ -48,7 +48,7 @@ } .uls-font-label strong { - color: #222; + color: #202122; } .uls-display-settings-anon-label { diff --git a/resources/css/ext.uls.inputsettings.less b/resources/css/ext.uls.inputsettings.less index ab2f09dd..9b58f143 100644 --- a/resources/css/ext.uls.inputsettings.less +++ b/resources/css/ext.uls.inputsettings.less @@ -17,7 +17,7 @@ .uls-ime-menu-settings-item { background-color: #f8f9fa; - color: #222; + color: #202122; border-top: 1px solid #c8ccd1; border-radius: 0 0 2px 2px; margin-top: 6px; @@ -26,8 +26,7 @@ } .uls-ime-disable-link { - background: transparent no-repeat left top; - .background-image-svg( '../images/remove-input.svg', '../images/remove-input.png' ); + background: transparent url( ../images/remove-input.svg ) no-repeat left top; background-size: auto 16px; padding-left: 22px; padding-right: 26px; @@ -36,8 +35,7 @@ } .uls-ime-more-settings-link { - background: transparent no-repeat center top; - .background-image-svg( '../images/cog.svg', '../images/cog.png' ); + background: transparent url( ../images/cog.svg ) no-repeat center top; background-size: auto 14px; border-left: 1px solid #c8ccd1; width: 22px; @@ -124,8 +122,7 @@ right: 4px; opacity: 0.81; padding: 0; - background: transparent no-repeat right center; - .background-image-svg( '../images/help.svg', '../images/help.png' ); + background: transparent url( ../images/help.svg ) no-repeat right center; background-size: 16px 16px; } diff --git a/resources/css/ext.uls.interface.less b/resources/css/ext.uls.interface.less index d8003ad3..533f6110 100644 --- a/resources/css/ext.uls.interface.less +++ b/resources/css/ext.uls.interface.less @@ -23,15 +23,15 @@ cursor: pointer; &:hover { - color: #222; + color: #202122; } &.display-settings-block { - .background-image-svg( '../images/display.svg', '../images/display.png' ); + background-image: url( ../images/display.svg ); } &.input-settings-block { - .background-image-svg( '../images/input.svg', '../images/input.png' ); + background-image: url( ../images/input.svg ); } } } diff --git a/resources/css/ext.uls.interlanguage.less b/resources/css/ext.uls.interlanguage.less index 5829292b..47f8b478 100644 --- a/resources/css/ext.uls.interlanguage.less +++ b/resources/css/ext.uls.interlanguage.less @@ -2,8 +2,7 @@ @import 'mediawiki.mixins'; #p-lang .uls-settings-trigger { - background: transparent no-repeat center top; - .background-image-svg( '../images/cog-sprite.svg', '../images/cog-sprite.png' ); + background: transparent url( ../images/cog-sprite.svg ) no-repeat center top; border: 0; min-height: 16px; min-width: 16px; diff --git a/resources/css/ext.uls.languagesettings.less b/resources/css/ext.uls.languagesettings.less index 485f5069..f3ac8c19 100644 --- a/resources/css/ext.uls.languagesettings.less +++ b/resources/css/ext.uls.languagesettings.less @@ -33,7 +33,7 @@ width: 100%; /* Using border instead of outline for focus (outline doesn't have enough space) */ outline: 0; - color: #222; + color: #202122; padding: 5px 0 5px 42px; border: 1px solid transparent; background: left 15px top 6px transparent no-repeat; @@ -74,27 +74,27 @@ } &:hover .settings-text { - color: #222; + color: #202122; } &.display-settings-block { - .background-image-svg( '../images/display.svg', '../images/display.png' ); + background-image: url( ../images/display.svg ); } &.input-settings-block { - .background-image-svg( '../images/input.svg', '../images/input.png' ); + background-image: url( ../images/input.svg ); } } } #languagesettings-settings-panel { padding: 0 15px; - color: #222; + color: #202122; background: #fff; } #languagesettings-settings-panel h3 { - color: #222; + color: #202122; padding-top: 15px; margin-top: 1pt; line-height: 20pt; @@ -102,7 +102,7 @@ } #languagesettings-settings-panel h4 { - color: #222; + color: #202122; font-size: 12pt; } @@ -146,7 +146,7 @@ } .checkbox strong { - color: #222; + color: #202122; } label.checkbox input[ type='checkbox' ] { @@ -158,9 +158,9 @@ label.checkbox input[ type='checkbox' ] { } .uls-icon-close { - background: transparent no-repeat center center; - .background-image-svg( '../images/close.svg', '../images/close.png' ); - background-size: 16px 16px; // Support: Android Browser <= 4.3, doesn't accept it as part of `background` shorthand + background: transparent url( ../images/close.svg ) no-repeat center center; + // Support: Android Browser <= 4.3, doesn't accept `background-size` as part of `background` shorthand. + background-size: 16px 16px; float: right; padding: 16px; cursor: pointer; diff --git a/resources/css/ext.uls.less b/resources/css/ext.uls.less index 49acdc5f..36aa83ae 100644 --- a/resources/css/ext.uls.less +++ b/resources/css/ext.uls.less @@ -36,10 +36,8 @@ } .uls-icon-back { - background: transparent url( ../images/back-grey-ltr.png ) no-repeat scroll center center; - background-image: linear-gradient( transparent, transparent ), url( ../images/back-grey-ltr.svg ); + background: transparent url( ../images/back-grey-ltr.svg ) no-repeat scroll center center; background-size: 28px; - background-position: center center; height: 32px; width: 40px; display: block; diff --git a/resources/images/back-grey-ltr.png b/resources/images/back-grey-ltr.png deleted file mode 100644 index 32edbda5ba29fc71c6c69b1fdf9ff49b515afca8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 629 zcmV-*0*d{KP)w$f{6AwAOuNtQ>z$_ zj%4M^2Wavdx|k7_FeM#Dyx_v8&_qOJ7-pe3V74Kob6iXXf~&6X&<$ek`iDCI$Ej1N zPAd^1&$W`P`+tCc5}?^^p4D2fWKQ$hY-vXDc^jRsj9e2M<(+RcKCxJJ>hLyfdr_(F_e*ah87>P5` zZnsYWuNTa}0vj&o0INyNYqeUjR4Tm!Hm&q6iXuM@!=J9PoHJm}Ujo;x^d0cSF#O>f z3mj`eYkeFDf$LVRCXAqW*c~Fr9_!X^&G=dCI*AS4sgp#hrs!`eIoThVhi(*h&;2>x`;fC zyMHMonJvuQa|oqWwlm=(gi`7`5PK#}T?2nFt#tudGsgVR1;BOX{%iIJB*wx3)ATGe P00000NkvXXu0mjfMfnfz diff --git a/resources/images/back-grey-rtl.png b/resources/images/back-grey-rtl.png deleted file mode 100644 index b711ee27791e646a8ec6d7e84adb94a9eb408691..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 405 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzmSQK*5Dp-y;YjHK@;M7UB8wRq zgi1h|@m`vI1yE43#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDFy~cAx{^_ zkcif|*A4xc4Fy^s)^A(3bm<9Qr9wt7tM#=4d=ml!6biYucHi#eF5p>ZBBSuKoyoOp zLPBnOo2byVn21lmYFo>5x>s#Vkrwm)&;Cc!!Ruw2p#w+a(pAA;nY%e0T&^{&cy)|9 zka@CX<@2@di&pYgD9qxXXu4>%P?XXx z?~S65)@(k&RQN4%$twQ??^0^SllS}*b?EuXRKeKS$o^p2luf_?X)7P_{PA`AhwIZy zcQJ%LjAc0eA+4dbLim949;pYSal8!kY!5yByz1-Y7J)-q5^d%VYYs1b==VY}j(bK! wd4B;zNa?oz#}$#r>zAK@$M}BRkIQeEU7j%>y!zopr0Dq35x&QzG diff --git a/resources/images/close.png b/resources/images/close.png deleted file mode 100644 index 80dde95155eb325c0e68ef3935d7fae040a2d4ca..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 168 zcmeAS@N?(olHy`uVBq!ia0vp^A|TAd3?%E9GuQzsp#Yx{S0H`<{CNQZ0U*P{!QuV; z_j6cwvI04bB|(0{3=Yq3qyafDo-U3d9M_W%Fgmd~s4Ui=P!Psq*y`iZGLa!5KvIK2 zX<>~4>ocd8gG~a76BI%u)H)KBL=?6t@;Gl~N;EuVd7|$KAH)CioW6X~SCoO~F?hQA KxvX>+j8P~9zp)ZN{pR|rnlQ1?yMyM)+3<>d1B<`56?k&~JE?$PmNGMS3d z2E*ZS0Av(_f?^~RnFWWIWi_Jsio|=OISYnia1~b1&++DNlaNa;r@y0V5hSACQc+ANn#8})cRLrZ9*X4*LpQ-0{N74gm zLVg#&2L&HFiY7^%E8HE0sk1mSF%cLaAI}IfE-0dC7Db1{!^4eZV`En$Degx`M%ocO z1AqGwfkhOgRbh&xJW#vhhzJBZS%jb?dcEEzno;-xw&I84X{i-Q4#JDTB})SX15Q86 zm}S)8fq+M|l)QeFn7d9V8XD2a6LCs&7`#yMy}P^H=|>q$jPlP|>P+s7&91|F13^KJ zGejrf<1r-)g4tqxkDEn=G>O!YN|t9O&r6P+qzAb>Oz9gP2NC6dn3-AeX z1=0;*kd~HKQc_Y-P>`9KSy)(DTwI)+n+p`l&(AL{EzQZv0SXos6+sw4DIgap1ym1Y z14$qo2!MicaR?VI3{r;11uBCG0!cUnt{5T+QG=`!r~o2`tOYKDtP4#Ljr%|8*KDBA z151MZf*II2xVQxbg+xTf#3iJpWfhf_Rn#@L3{36pJ%U3*qhjJxQq$6Na*In!E30d2 z`{pfLvU1g?&D*x`-M9bXvEwJtoxk$n>9cnqzI^@h^Vjb`fB$X2KK%*M@B^MMjv*3~ zM-RRsa^krgS7yFaf_gQCbF$*&Fzdh;eqs@XF@;#o& z$u58OTB0C-qUigK(^IZ=2hPa2#`a>pS@Dvh_I#<=$1PQz6^hzjzQx9GGwv4E*SuZi zo%J@+);X!FZb#zj@M&_h-IkonyYTpyZqV+yi@6^zYX-5tX8iw(-L70q;PfN;*Fe88 Nc)I$ztaD0e0svz~AbkJ; diff --git a/resources/images/display.png b/resources/images/display.png deleted file mode 100644 index 7b97f1522329f395d970d49a1ed1c702a049f8d3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 348 zcmV-i0i*tjP)Zllo{FHC6WGZ+kE#5Y6;_wmW0j(EnKj+zOh!o$M}OjU68t&pka64ubz zO5BI|*^BadScVe_hxzY>=ZO5l`XEn)wh!tZLjh%#-w8Vu3Wcj)ulKw~tya4|j6{NK z1Qt3=gKW}qgk|3e!(r~_h`|Gnpc7&0i>0xACp>__4?4+&Vi;gEbcoiV5t;v&LMlxX z_I_}L_8!*i0vbpsK@ssy82nf$2=T((1N;?lj!eyW^}l?IqNAgo5iY(E_LP;C+5PD~ ur18y!fi_M?FP=b= - + diff --git a/resources/images/help.png b/resources/images/help.png deleted file mode 100644 index 3adb1229de08770e7b665c6b088b40045d443867..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 379 zcmV->0fhdEP)K$$={KqtTrWCCOaH_+eYOAH>R2E62QNoil(f7e5Kf<;jjA|&t`JZ^n1 z;a7N8RaMp0u&$=!ioCKoOllKqX7&{H3ui>>Y zFDAoNOu)Tk=P3ax;U|vY;Gr;oqM1#}PPl@(O3vL)vX0a$>sXU$mWE^(#?SA;hh~z^ zd`lv7$k85q>$m7w6B`Ymj+s0&DIqH&kS1x@vVe9g#H9`P3ov7??rpF)uyg>{)H>+9 ziO+}L_d*KCn_RV}rW%8O%D9U(nl0$y4L8$y>d~45VACecd`@%61c{yI{|$DmU%*R% Z0RWYLX1oZ{z8U}k002ovPDHLkV1hwKoTUH& diff --git a/resources/images/help.svg b/resources/images/help.svg index e23e3a8c..1d786f05 100644 --- a/resources/images/help.svg +++ b/resources/images/help.svg @@ -1,4 +1,4 @@ - + diff --git a/resources/images/input.png b/resources/images/input.png deleted file mode 100644 index 13c7270945ae7fe7a0cbc677f6e7a6c531266a3a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 562 zcmV-20?qx2P)SimH=C}HwwQiX|?dfJkNW1p7(%ZmSu^g)e@+7 zyKP_yytaK>(lOvIaKZLBNgseEU1O9S0VHO<+ONDcf&=Gr;*@0V&S2j^?Vx%*5nQnx^OK(4r`M z51cLQ$%F}z0o@AG42y3TSpWb407*qoM6N<$f`sbr A4*&oF diff --git a/resources/images/input.svg b/resources/images/input.svg index b0dac628..c34ae53a 100644 --- a/resources/images/input.svg +++ b/resources/images/input.svg @@ -1,4 +1,4 @@ - + diff --git a/resources/images/remove-input.png b/resources/images/remove-input.png deleted file mode 100644 index d3b73985575e04773118e8c7f567a22d78bfca5a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 373 zcmV-*0gC>KP)8jV6nlz-zN)z9@h{3bt4*2{=1Id+?msK=1(`z#IFW{Rt%YGk5~8;2wy+0*O+c zPL~PK^9xqFo87dBd7{JKsLvWQQ=kr9P!}E6hB2Rpt7#8Zq7;XI1DSPj3`F*#2iE*{ z*@1R$Ks8=f;t9M?=`)ZzOHh4)NTzw9{10Xh-t0sUMkzIr4WrmVP!R+xH7LOVzZKOu Tqewf200000NkvXXu0mjf#uJ=Q diff --git a/resources/images/remove-input.svg b/resources/images/remove-input.svg index a192a26b..09b98974 100644 --- a/resources/images/remove-input.svg +++ b/resources/images/remove-input.svg @@ -1,5 +1,5 @@ - - + +