wah.su/wahs.wah.su
1
0
Fork 0
mirror of https://github.com/wah-su/wahs.wah.su.git synced 2025-09-14 18:33:50 +05:00
Code Issues Projects Releases Packages Wiki Activity

light theme fixes

Browse source
This commit is contained in:
Kentai Radiquum 2025-02-03 00:08:54 +05:00
parent 8b6e0cbebb
commit 04e272ac61
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
9 changed files with 94 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/templates/Components/Footer.tsx
View file

@ -17,17 +17,18 @@ export default function Footer() {
<p className="text-lg">Find us on:</p>
<a href="https://github.com/wah-su">
<img
className="object-contain w-8 rounded-full aspect-square"
className="object-contain w-8 rounded-full aspect-square block dark:hidden"
src="/static/github-mark.png"
alt="github"
/>
<img
className="object-contain w-8 rounded-full aspect-square hidden dark:block"
src="/static/github-mark-white.png"
alt="github"
/>
</a>
<a href="https://wah.su">
<img
className="object-contain w-8 rounded-full aspect-square"
src="/static/captive_portal_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.png"
alt="website"
/>
<a href="https://wah.su" className="flex items-center justify-center">
<div className="material-symbols--globe w-8 h-8 dark:text-white text-slate-700"></div>
</a>
</div>
</div>

16
src/templates/Components/ImagePageNavigation.tsx
View file

@ -1,9 +1,9 @@
export default function ImagePageNav() {
return (
<div className="bg-orange-800/50 rounded-sm p-2 text-white">
<div className="text-white dark:text-white bg-orange-800 dark:bg-orange-800/50 rounded-sm p-2">
<div className="flex gap-4 justify-between items-center">
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="nav_prev"
>
<div className="material-symbols--navigate-before w-16 h-16"></div>
@ -12,19 +12,19 @@ export default function ImagePageNav() {
<div className="flex gap-4 md:gap-8 flex-col md:flex-row">
<div className="flex gap-4">
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="fit_cover"
>
<div className="material-symbols--crop w-8 h-8"></div>
</button>
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="fit_contain"
>
<div className="material-symbols--fullscreen-exit w-8 h-8"></div>
</button>
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="fit_full"
>
<div className="material-symbols--open-in-full w-8 h-8"></div>
@ -33,13 +33,13 @@ export default function ImagePageNav() {
<div className="flex gap-4">
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="act_download"
>
<div className="material-symbols--download w-8 h-8"></div>
</button>
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="act_newtab"
>
<div className="material-symbols--open-in-new w-8 h-8"></div>
@ -48,7 +48,7 @@ export default function ImagePageNav() {
</div>
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="nav_next"
>
<div className="material-symbols--navigate-next w-16 h-16"></div>

12
src/templates/Components/PageNavigation.tsx
View file

@ -7,9 +7,9 @@ export default function PageNav(props: { path: string }) {
}
return (
<div className="bg-orange-800/50 rounded-sm p-2 text-white flex justify-between gap-4 items-center">
<div className="text-white dark:text-white bg-orange-800 dark:bg-orange-800/50 rounded-sm p-2 flex justify-between gap-4 items-center">
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="nav_prev"
>
<div className="material-symbols--navigate-before w-16 h-16"></div>
@ -21,7 +21,7 @@ export default function PageNav(props: { path: string }) {
key={`ipp_${item}`}
className={`${
idx > 4 ? "hidden md:block" : ""
} cursor-pointer md:text-lg lg:text-xl text-gray-200`}
} cursor-pointer md:text-lg lg:text-xl text-gray-200/75 hover:text-orange-500 transition-colors`}
id="nav_ipp"
data-ipp={item}
>
@ -33,14 +33,14 @@ export default function PageNav(props: { path: string }) {
<div className="flex">
<div className="gap-1 hidden xl:flex">
<button
className="flex justify-center items-center cursor-pointer text-gray-200"
className="flex justify-center items-center cursor-pointer text-gray-200/75 hover:text-orange-500 transition-colors"
id="nav_view"
data-view="grid"
>
<div className="material-symbols--grid-on w-8 h-8"></div>
</button>
<button
className="flex justify-center items-center cursor-pointer text-gray-200"
className="flex justify-center items-center cursor-pointer text-gray-200/75 hover:text-orange-500 transition-colors"
id="nav_view"
data-view="masonry"
>
@ -48,7 +48,7 @@ export default function PageNav(props: { path: string }) {
</button>
</div>
<button
className="flex justify-center items-center cursor-pointer"
className="flex justify-center items-center cursor-pointer hover:text-orange-500 transition-colors"
id="nav_next"
>
<div className="material-symbols--navigate-next w-16 h-16"></div>