From 98c08d19b3cdd8b24fc301364177455eaff08e9f Mon Sep 17 00:00:00 2001 From: Jordan Vidrine Date: Mon, 13 Jan 2025 11:52:21 -0600 Subject: [PATCH 1/4] color scheme issue --- assets/stylesheets/common/rewind-header.scss | 10 ++++++++++ assets/stylesheets/common/rewind.scss | 2 +- assets/stylesheets/common/top-words.scss | 8 ++++---- assets/stylesheets/common/variables.scss | 2 +- public/images/rewind-avatar.gif | Bin 0 -> 2691 bytes 5 files changed, 16 insertions(+), 6 deletions(-) create mode 100644 public/images/rewind-avatar.gif diff --git a/assets/stylesheets/common/rewind-header.scss b/assets/stylesheets/common/rewind-header.scss index 768a272..606dd01 100644 --- a/assets/stylesheets/common/rewind-header.scss +++ b/assets/stylesheets/common/rewind-header.scss @@ -10,6 +10,16 @@ } @media (prefers-color-scheme: dark) { + &.-light { + display: block; + } + + &.-dark { + display: none; + } + } + + @if is-dark-color-scheme() { &.-dark { display: none; } diff --git a/assets/stylesheets/common/rewind.scss b/assets/stylesheets/common/rewind.scss index c984b78..bc7ee62 100644 --- a/assets/stylesheets/common/rewind.scss +++ b/assets/stylesheets/common/rewind.scss @@ -50,7 +50,7 @@ .background-1 { background: url(/plugins/discourse-rewind/images/blur-bg.png); - @media (prefers-color-scheme: dark) { + @if is-dark-color-scheme() { opacity: 0.15; } background-size: contain; diff --git a/assets/stylesheets/common/top-words.scss b/assets/stylesheets/common/top-words.scss index 87ee1b8..a75939c 100644 --- a/assets/stylesheets/common/top-words.scss +++ b/assets/stylesheets/common/top-words.scss @@ -68,7 +68,7 @@ .rewind-card { box-shadow: 0 0 0 4px rgba(var(--mystery-color-light), 1); border: none; - @media (prefers-color-scheme: dark) { + @if is-dark-color-scheme() { background-color: var(--primary-200); box-shadow: 0 0 0 4px rgba(var(--mystery-color-dark), 1); } @@ -97,13 +97,13 @@ } &:hover .rewind-card__inner { box-shadow: 0px 3px 8px 2px rgba(var(--primary-rgb), 0.25); - @media (prefers-color-scheme: dark) { - box-shadow: 0px 3px 8px 2px rgba(var(--secondary-rgb), 0.9); + @if is-dark-color-scheme() { + box-shadow: 0px 3px 8px 2px rgba(var(--primary-rgb), 0.25); } } .rewind-card__inner { box-shadow: 0px 0px 6px 2px rgba(var(--primary-rgb), 0.25); - @media (prefers-color-scheme: dark) { + @if is-dark-color-scheme() { box-shadow: 0px 0px 6px 2px rgba(var(--secondary-rgb), 0.9); } } diff --git a/assets/stylesheets/common/variables.scss b/assets/stylesheets/common/variables.scss index 1b4c4e3..1141869 100644 --- a/assets/stylesheets/common/variables.scss +++ b/assets/stylesheets/common/variables.scss @@ -17,7 +17,7 @@ border: 2px solid var(--primary); border-radius: var(--rewind-border-radius); box-shadow: 4px 4px 0 0 rgba(var(--primary-rgb), 0.25); - @media screen and (prefers-color-scheme: dark) { + @if is-dark-color-scheme() { box-shadow: 0 4px 5px -2px rgba(var(--secondary-rgb), 0.5); } } diff --git a/public/images/rewind-avatar.gif b/public/images/rewind-avatar.gif new file mode 100644 index 0000000000000000000000000000000000000000..8fc7ec985e5aa91793c7246e3f1152a25761cd8d GIT binary patch literal 2691 zcmai!d0Z1`8pk;V0f8d5$yT@95Ja&;E)YqSx-0>~6_z3%t7|nTqok0dNswbLN>K#K zL4aI@gexH&5?16!kW&SbcyJXD@B{%xK~bPWCsEM-e8A2>GxN@Kyx;l#-e;?imn)Wl z*Td^ILG{dY{06uEF#GP^%*30gemh5ks56t3F9nj9Nutr1xYy^)#xs?}Ka!^J^^Hcy z&b)m)wCBLg#KbTVJeDe-x_#$G#5Vha2eY%YdW&2(v&;NE19y11`+H&#C_{ZP3|!jd z>kq>dSOoCCc}qB*Knw<0utUHRGSv+}T73}?Ba__VyEpiveCZxQ5ZODD0qltM3nWGc z6R{-tmhWMk!*SshIt5@6VBwSyDias(1}BhchX5S-tX)RJVY(1jup8W6`vIoy=|N)v zFf0P?NJOD9u#H#*0Zk;KF^8Se4loP~n6t zv;*JV;6W@F9fw4Qg@qx)oDej|5hNOm#UfD{BnIOMMmRDfs4PObBb8}8R{;+&i3~EG zMW#_<+KPljv{05C9Ng@C3JQI`ER~7S5g~{)3NoBPN1_oZE!AA0ukYtWDU|tWCMy8= zxZec}GXo>&05Skz(n1+T01UU)wxZ)a7yyAqV+7J@A#*>{KZwSnF@tDy7{&#Gf!X^K zh-9jEWt}d?*B9qQWwHoVBH)8}gM&p7WHJedaz=YOp*CVYuwJfcw5OLV9)rPdz`Hm* z;n5g(tjk<3o<g`=Ys8Lr~~oXFR|l9|cHW3>pQdqsEaJ-^<2D>wU;2 zExs4mMRSqhW{_HKKhb(_2{e%Qao)V(%e?&oD(HCzXm0)4nRmZWPffmkGx7S>_}I%A zqtBm>3=cgW9C-5h(ZdJ#`}^+Qy>q+wx1R2<&W>9*Z(P^3Uu(PC+H&RcrRJu_hWfgT zwKW&2t12tX%Subm7oYoIk-G3~L4IDYDo3fv&dSV4m&?+msS>eBC`d_8;wSRB9CpH) z__))tr%uNF8hzq;)Gx>W8yOKEb~Kd5Wc*C0Q7Iw8Kaqou90o|lLxh6|e%$|`eS81C zXZNn1fja_z@c);e@AiLg^YPy5<%#$Bhx^~ReDAh-6AtUT(Pe|P69$b!A{-sof49zl z?Haq)ws0HRw}1QQud7ym{TC?Ys})~bFSq)_(!zY1nW@QAW1}U82H=RWnOtJJLJz9v zpdBjOL8WKZ)NjWnk>x@8>X6}Dx`T#A=?hnn9vhvl%b=UsLr!nXwvOL{lei2N@6OvL zy=kjytpQ4LYS*c|@tQ}f$veI=jUnq<5Rr!Xdia}f`)=KcI({_zh| z5t5V)NnD*G7DB~o!ZaB-Jv}o^!cpe1b5j%rfDL3$oQWR2iCHzLIQV)OIZqWV>;b1G07ZaIEg$Q}M1q z4_0pP68o#nx4qk`?q0Q_w=t5k?{N3D@|1K_aqqDwc`ce}Z)Kc>0ajiDw{vtn>Nq_b z8FO-8E^nP&wxC>MX`(cZBbR4nO4tfzf+{6DUvO5z%TLV|!m~;%c+0ITR~uOB*Vr!A zudgvMX}(lpXxe&JXknzO0J%C!&CE5|8~Xb1KX~{^M>V)0P~D#ak*w=T#_Rp<)jsb$ zi(K-{!k%@NbnXw^Zn!amINCO{LX{1;OgVCB1Fu5F)4N)4MmhcTiT^N=L_UOTmn2Mq z3sc3ZQjScPo*`mqD-v>&vhtD(vQzTJ(4yk=^3saR%H`HowjdFx)6#~Yf?$^x)eCme)qEn( zJKM4)@PXLp0D!A;j}Q2+^QhxkN&jBx3!~HIZuumeE9~C6)}mIR8T`4Ltu88@b_qH0 zQ7;bH5yDS`@Yd+Sq!Oq!ji()gVy-fWlbft4NGViG3S{!E5_onws8>zxIs?m#TE)O) tb?H*Iq3P8&5bgR635eF&#RbuBUzJ$he;|8&x%__P`yn_sUTdSb=?}qOrpEvP literal 0 HcmV?d00001 From b92ceee74ae6228c04c2690ef06994adacc97054 Mon Sep 17 00:00:00 2001 From: Jordan Vidrine Date: Mon, 13 Jan 2025 12:58:59 -0600 Subject: [PATCH 2/4] more --- assets/stylesheets/common/best-posts.scss | 4 ++-- assets/stylesheets/common/best-topics.scss | 4 ++-- public/images/rewind-avatar-2.gif | Bin 0 -> 2692 bytes 3 files changed, 4 insertions(+), 4 deletions(-) create mode 100644 public/images/rewind-avatar-2.gif diff --git a/assets/stylesheets/common/best-posts.scss b/assets/stylesheets/common/best-posts.scss index a906d3d..b0cf3bd 100644 --- a/assets/stylesheets/common/best-posts.scss +++ b/assets/stylesheets/common/best-posts.scss @@ -26,7 +26,7 @@ z-index: -1; position: absolute; top: 8px; - left: -28px; + left: -20px; width: 0px; height: 0px; display: flex; @@ -39,7 +39,7 @@ z-index: -1; position: absolute; top: 8px; - left: -28px; + left: -20px; width: 0px; height: 0px; display: flex; diff --git a/assets/stylesheets/common/best-topics.scss b/assets/stylesheets/common/best-topics.scss index d2eb6ce..30ff5de 100644 --- a/assets/stylesheets/common/best-topics.scss +++ b/assets/stylesheets/common/best-topics.scss @@ -47,7 +47,7 @@ z-index: -1; position: absolute; top: 8px; - left: -28px; + left: -20px; width: 0px; height: 0px; display: flex; @@ -60,7 +60,7 @@ z-index: -1; position: absolute; top: 8px; - left: -28px; + left: -20px; width: 0px; height: 0px; display: flex; diff --git a/public/images/rewind-avatar-2.gif b/public/images/rewind-avatar-2.gif new file mode 100644 index 0000000000000000000000000000000000000000..534d5f8f3d7ad399a88d491822d9546d7c872ae2 GIT binary patch literal 2692 zcmai!cU+Tq9>>AaRz(Wda8>WFF*vXXSs;=qwMs};8j665dXAVx5+QlgBs72n7Y?%b zf)F49!*VMi2omrt$~Yx}fZ||-f~duD!abpY?dt{h`R93_U%u;|&*%C6upaM&A>!=uR!1|5qzDQJx`z@@WB9`Qt`)phk^y4ZN~^0bR>im;R{=1`vGd}=?AbVPz)U9 zK|&(Y&=nXs5k(@S(0jd5?oc!m?S(+05J(>nls6WM!J?7S(F+DPWRdq`gK_xLcHo;Y zjLP9Ku?Pg0%Y}12;Q%Wffx=)g2qYSTMtgt}9_$zfhZya_V7rc0z){#F7LCcF0Su_E zB5@B8#qouK!~RY|XO5R;u;C*_a1uaAL=%|^6dY-z8Ve*4J{?M@k4LjP!IY2lPFR>7 z8pEU@f+=huibbM;;jXq;OspS^LgWCfPymP=`y+#>00&@G0VWjf4M#)W2t*Q%VLMqi zl0qP0*E850B7;O(kMo6rMc_0V8H@Bn;XRQnaDEuP4+`av_ramjnB_QcFHal_y$0hw zmWu;OQFID}GnPyKnCm}juFVj1CfFHAVbOk}knt>l4jrM!(k7o}?WFZabIFs>;x}n7 z0vrZm)AkQqj~#&qvOSKQ7knAFKZOB$o&}oQet77^|K7iQ`)2UB*RNglgE!*9zJMpYP{c2UuUhoclWuZdd$z>pwTk%PgfgN{X)+6<#aI z&%1i%@}-Lx&YwG*o0FZDX+D#YZZf8&rWlg-Nr^hGMy*mRu`24f!)22=VSH!}%(`L-IbFp)`?G@Xi zvYTFRSS%#d^wiAU$e!y=_i7HkB|5k7K;LkQff+XCYXR=T&zeGy{S*+8RUdk3!2&^LQB*^cKJLMLG~+Pqz_Al2Pn}NS@dZMWSdsvd zE96p`QVWslbP|2CC?%C|H1RUD!c1j$j!JMYF)cI6sCG%oFD$xVTymq-Qsy?Jbc%z0 z@wBO*+t(D%p7mKxoqGDrFY21bUpYH9Ke;V>+Ae8-Anj^Zca-gt zY@Pf3gNMlj(IHrkSH>&6d2`&|@X8ARy(+KVyusvakulglJ9g$5$gYQ;%fPPMgFUT&CT%$(!Mx!#L@V12f`r|sYK)|Q$ZAJ zwMdsJ&?hIPq@Fga_!%;Drkt0fF=S{{6fpgj{DM&;wBsE6>mbq1!YK|FxAQ@y>KYM< zWUWwuNKMU($JGU`r65sHZ`XuOrGLTXoe(^4nom-m>D6HN5>v>|r~pgs<)-j@oi)DP zlZD})NVneEu>g5uuxbn18hg(*A}sFcvE$=RDKIe01?70-&njKDsZ@2{(KXJsn{XSJzjUAhkT@vE|w pd5*7(YTLS~uCbw6tvZ_ro5apekK2{)kMp|fdPcV3OAu}4{{h9*p=SU9 literal 0 HcmV?d00001 From 3aa0610252279156e63c39ff07c90b04231af77c Mon Sep 17 00:00:00 2001 From: Jordan Vidrine Date: Mon, 13 Jan 2025 13:14:33 -0600 Subject: [PATCH 3/4] shimmer --- assets/stylesheets/common/rewind-header.scss | 12 ++++++++++++ public/images/rewind-avatar-2-shimmer.gif | Bin 0 -> 5219 bytes public/images/rewind-avatar-2.gif | Bin 2692 -> 4119 bytes 3 files changed, 12 insertions(+) create mode 100644 public/images/rewind-avatar-2-shimmer.gif diff --git a/assets/stylesheets/common/rewind-header.scss b/assets/stylesheets/common/rewind-header.scss index 606dd01..0f7e97a 100644 --- a/assets/stylesheets/common/rewind-header.scss +++ b/assets/stylesheets/common/rewind-header.scss @@ -45,3 +45,15 @@ font-size: var(--font-up-1); } } + +.rewind-notification-active #toggle-current-user::after { + width: 48px; + height: 48px; + position: absolute; + left: -4px; + top: -4px; + content: ""; + background-image: url(/plugins/discourse-rewind/images/rewind-avatar-2-shimmer.gif); + display: block; + background-size: cover; +} diff --git a/public/images/rewind-avatar-2-shimmer.gif b/public/images/rewind-avatar-2-shimmer.gif new file mode 100644 index 0000000000000000000000000000000000000000..b6da4f834649f7702994ed28028092fdf2374853 GIT binary patch literal 5219 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 W(z8%;k77Qd+PArh3PK#F{_!t9wSAZX literal 0 HcmV?d00001 diff --git a/public/images/rewind-avatar-2.gif b/public/images/rewind-avatar-2.gif index 534d5f8f3d7ad399a88d491822d9546d7c872ae2..5135e835838ff22d06e0d9084fcb41fcde078e3b 100644 GIT binary patch literal 4119 zcmeH}X;@Qd7RTAtilTK%X0%f$1Q4u{jYSfr3WQXxVNh_&(5V`dtE7;{BtT%;5d?1kjDMSOJ!8dS&)f&&?{Rd~Jr(aJ@Ox+oLJvliZpEMf4963V!rKqDe(ZbnryS)|k@V&5{-+YzV?WB1B*Bxg{WiLxnVA`bw_oNnt2{k?yxm>BJa8zC zu^|`+hLsu7(4-oLCjr9a6=C5 zIN=bHG`Ai25)SaZaGIcsw4B!J%8NY#yD(L_ifO{;Xi03leO0mV&`vD9hxc^h78si-G1-*k~*Y15wQflF9!*l)+et z=JE~!Z~9%dFxMxH4WJJJTvjlL3V`7j&{k}MI|rcfSR5Y~D`@_Q^a^0{Slj>>8-a5| z;Se@t3YE@;R<`L=$YjDkCYMKHQh|L$7bI8&MW@pU_Cyc7GnVA)?uv25Vm(OCL>vz9 zNOW?rCt`7~c&GVXB8wW#0GPb_T-uvlx3}g(hG4M4orwU49s_9} zCD~(kklgVk=f!)O&802U%WSSQ=B>GCuo*O@?LTNezXTcxx?M0Y_^@DqfC+k@1De}# z=JoWesh5)zFP{JM?B}1JJ{kXUY;@%Dqv3}S?%%sR^!L9F-Wlk>eXH;04>!KQ{#|cR z_qD56x;ig+v|sw`x8GcBYi((6YHX;ltF8IE`oj6DuPV<~l$V{=m6m9WHR__mg8V#{ zGFKtbk!4G>B$;ASM!GOfka{L1Iq7s_!m0SU*qG?3$cVp$hw(#0f_YrdNj8hg2nzg? z9&q9~K%@FojvYPn#h*X-`;+fye?08tedwUqA3VtiKHa}>?qh*;sG2va~>&BYwZ-!{2?ddDCxy1BY$guzub9YuA{qUS+!S zy%o!snHU>^Bf@;rWaUN!xPdJ+SD-;b++0}eaPzl zdNMNVM2uBj{3*-0BNU{b*sXr!xI#s)qka#pwttF!0iDfR}lG{{3jM)MOGzF~Gm zv6k;5bkl~`3EDkw}= ztBbXH3A(ef<%-hE+$x>0GGD9IWJ6R3jMg^KVRb-QSFS=>-(44iSbevIgIC(_-GA_K z_)+tsKwrHJ5Ft7y;Mt_euf$dd*YzH$wW;8NGMyfxcXh!vhJhhFZPGd)wvB(uJVvUU!TjsMh-GOgnQAHVvBZ z_`q16K>e~WV!1|#uI`^s?C5KK_HxTr@mNHppJi-ZyhZG3>(CS%z92nAWCfFC!NhQ> zTqIX!C{-!>`GrM_)5Y5OQmLjayP`O~EVoFemeoNRjYiGzbs&jhBPdOKy~zsDY#>aJ z420?F%~)gBKhSn}R+qZ}0ccJadS*~az}V&U$0#pMjpgxFdS65$s7p0`BC+`%<)w3? zs<7iE-{+&q`0boTTSjuKAWi5B6NzEzmYLaE@N7kvA~#K?$}f-!)S6UnW|2-(rcT%8 zROZO@s%!N?pwTRi);57Ojo|s|sM8xQM{l%rz0uMajFz(~P|Ld*ZSLgs+W3y1yDR~k z-O6Fl?N)qykkj|d{nMj?)z{3tE?wBe8&#SK$3nfgN5t8lOt9l5odJP7U>PEq&`K2g)IxIOQAyo+4&Pi`O5K1gpij*p$-gc?Q+T=Og zWk9xrt7~RYPitEX2nFeMsR4qL>7g?8P$E5)XsEkp4ytJuYH4!o|Bsd?_tNBEn%v-< Q+`qi@EKTnJ%gMd-SI9^|!T8d# z*<8EHZnC+_VSsoe0SRCZ$08w&5I_PV3V{FuA{LYpyP*{O`Tg>n|MNUA^7%y|`uk|= z+I0t`yrR4;6fcryTkqEG6OTJyD%6v&U%zp-_3uk`Z`;`yzkl-Yu@RB<)y>-j$tjcL zw@+jDR@4}8HxUR}F+J$fZ^Zb(EZH9RCT3i9y|fKXxp^sV=tIgy(;t)s4m zDv2?KjrhZQV&tZqRPR&*!3w4M1k&P(pMX*AzY8l?%51IB?t*xIwflOOaq`yv-I)X4 z-j+ireu{}HYX0R`U?6BSX0%A8wDyUxlyfIeXJ5+A%cnD#AdAi6(gBzc^MV8-fQMmR zsf?{qGF57ZR>Ue46zdW2nz*1)qCzQ(vI=8mRrOty*|L0|iAY*OsG8;d0inKP!TdS( zP3UZ&xlL`HkNn7OPam+Kxwx)&p1TX}u@1i&Sq2eE0F>&ph<4^&;>e$|>xB{8QK~ME z_Atp-v-vO*am6q;`++5SpFf$J>3F1f_U&wS{n0z0<{0WZ8=7)HDfQz2ygVou5Fi2= z#Q>gI%$3R6$^xcZ!?=vGictL(A$VP)Dw3*2GWcKbQeV@&4++&o65)QZ5f|6mAYA;g z7Q)3X54nEi$1Tva4%lVt>mPVNxY}bS81cZ1Xj=jfl>N|z{;VZ!HEzGsyy)va=BzUb zhnpw5bFlCmt*14*zl_7<5-`1ev>fI)5A8ZhTb+6#BrRtqZXN)^5I2Y~1h^s*Ml+;C?)?w7s`t8s1>&i$;W0_WD*5uDrT;NaX=C+A6> zx!cv#>+Y+bf>zs-lQW;&L%vT{yEu<@i8G4~yD^l=-q_@k; zr-@;{3kj7t@m>XyRP&$=CkEK-*|^bB!^e%zHh!nQyvu|W`v=@pNYhl!HS`_+v(`!s z>d~>{rRvyy88POp5@%8~=E$*zpIDc9N#m&98yIqFtZrABBda0!SUl}Q_Qe@$B*5Wv zSW9>U01iSBAtq)?WekOqt`dM+o~{sL>QT8?NKxGqVWt03P3BPFyVEs;r)!paYSxu{ zYBmb}$WK~JyF1H!E%@k%o=<5lxb{=po8?;)$<>KZdG-6#k7n;V)$oO*)* I`NC_%KX)6qDF6Tf From a42428442f603964a2f8a258d2d6027953d01517 Mon Sep 17 00:00:00 2001 From: Jordan Vidrine Date: Mon, 13 Jan 2025 13:49:26 -0600 Subject: [PATCH 4/4] more --- .../after-header-panel/rewind-decoration.gjs | 37 +++++++++++++++++++ assets/stylesheets/common/rewind-callout.scss | 28 ++++++++++---- 2 files changed, 58 insertions(+), 7 deletions(-) create mode 100644 assets/javascripts/discourse/connectors/after-header-panel/rewind-decoration.gjs diff --git a/assets/javascripts/discourse/connectors/after-header-panel/rewind-decoration.gjs b/assets/javascripts/discourse/connectors/after-header-panel/rewind-decoration.gjs new file mode 100644 index 0000000..00c2c36 --- /dev/null +++ b/assets/javascripts/discourse/connectors/after-header-panel/rewind-decoration.gjs @@ -0,0 +1,37 @@ +import Component from "@glimmer/component"; +import { TrackedObject } from "@ember-compat/tracked-built-ins"; +import bodyClass from "discourse/helpers/body-class"; +import KeyValueStore from "discourse/lib/key-value-store"; +import isRewindActive from "discourse/plugins/discourse-rewind/discourse/lib/is-rewind-active"; + +export default class AvatarDecorator extends Component { + store = new TrackedObject( + new KeyValueStore("discourse_rewind_" + this.fetchYear) + ); + + get fetchYear() { + const currentDate = new Date(); + const currentMonth = currentDate.getMonth(); + const currentYear = currentDate.getFullYear(); + + if (currentMonth === 0) { + return currentYear - 1; + } else { + return currentYear; + } + } + + get dismissed() { + return this.store.getObject("_dismissed") ?? false; + } + + get showDecorator() { + return isRewindActive() && !this.dismissed; + } + + +} diff --git a/assets/stylesheets/common/rewind-callout.scss b/assets/stylesheets/common/rewind-callout.scss index 4c328d1..c50e3c5 100644 --- a/assets/stylesheets/common/rewind-callout.scss +++ b/assets/stylesheets/common/rewind-callout.scss @@ -1,19 +1,33 @@ .rewind-callout { background: var(--primary); - padding: 0.5em; + padding: 12px; margin-bottom: 0.5em; display: flex; align-items: center; justify-content: space-between; - width: 100%; + width: calc(100% - 12px); border-radius: var(--d-border-radius); + height: calc(100% - 12px); + margin: 0 auto; + box-shadow: 0 0 0 6px var(--primary); + transition: box-shadow; + transition-duration: 0.5s; + transition-timing-function: ease-in-out; + .rewind-logo { + height: 30px; + } &:hover, &:focus { - background: var(--primary-low-mid) !important; - } - - &__arrow { - color: var(--secondary); + background: var(--primary) !important; + box-shadow: 0 0 0 2px rgba(var(--d-blue), 1), + 0 0 0 4px rgba(var(--d-green), 1), 0 0 0 6px rgba(var(--d-orange), 1), + 0 0 0 8px rgba(var(--d-red), 1); + @if color-scheme-is-light { + box-shadow: 0 0 0 2px rgba(var(--d-blue-dark), 1), + 0 0 0 4px rgba(var(--d-green-dark), 1), + 0 0 0 6px rgba(var(--d-orange-dark), 1), + 0 0 0 8px rgba(var(--d-red-dark), 1); + } } }