From 95a0f2c3a18b93587fbbfda72258221148bf9b24 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Tue, 17 Oct 2023 10:05:45 +0200
Subject: [PATCH] style(feed post): add dark version of expand buttons

---
 public/assets/buttons/close-button-dark.png   | Bin 0 -> 1960 bytes
 public/assets/buttons/play-button-dark.png    | Bin 0 -> 1800 bytes
 public/assets/buttons/text-button-dark.png    | Bin 0 -> 1627 bytes
 src/components/feed-post/feed-post.module.css |  12 ++++++------
 src/themes.css                                |  12 ++++++++++++
 5 files changed, 18 insertions(+), 6 deletions(-)
 create mode 100644 public/assets/buttons/close-button-dark.png
 create mode 100644 public/assets/buttons/play-button-dark.png
 create mode 100644 public/assets/buttons/text-button-dark.png

diff --git a/public/assets/buttons/close-button-dark.png b/public/assets/buttons/close-button-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..11e7f0e63f6d757a8434c4ed9e6912394e10d307
GIT binary patch
literal 1960
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
G5}E+#a~f9w

literal 0
HcmV?d00001

diff --git a/public/assets/buttons/play-button-dark.png b/public/assets/buttons/play-button-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..7590f6927f6c9f4924d0b692cb2f0888e103275c
GIT binary patch
literal 1800
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

literal 0
HcmV?d00001

