From dd896a9051e807f80cda8e3032ed2c9f0e14b614 Mon Sep 17 00:00:00 2001
From: stCarolas <stcarolas@gmail.com>
Date: Tue, 25 Jun 2024 10:35:05 +0300
Subject: [PATCH] make font demo background more visible in case with white
 color

---
 public/opacity.png                              | Bin 919 -> 684 bytes
 .../AnimatedFontProperty.module.css             |   2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/opacity.png b/public/opacity.png
index 0fda3b904ff378427657d2e8671c3c1d162f4bec..35a421d01a4c9f0184270acc5ed315defd1be82d 100644
GIT binary patch
delta 598
zcmV-c0;&C%2do7liBL{Q4GJ0x0000DNk~Le00007000072nGNE0K`&P(~%(@e^3;K
zPgAu;Dh_r~amY}e?4lyN)hZOBLZ}s5bufA9A2ex5Qd}Gb*MfsTi&X~~XI&j!1wrr!
z#M!|~(M3wUFDbN$^}*$RocGS*zWV^7US^ur6$3QgHdBeXn8~h+fmifkh-wx=nOVl1
zBqh;teci*y_q!<1>U{6d)u-kxe+KwO;utebn|OnGdeb&I?-PevQC5l1iN{T9kob}7
zipOu93oZ*hGi;_)^Tc6dvCzg!8?&OR5l<0ER86ORA>*;id5g1FuCivI{Dq;MzOu}9
zsu3ixh$To6p`eNq%CHfoT_?ptiq7L5{KKwaB9}t05*RraP=N;7^@IPxfA85^`N;_{
zDHI2~UmWLS6bS4Bjhf?pA3ILt1n@rtS9;4|sRJ{gq}N(n<Ot~B1}?5!nz9F6?f`>N
zhHT2N<fjtydEotwz9|a~+ycF8-rSn!IDG)pG^^wdaBv8W6)1bX!@Gm+bNlyBbACUZ
z$#S>M7^?^X000JJOGiWilez&Z2pI<uIvo=OoRjMTCw~BhNkl<Z2-h{sF%E<<3;@Bk
z9Yqw8poIUwh-ak7k_B>n)lENg-*-g>X2yA*T-QZa;qIurV`gL~B7&+SBCNG&V+=AA
zRi&zU-<Ql}t%b}vOH~1g2qJ>20-zno!CDIdcW2JYwr%YDPE%F>v-b|b_kFlK?Rg%0
k?}!MQ$r~60RmIHs0gN<8XjAT(egFUf07*qoM6N<$f@O{g#{d8T

delta 835
zcmV-J1HAmK1(ydQiBL{Q4GJ0x0000DNk~Le0000S0000S2nGNE0CElAl#wAEe?T0?
zUsJVGDh^f<b;wYi?BW-WwF*V35Nd^19ZW9$5Slb3DK3tJYr(;f#j1mgv#t)Vf*|+-
z;_Tq0=prTlFDbN$_29T4@9sVB-T^|b#5AiT257o%rV?>6lU)%5ujoQQf*8V-%q(M8
zl9FgUzV6}U>s^#*wLkag=uvYPe*=6Xaf}(JO}tJ#y=fbq_ld)-D67Qh#A7C1kob}7
zipOu93oZ*hGi;_)bHrg{vCzUw3$voB5l<3FR86ORA>*;id5g1Fs<6gA`3plieR+xN
zG>4JE0u~`bgn|k-P=bvptvV?dQnVj$;~#YW61fy|ZGe$u9%X2dT|f9AfBf#&%1?}Y
zNufB<`QkVqBS2sms8=25``B^nCxHJMxYC>cat)aIB)!_yB1b^)HgIv>)RaBoat9cA
zGGtSBB|l9ep9kL0=$o=Y-z^Ya^?GaU<MaVYQ&-6w;NTD#El~Dan|F7&_V(|YMt?uS
z*mA}KtqjNj000JJOGiWilez&Z2o(w(EpU6~yp!tzCw~ENNkl<ZNXP9~(Q3mm3_Mv%
z(?I|K8~Xu$Nn}ZT*yLq})@B=B2NeW@$yqvCz6+ht=P)zei--UbAtC?(B7)QDgk@R2
ztlx@K3IM>&AltS<M9>RnhP%Vvp{lKrS}U0OF1FU%lFCT3h=98{c4h`<1~U&aBq9*e
zJKNsJ$$u^)U}hj9xI4@YwN{Mavor3FKD`e>wj|%P>d`Zd2rx4W9vrWPuY~^~VJb*Z
zDN;{stxXsA3NnHR09lr$ZE{cA@&b!UyZDLgB~5kOwheT-Tw<Q*Zo<8qs4CWVg{lro
zTNXq_kmK>#1&IjU9Ylmu3Q8$h*A=zawl?AxO@B*A0DCXYiX)=AM~`6|fS6e~VOp4(
zwf3fCFmo5Ls%>y&nx<|`(`2uQC!aLrTX8rXK8wE|h@Qpl8Ri-GrZl}YBF6l%lmb<4
zzY;m-(=-j;!-!~Ye@<x|VexcY+6L~Yn~V(Hw;29bTgxNc`6pBQ27wF-@;1OgP5=M^
N00>D%PDHLkV1oPtb^-tZ

diff --git a/src/components/ConfigurationPage/widgetproperties/AnimatedFontProperty.module.css b/src/components/ConfigurationPage/widgetproperties/AnimatedFontProperty.module.css
index 1199180..46938a9 100644
--- a/src/components/ConfigurationPage/widgetproperties/AnimatedFontProperty.module.css
+++ b/src/components/ConfigurationPage/widgetproperties/AnimatedFontProperty.module.css
@@ -12,7 +12,6 @@
 }
 
 .demo{
-  margin-bottom: 10px;
   text-align: center;
   padding: 2px;
   border-radius: 4px;
@@ -28,6 +27,7 @@
   position: absolute;
   top: 0px;
   z-index: 1;
+  filter:blur(1px);
 }
 
 .democontainer {