From 0508475546596a908f22a000d0ac56f9cd8ec5d8 Mon Sep 17 00:00:00 2001
From: ThomCat <me@thomcat.rocks>
Date: Thu, 5 Mar 2020 11:07:28 -0600
Subject: [PATCH] Added workaround for selected reaction pills

---
 README.md        |  14 ++++++++++++++
 images/Pill1.png | Bin 0 -> 962 bytes
 images/Pill2.png | Bin 0 -> 851 bytes
 3 files changed, 14 insertions(+)
 create mode 100644 images/Pill1.png
 create mode 100644 images/Pill2.png

diff --git a/README.md b/README.md
index 78092d0..362fab4 100644
--- a/README.md
+++ b/README.md
@@ -39,6 +39,20 @@ Alternatively you can use [my Riot Web instance](https://riot.raim.ist) which ha
 #### Discussions
 Join us in [#riot-web-themes:m.dhdf.dev](https://matrix.to/#/!pjCLhvJxLkGjNQFqcB:m.dhdf.dev?via=m.dhdf.dev&via=raim.ist&via=t2bot.io)
 
+## Workarounds
+
+Currently, custom themes might introduce some odd elements.  For example, when using ThomCat Black, the selected reaction 'pill' is outlined in green.
+[images/Pill1.png]
+
+To fix this, we have to edit the custom theme CSS file directly, in this case `theme-dark-custom.css`  `cssbeautify-cli` is not necessary if your `sed`-fu is better than the authors' is.  
+
+```
+cssbeautify-cli -f theme-dark-custom.css > /tmp/theme-dark-custom-sed.css 
+sed '/.mx_ReactionsRowButton.mx_ReactionsRowButton_selected/!b;n;c\ \ \ \ background-color:var(--accent-color);' /tmp/theme-dark-custom-sed.css > /tmp/theme-dark-custom.css
+sudo -u www-data cp /tmp/theme-dark-custom.css /<riot_directory>/bundles/<random_bundle_version>/
+```
+The results are below:
+[images/Pill2.png]
 
 # Themes
 
diff --git a/images/Pill1.png b/images/Pill1.png
new file mode 100644
index 0000000000000000000000000000000000000000..17273a7bbf3eb24b7a72553e59654e1037f14cb7
GIT binary patch
literal 962
zcmeAS@N?(olHy`uVBq!ia0vp^p+Ky~!3HD`HH!NIDaPU;cPEB*=VV?2IV|apzK#qG
z8~eHcB(eheoCO|{#S9F5he4R}c>anM1_tJEPZ!6K4Cl8q4tj?KiX2ntVEW(Kp(K87
zS#0C&J1Xn0T)DG_o6XUON!(XSVjT}lr&yP8uFx4CN1iJx;!Z1%2q-3n9kMu;^GAK(
zJ##B7<GS}}i{G8Gk-yU@Z!y2WdSA80^LwAw9@QjhS_f^Jq3GHziJdZebn2;h#g7MU
z$L3v2v@8?OX1+dAVn<lm4z=rPJjarJo~kM=i7>jOU@l!>$KF5R^g*1zabEfM#oK-d
zMn0SsGuu$2+fXvPl8Zre+L6=hr89c3F5I}?Q*F^C1GVJK&7Z<jmsI5KkPP!tU3E#n
z$CqDRVPlYuc#d^gXS!4S?SdH@Z09aCElvDb(|Lh;FH4Px$3^o!3KjDzxBfZO<dw$A
z{d9Ff)xzZr`udu`+C&dd3!bf9ds)}2v+3|lzMX74?Y}Y3-~Laja)O&xZNroK?<H!5
zr=Az8;@S|k^o4Yv$)3im$L>Vm<DI_v!BzD&OUpi_=CSx1W(Ag<`|D6tE?L`pUe4M7
z%QBmAMxg1r$1b|%o(aD#uGHVC@yht*nN%U|m-lB#>0jwzpk5U`Z*_x6?P0|`Z=0f`
z&U#+^qx;3&?ZVZF=Kjx*s=w{LYIgnA>Es&0+3eC1mXqHozv#R-<++xE>-`UJ-EzBf
z(uALGFb`?IUids;ZS!-zeP3nNjq61JI`b~~^xcx=v}Wpg?w)@>iRHF^RX_hLzwoVG
z#}xFX_x_S!%Oipozlgo*mX$8JS1)vy>K4zhSO58$mZe7Bo$Dj|Ir99sa-m<P+$(LD
zzwJJ=ZDC&h`tDaLbBdz=-A!2Qqt?m0ZT_6qamk^t->{W^-)<mTF28hB%dbVBWLD0}
zIw{9!6TCZ3NaN3&vo1yFLcU+iuif7i|NHigPZI-#UQJwe<HLOG)oDV}0ZW&2eyxg?
zJ$lBT?{B*2y8WW(+iQM&|2%6}^u}39(=Y$z_?xYj=qmEpQPtV~-<zmsDMD2ofBCf{
z-}u*8dTdky#(wAbzyL{!$s6?@oH|9k+j5V8?h!pKJ!7%2>Z<A4MY+ckbdK@tcv?Jh
zk>DPM9gck_cXZkd_T8N#yzb;y$>xnrd!~qBPrPUedx{Usf5y9_(``Akt|$ZZ9fPN<
KpUXO@geCy6cClvw

literal 0
HcmV?d00001

diff --git a/images/Pill2.png b/images/Pill2.png
new file mode 100644
index 0000000000000000000000000000000000000000..451c1e75f42c81ed97b4d9dc647c36926ae47f2e
GIT binary patch
literal 851
zcmV-Z1FZasP)<h;3K|Lk000e1NJLTq002G!001Zm1^@s6rcO!100001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0_aIZK~!i%<(SWF
z6G0TmBM3q-p8R$4P_Kn}=}}KDf_U+d$R!tV8mfh!^dv&nLqWk(4=GBaAcRm5j3<-O
zBtnEpnwV^$x1PN8@^xS0ZZ<pL-Pvs1C{Ex5?KjhT-?#JT&1_Tl2ZlmL6QH6AP|*aa
zXaZC;0V<jR6(e!(>=`_`bsoig7x5)`8I`pwi6C=J42dN%nU@$)QHz)mL*=2l<dPmU
ziX|~6HuE$kR177bxqzx-Y<@^=@xZ)I0Tlz0fTLCZyNHJwlcyp@N=&=bo69(@+yN9;
zak5Fq&wzNDq3o%sAWcQrz>bS7VIRdM`nPcrPca)F6&2*khLw0{Z<QxXINe*Ma|pFJ
zPtp0-gw-ElFzCVhUO?-0nvNC3Q_NMTqJkVJf!#Z>yn_fR`<Ku0qt`&UkU{;iXlZ;c
ze1vtBN7FynWpvar&l;$x5LV`qO56`E`7{oP343{h?x2qLwqGA3-k4_%R8(LA9ZpJ~
zg!Zo?w~|6;WdZqp^1Cyxw2Tg!OJRElz5W4O$^)5%dDcKh1s2TVr<06LcVhw1w(OrJ
z;p}yM&i+n#>k@JsH^+%rZs3^AHOXzX>K$0+hd89)k71rQP*H&ebMPh}9bMvSG)pyD
ztsOKqt1U3k8mOqif;qUQZm())Sk}P|t3k$wmb#tvrz)(jUE(j;_bSY@1}Z9qH8=Mt
zv&;L{`c;~+aDV--yU)Xpw8n=6SiLIRZ-b99FNrp{(Bo`v$t`!;<C)zG{GaY_%CpCV
z%e?XKJ^H;`<fIcn&U6<T?^!-f-nZK0q{FVRSsb<H;-X@eACd8MxWGiYvU*pZ6Qz?+
zhj>c#$|}f{jrKaaIC-`wkgzb9mlOvhUrQY%V6>G_28lgm(gGE=NQue*8m+!=@Baz@
zfqy+YNK+9La-8TJUwmY4i6OCKHZlekO@N9fKt&Uvq6tvZ1gK~NR5Sr9ngA6|fQlwS
d#s8cXegVaOVZjjrpymJo002ovPDHLkV1l6^escf-

literal 0
HcmV?d00001