From 98c08d19b3cdd8b24fc301364177455eaff08e9f Mon Sep 17 00:00:00 2001 From: Jordan Vidrine Date: Mon, 13 Jan 2025 11:52:21 -0600 Subject: [PATCH] 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