From f152cbd3cb78490acf62e2c4a214be54aec0c312 Mon Sep 17 00:00:00 2001 From: ColorFilter Date: Thu, 1 Feb 2024 12:48:14 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=96=BC=EF=B8=8F=20chore(assets):=20update?= =?UTF-8?q?=20github.png=20=F0=9F=8E=A8=20style(index.css):=20update=20col?= =?UTF-8?q?or=20variables=20and=20button=20styles=20for=20better=20visual?= =?UTF-8?q?=20consistency?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/github.png | Bin 1842 -> 2045 bytes index.css | 18 ++++++++++-------- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/assets/github.png b/assets/github.png index 22300c48dd2cab84a182d313077aba7c04c5d51f..9d379e9956181848b69aad642df953a3362af487 100644 GIT binary patch literal 2045 zcmVBCbU^$Wr>8es1*c8MhoRaqGc`xktG@`g*DoyO)m3`k9UOO@n+`Td(U?7 zJwJFb3^VtA-*@i4=bUdlN<|`(NF)-8L?V$$Boc{4B9TZW5~&NI8*nBt7I++(2P_5F z0PBFQz<>I)RsU{{{+oIFf5z%-bc<&93~&%I1egkZ4eY@z>wp=+)xaUX^(_U!!N5dd z5wII~>;@JBH;W9u?NBIyeSl%WT;N~)^RJd=sL1BqK6xM5;lK*Qa>5 zoj1}<{Ll=%TF*cLccr-gOcf#$=r$A?Iy1p{4%bhTE4E2~SOWRZPU!?WC&bX-YC}dm zEa7+e0XElgBCG&jmN$aF5&8m0NeV2`L4V}uqk&Up{sZpRsj@49T~*iI1e}~uwjL>M zAm86Xg@R5eHAUj>f*xcU&=-J%&L9U}J2*7?B z?65Y7rx+N6Sqf7{KxHwQh0!78E=z8(NlsD)fy&g8g>Qidp9)CDfobv`VQGP`e#pvY z$``sS&opT3G0^DZ6J`zUk;zHQ7Fwgfz z?sq{Y32}n~JDu)A*y}Kl`+c5cQf7BlGscCW(lE?)L6-ejk7p#2LDwZ^;n6($pWjm@ zflBse*nVjX3GKJ5k^tP7(N;@b2x&V08&-muMRW>K7FN3u(!^@8CE?})8wNN&_&|)| zjyTOh3fIx}v|EbMe4q-6J-|V;L4&z<~xD(!Ak9&?%Uw@LgFk6NQ_Sw@SjjEK~&sXwW60S()fU*z>W&U{z3n zQHE@EwhLhos8Jkkg0&{ zvCyE>H5`*ntBG1eu(5td)m)vOmq#pS00fl5!x zyDdc6stdsVG^Wv~aJohgcYaZK)@$%oP&N>F#Zk}9xvq7rZrAS93z-xL=?43fV-g^Hk%}y74J_cx&_i|c&XD4Bj zZV)!k;z^_1bwyu8%A0n)#RXGXwMccgGL-Xk>t$Tk>u<6i5L5hR!YL1&Ya#zE>7p`> zgQtP(69_JWib*w$*=T6RImn=111w~b=C58_KgDYjDsV&9HToNv@9wdn+a35hq$8|W z7W!^aQu*Ih-G5oPMoin8W{C~gCY3qaX3MBr3{VAW>A#@HHDpdsiriTJE$Y?R;n94v zRN$HWNso>_t(7A4ByWQc9q9HR_Sxj6ZDES!?j(crN-NhHqJ!ldT6m0_v?uEqopdl? zdz7p_y?fD~GusSRc>s7efl^yT4kT2~#jC4YK83-Ew`b?$9t&hDd%UmaM>cW!H=CDsZTzDw#sOZUa>j zkkXVolLMYm;V-mIAUFJ#sz?Br*Ll?Y9LW|@fkJk6IBgB=5;;+&&N*3bgm?9#rf*1R zDUl7){Q^~F^ne-LPkN9)EuwQjRR;8-jS?Klj0f4%AXz5eRhiH&cAw1Z#P=X~5=6JB za_7V_iL^2V){znq^47}+lgS4~=m0l8O)S`htnDE>yyWzhl$?3K5(U>i$k-Okq$9p- znR118CXCW4qwV5BzFJ7S($&GG+2mlLN9g>dR`DQLOC(}8G7hYngFt4qQYzBPLo1}2 zPWok(4Q*g4Q+cPwVE1x-WP4Xv-&bmMQo-Ofp00000NkvXXu0mjfmT$92 literal 1842 zcmV-22hI42P)7$7DHUd7>pm3xDaGBEYVMzk!W;W5*1t`(XeWeMHcrZDsh7uPz2^@PUei3$7|o~ z?QMJeroV(Q!+WpioPT@Ud+xcXo>u~JHt;mC0cfEhE-f0%S-_yuc>4q26_^j~kA293 zASAZ)fG*{N|6btN3T*T40U`j;SU*HTCFc6a{9@QipMAhUPj9#d*)UTC*qG753t+tn z&|E|!Gj@sq1sPHZkTHb-8B++5F@*pblP3Xo0&9SmfoFj^zzqF2NB<`Ow^l!!3tSao zFYqz&C@>o69hgN7PA>Ka>Ve0A75bab;W;)ne+QTh91%6(RS41(xB*z|QtHJ80e%A> zHaW{ZxkKgwn8HwSt(3T+i6EiMaiomb-k zlUx;Gew7X!1AHYF0YDRQcba)1pB)2$2Z6WsCi@9+NR{7R;FQxD0r*$_1IG zh`zi?#sd5UoD$J!39hTGjp$3?xEa*A0xXPZa2;;5If_5(ldMH&B7j`d{S6Fmu9Yi5 z08Wdu-W*4OmplWsYQa?+4SkXahtvhQ)X>;PxXS~EK8;UX09ixrWN7ToxXTzrpE?8E z(-dHip`m?%UvQVLrfb!v+q_H#7-wK$ofccUPNSg!m!~Cwqz!r*7&wvqFx0@mUK*Rk z1z2Tx_HQCTycN|)^;2qB6Bl5SfnkHm7yE(Z)0mW*2r$jSu<7KF$p(Jjmxcgi4Gfcl z*u1gGz)wm1B`!eZ$~LW#$Qy4OR@NmhKwksHekFgbG4Qir8Uh?yV+pt*HW>JMG${zs z*}$;O%D-c<(l8~FxB!t0Y_(7;Z!9(NQ`-I{E`Z4_So-7Sjl~9j9+idweQGQP9Ylj+ z^<3ft46d;hbPyvA{2WRO0!%P4>uZgW+LGk;hDO$D zMYOBTHt|b+yD?1xmc%f$hfMQvk0#Sf5A{nrwWKCMbDS0fD#9DM!(x*hSIJKMU1=9) zO))jtHyqso{7H7mezu8m{7_$RF*P8L03U@I)J-=+)K|J;)3yV#A&CueA;|8W+iW!o z0aj;K9X%qzplf`e*{jdTp=IpAp}NsR+Ptp|*ufHKX1iQl)ReV3M({6+W0;r3vYieu z50z96%N$^M#5$WH+Q8|11KZYUv6Sp=>}oUUHrKo33eXxBRNYFny+nio5goiMhHc}m zL^;^D3tiZvv^s3&s2Re)NvUT?=4}Zed=M7Ufa>9u`uD?1 z8YT_VosG>|)p>^a(aC0&w@m?r85ORAppGN^fNyjMz3skjpIR0`w$0+I0P^H9Da81C z%g^_TrOyNGpMqs<3xJ-%^&w73Z-_M6Vk!8eljy3LgaGK+JuJkTE3|K@lY4&yX1o4J zY3Bt%8)%QLkU_i&SXL&JxLdcg+UQ*PdCcICQ+vpp0O%!qbrnw5X;D*uf8iJKw*?zE z#msU>-ge}Y0PQR=tSQ}X;n*7uOAJ$ay;oWSw9gZwHuh*qyUJPH;Y8l+l?MUZ?+cQa zsH-v>9@aYpJQP3mMNfPW!;SV&-OELVOO za^oMX3pJUMwE*ob*HyIcz5q%4F&pgiFN* z@4uH_0Q1U!rXWH7uUC@ty_~ia$ScbZDw$Lf<`%pF07*qoM6N<$f)qPK#{d8T diff --git a/index.css b/index.css index 0cd6b07..9de93e9 100644 --- a/index.css +++ b/index.css @@ -1,6 +1,7 @@ :root { - --text-white: #e3e3e3; - --bg-black: #231f20; + --text-white: #f5f5f5; + --bg-black: #18314f; + --bg-blue: #6990f6; } body { @@ -49,22 +50,22 @@ header { .button-group { display: flex; - gap: 6px; + gap: 2px; } .button-group > button { - font-size: 1rem; + font-size: 0.8rem; cursor: pointer; } .audio-toggle { border: none; padding: 0; - margin: 0; + margin: 0 0 0 4px; text-decoration: none; background-color: transparent; - width: 24px; + width: 20px; height: auto; background-image: url('./assets/sound-off.png'); background-size: cover; @@ -79,12 +80,13 @@ header { } .github-link > img { - width: 24px; + width: 28px; height: auto; } .control { - background-color: #6990f6; + background-color: var(--bg-blue); + border-bottom: #5c84f5 1px solid; display: flex; align-items: center; padding: 0 1rem;