diff --git a/public/assets/buttons/text-button-dark.png b/public/assets/buttons/text-button-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..04261907300a87b0ffe7da9727b7097cf11f6e31
GIT binary patch
literal 1627
zcmeAS@N?(olHy`uVBq!ia0vp^dLYcf1|-9GYMTQomUKs7M+SzC{oH>NS%G|oWRD<U
z28Jp%28M<f28Lfip@tU>45bDP46hOx7_4S6Fo+k-*%fF5ln6+T@J#ddWzYh$IT)B2
zg&3HDEJh$?XwPI|0katxfF=O}^8!YM>;fjZtlk1<1RJE#!JkWtfq}^&GbExU!q>+t
zIX_n~F(p4KRj(qq0HlDyrosxy%uOvxRH(?!$t$+1uvG%9umZ9{!um=IU?nBlwn`Dc
z0SeCfMX3sAdIow1N_Jcd3JNwwDQQ+gE^bimK%T8qMoCG5mA-y?dAVM>v0i>ry1t>M
zrKP@sk-m|UE>MMTab;dfVufyAu`<LEm^m(~#mPmP1tppJc?uwN6O-~wOKg>tKo-FP
z#GR=XnFyQmilN>DdQcxEqi?8ZppQ*kNoE=jZ6FzlHn6`S*4cmzvkJ(pNX?0K$;?g7
zD+W5v&cw_HYzu}2!krL}&iOg{MZpD$$*FdRP%TJ8=&HfiMBuUpNdieD$kkT<MVYC<
z00jjb$Q}$asCpZHP?#cxF(d-PqQDrm<Fe6*rv^K&j_sQd0F#=Zr;B4q2J72dh91&^
z636%N_D-6xo6X7lR)Uu7mSzhNjS#^Whl5L<pX>3J3T_fv<Ghx4hS%+rdXFwRYQ)A^
zm1yYkwK}yW39c4<Bc!}-qvC`j?=2_4)^<*Rrn2*WXnYap6W#CcYTy6efB*Np-Ou;h
zs9NZ5jCiBfV7OSL{+*{#j5*H)pV^bck0lvQ`|EV@E1yHvL5q4Ne@;EQ`jXoQHt!{W
zq^c`s-Vbt{)c5|}xqUt!5}9I8*IsKkTdtZK@r6Crr~g}{Tg4f!WVd5;%${G;3s0H$
z(KSarVY2Ydr(uz{J{t41jW)~VpTESI|E>77%buHp<sYp|cHdPv-COH$G)d6U&u_;B
zkAldsgrrA|EX|5~2fNFxY<v!$I+d*<#=R{lh2!_{-?P|ymq;jl@e~!h^Y~+s)S<UF
zcAg*Z-pzfOFh!x?KeO)NMn}%XdF@WN3sy~Eu}*x`>tFdEOZiUxaZ`VCx^wOaS5LLc
z5xFy+mU*3?Fpn`ax?o+%$DcI@1_m5mk1UPzH*Rk|WSEnm@2EFjxz)2EG*nS)u3D>0
zX@|?P#KMo3FLvc=doJ^ezwaB}=q6EFGwH$2oMnPJ+hzeBQ4qr>+}Xda&qeB@`1wnx
zzp{I%%+Sy^dbCKU^V-XX?mmsB?&}_F7#JCGO*|nR7Ob&%lI`@<hhDvk_E>&7=I{B-
zojy|&HncnT8|T_(w0!va$G}q3mY@H}-#Q5?F6Z#@>2E8H9yK}~2y<8>Xg`1XGP!9g
z?d|S~nJ+_QD~%piSKoilx6N2a_U{Jc>svBst-ti{d;H2P*`X&oURUu=n=Y;>vyXMw
zva6RiY!SU7CvLt+T6(_j+eP^v1tl|1rX=LPZO*u_YU{(leRt2puTkH(U#*;X{<-eI
zod<N4S?)dP&UjX$d-LT>^=Z#qTbEDGm7V!`+Qg>(s_Ohd)04`#N4<Qn@#EaN@DpkE
zp$TuaX3vhlVg74BZ`<OPO_kAmpFI2}-#cx(^Bfl&yXbPgiYZS2Yy!)-IJ2c3TRf$<
z{m=D+?ElpZEg5D${nWYk=94#Dt0wnY#;#W=J}rCU(XMrwtIqoEuW`7&&Hd3*|9xM-
z`m-k|Pc&~++?}$sqF2?v&SZ*O==(y`)qhJq9;kPUFywjq@6Mgg`7eI!Z~Xt2IbUop
Q6R7O<boFyt=akR{098(KRR910

literal 0
HcmV?d00001

diff --git a/src/components/feed-post/feed-post.module.css b/src/components/feed-post/feed-post.module.css
index 507ee9b8..a162032d 100644
--- a/src/components/feed-post/feed-post.module.css
+++ b/src/components/feed-post/feed-post.module.css
@@ -107,27 +107,27 @@
 }
 
 .textButton {
-  background-image: url("/public/assets/buttons/text-button.png");
+  background-image: var(--text-button);
 }
 
 .textButton:hover {
-  background-image: url("/public/assets/buttons/text-button-hover.png");
+  background-image: var(--text-button-hover);
 }
 
 .playButton {
-  background-image: url("/public/assets/buttons/play-button.png");
+  background-image: var(--play-button);
 }
 
 .playButton:hover {
-  background-image: url("/public/assets/buttons/play-button-hover.png");
+  background-image: var(--play-button-hover);
 }
 
 .closeButton {
-  background-image: url("/public/assets/buttons/close-button.png");
+  background-image: var(--close-button);
 }
 
 .closeButton:hover {
-  background-image: url("/public/assets/buttons/close-button-hover.png");
+  background-image: var(--close-button-hover);
 }
 
 
diff --git a/src/themes.css b/src/themes.css
index 2a059ffd..e35ebaba 100644
--- a/src/themes.css
+++ b/src/themes.css
@@ -15,6 +15,12 @@
   --link: #0000ff;
   --link-visited: #551a8b;
   --icon: #c6c6c6;
+  --text-button: url("/public/assets/buttons/text-button.png");
+  --text-button-hover: url("/public/assets/buttons/text-button-hover.png");
+  --play-button: url("/public/assets/buttons/play-button.png");
+  --play-button-hover: url("/public/assets/buttons/play-button-hover.png");
+  --close-button: url("/public/assets/buttons/close-button.png");
+  --close-button-hover: url("/public/assets/buttons/close-button-hover.png");
 }
 
 :root .black {
@@ -34,4 +40,10 @@
   --link: #f0f0f0;
   --link-visited: #757575;
   --icon: #c6c6c6;
+  --text-button: url("/public/assets/buttons/text-button-dark.png");
+  --text-button-hover: url("/public/assets/buttons/text-button-hover.png");
+  --play-button: url("/public/assets/buttons/play-button-dark.png");
+  --play-button-hover: url("/public/assets/buttons/play-button-hover.png");
+  --close-button: url("/public/assets/buttons/close-button-dark.png");
+  --close-button-hover: url("/public/assets/buttons/close-button-hover.png");
 }
\ No newline at end of file