From aa16550670d82232e16c9b46f44f74819c4e49cf Mon Sep 17 00:00:00 2001 From: "Jan C. Borchardt" <hey@jancborchardt.net> Date: Tue, 11 Aug 2020 16:22:43 +0200 Subject: [PATCH] Add highcontrast class to body just like with dark theme Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net> --- apps/accessibility/js/accessibility.js | Bin 135748 -> 135930 bytes apps/accessibility/js/accessibility.js.map | Bin 653694 -> 653922 bytes apps/accessibility/js/accessibilityoca.js | Bin 10958 -> 11107 bytes apps/accessibility/js/accessibilityoca.js.map | Bin 53517 -> 53806 bytes apps/accessibility/src/Accessibility.vue | 8 ++++++-- apps/accessibility/src/accessibilityoca.js | 8 +++++++- 6 files changed, 13 insertions(+), 3 deletions(-) diff --git a/apps/accessibility/js/accessibility.js b/apps/accessibility/js/accessibility.js index 51b061f04ccb72590b6248e22f5a7deafa98b0e8..df62745c5acb0a05245a74858093fe49eb82fb93 100644 GIT binary patch delta 198 zcmX@IgyYvzj)oS-ElfEaraCG4$)&lec_n&D`6-op$vKI|#XgzEC3+?K>FGJC8cHP@ zsky1Tx*3`28Oiy1B}IwFB}&t?IhexTVNyzZK#AnU5{(i~O`TMG4O}J`rRL_BAxz8x knpmQwsWbfq2a}8#hGD6inwnN%IX;*iM922098B??0Eo3i`~Uy| delta 38 ucmeyhl;g+}j)oS-ElfEa(-(0tg-w3&f`v&<ZF(UmlMG|(_Su|F@tgo5Mhxcw diff --git a/apps/accessibility/js/accessibility.js.map b/apps/accessibility/js/accessibility.js.map index f8641606313338edf0f35da41fec0f5a01306d3a..f086995855aaac26abcd380e443c4725379b516a 100644 GIT binary patch delta 363 zcmezON&V3m^$pCLEQ!emX_HTBs5k3rw(Ds!0x{EeJxyj->H2JEM`uT!QWr;8N1aGV zKS!NlM_)%BcaWfg6Nm&e^TG09rZ!kZHdw&K+0orm$HWPwIoz?p38Xt8NP-m_IXQ-c zg!RF~+8|QL)zQ&WCmBMedjYjgU*N(#iLtER*p(TGS%8=oh}nRc9f&!$8@qDuSuj2L z8K;y?Nq%~IPO64_Nk(dJs;+KEW_m_)eqKpYVsVN3^cPP#dqfhTQYzI2MX6<(`K86R z3DawyaoSGLea6Yo57U_g)LEjgIo<mir;=!5N{R+TUuH^ef@VzKbcffR64OJUaY_h* d<WV(l-~WtrDm#Z!a!P7)a<bX>n0K5?+yKNEbKL*{ delta 229 zcmaF#Mg89=^$pCLENN-xmXl9us5k3rw(Ds!0x{EeJxyj->F``<M^{IkNJk$>onS|A zM;&)ZXGa|aClCo{W`pIyOl>DecSju)Cy<74#|$Tsj&vXimNas53<U`rgN2Qz&v9X1 z!I;<X>dFknEI`Z(#B4y!4#XVWU0pf%ESP@tIVazApJ$xq90f(GWtsV<#nZ1p<Fpk@ uOi9tmOwo+VizxxY+L*lQAD?qdZa?vyvw)q$%p@h%($ds)yTf}<C2jx>q)8V5 diff --git a/apps/accessibility/js/accessibilityoca.js b/apps/accessibility/js/accessibilityoca.js index d1438eb939c37143a9453446619b0b320e9db369..0c73ef8c6f41c466774b99e309d2b136e584698c 100644 GIT binary patch delta 775 zcmYjO&rcIU7|n_ev`|2PDOfh$#V)gDx@kcK+Kdh1q|rd)?=&@8##uU{-NNpUQ9<L$ z7!MvCk6yfZ)-)ar2aQKHTs)bW7~+Mqe}M5D8q~{onD@Q+z4vDK%FnB>hhuR{0yI5q zV<GieS)=l0T9@0gxF%YUVzDC$1sCQ3CUS3R_*BVvJi^MN=n0=jyy>F|`#7+-xQ953 zZ0r*%cRNRczTcVB4%7<;rJjs8G$FU*U*X1b;!GQvSIE=E%>`j^-FAbtM+`$)77R!D zq3bd1{(E7*Xt2OttutKz`zkZtA3<@y+l7<odv@A^X7ft8cOcg*oNLTozvyn1z#(m& z8^A}~r)Sj0gON*Jv~63ozKv94V=C{gvPHPF5i}_aL+laoB;-n}5T}-f48$PhlavK_ z-=rE{igH@1S>tcv>HGM@K1u|NYCN>@1_=?B>v~b6tylV<1`ChVb1*-oFThM1nMpyK z%7RDokhW4SdCdR?Y3`?mZ7@WkUCUxf$Qy<U4Q?CPfw$K`BtH!%x^aMMyE-9%8)JZs zntG2QUL~BGs@et-a>-olqsV|pxPOb?S@w!lzB9KwM1{)viG?JEq<%AKxOIMy9SA?0 zKv3q+#AW5SKSN<gnJ+LGtz3tI?3-3T2>~%wgM1v?wtU|+E<am?u=B$@3sLpS=URpm zhJ3q3RhFpSbUdI?%uya9*~O?rt0cHDH&2{w{X#<1%93YO$IPh48Z4JH9oqD%8zH%p zJ>CKP3Y|Gb>wK*inKm{G1|iE!i_RidU&U8>okw?_8o)r00ym80T2>!E<oyqr@<n#~ E575r>dH?_b delta 669 zcmYLFO=}ZT6lJVKo3FO?OIwp+CNZyXn%9t2W7~vh5Lb$&1-}Uq#^)Oyn#`m#^F&M( zS0XN4`1}KITr0tabfLIZ>Bf~HNO04&KcIN00o|O%J@=k_&iQ?9@9NuGH72N!S1Kl9 zQd8@Skgs)3_SBfd`cGB$NIas;t3XpZn3+9UbBi|Rbyl^7%R<L<aY$U^n_b7o4h~J? zQX%(7=iz*RG_4$}m&=iQD%Mt*?8d&skInd*A+r`SFXFe>nc2N>`MOOFgCPV^6mDSI zoLK)S+!bx^Ten-BwEj(HKJgh8_Y)SpyqMe_2C9@I;qj^EaaO#}t?dn~Qv-*he_@Io z9lkylZ9Ja4JSK*=S^vjeQ(cJiRw7%}DRz91@gN{J1y4+FrOPpa5H>J}kk8Wy{=Q4M z$D)(dks8Xphtbc>lL<i?4(~aENjfyZLT+nSMfBfj0|geI>8pUB^h<y#BfrR~7g?}r z3DP#2HQV#CuRE^JOoL+q?IOf6lQ)elG}tq4z};YSMt+%&Cx}nPusS9Wj0Irkvs#i- zyAc!$P1B%Ep3mN$5ZHi59QO`?uxVF?{E+R9u!fLpx%HHQq^{?;t(NnU9}2(BVJLGq zcO`N=nP-4u{u|&qv^>Hf`wl9lARvKiuuB5dlpm8B`4vsW&M$NpqH2q;l)RuEyJk&9 qS;D$kwBbY$2bUm{Sq&SaN&QE1=lF^KA1oAku%yYYrDL*OSosSJ)6baz diff --git a/apps/accessibility/js/accessibilityoca.js.map b/apps/accessibility/js/accessibilityoca.js.map index 0cf44034dc8220b4493f6ee18d52933872430bb1..2290088a17123993ec1721d92ff958defa48e65c 100644 GIT binary patch delta 265 zcmeBO#Jp|^^M);wd^$=QnduqH`FSNpiNz(GH%pqCG5St^<u5B!;iQx4<mg!J?4#r9 z=;-OJlkDi2?5q>$=vv`2`JKO%B1qaj6eO94qQ)Dj(z(bf&wcU-e+e!n9i_C)oKz(% zrO5?+BAbl^RyA-Xlw_plrt0ddR8PKpL7clbK{F<=Rv|T~ICb*w3rZI1Q0W|?%SzNi zaxr-^d6{Vn8vf3XdXCA-sl~;aNtrpBC6#)}uAjW&g03D+GqMEK45e5drQ-b3qU6+| L{QMH2i<D{sC)r$_ delta 103 zcmZ3tgt>PS^M);wn-5ExnlbuM{^>6(;pwB}>FDU`tds2MnCz^iqm-7Jld5E;G`WCJ zWb@*HRSgFI&W?JH$;qk3#hFQ&IhiGudL<dDxv82ld9^WlO0hah#rdU0$*Dp4`6WPo GO0@u1CnLlF diff --git a/apps/accessibility/src/Accessibility.vue b/apps/accessibility/src/Accessibility.vue index fcbc07676c6..4baab2257e0 100644 --- a/apps/accessibility/src/Accessibility.vue +++ b/apps/accessibility/src/Accessibility.vue @@ -90,14 +90,18 @@ export default { // SELECT handlers selectHighContrast(id) { this.selectItem('highcontrast', id) + document.body.classList.toggle('theme--highcontrast') }, selectTheme(id) { const previous = this.selected.theme if (previous) { - document.body.classList.remove(previous) + document.body.classList.remove(`theme--${previous}`) } if (id) { - document.body.classList.add(id) + document.body.classList.remove('theme--light') + document.body.classList.add(`theme--${id}`) + } else { + document.body.classList.add('theme--light') } this.selectItem('theme', id) diff --git a/apps/accessibility/src/accessibilityoca.js b/apps/accessibility/src/accessibilityoca.js index 99d9b714ec4..d4aa18e7c81 100644 --- a/apps/accessibility/src/accessibilityoca.js +++ b/apps/accessibility/src/accessibilityoca.js @@ -23,5 +23,11 @@ import { loadState } from '@nextcloud/initial-state' OCA.Accessibility = loadState('accessibility', 'data') if (OCA.Accessibility.theme !== false) { - document.body.classList.add(OCA.Accessibility.theme) + document.body.classList.add(`theme--${OCA.Accessibility.theme}`) +} else { + document.body.classList.add('theme--light') +} + +if (OCA.Accessibility.highcontrast !== false) { + document.body.classList.add('theme--highcontrast') } -- GitLab