ourworld_web/www_zola_template
21
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix color loading when dark mode

Browse Source
This commit is contained in:
Ehab Hassan
2025-08-07 14:01:04 +03:00
parent 1727bb6779
commit 45178a770c
5 changed files with 68 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
css/index.css
View File

@@ -46,7 +46,7 @@ img[src*="#3col"] { width: 100px; margin-left: auto; margin-right: auto; }
h3 { @apply text-xl lg:text-2xl font-normal my-4; font-weight: 400; }
h4 { @apply text-xl lg:text-xl font-normal my-4; font-weight: 400; }
h5 { @apply text-base font-semibold leading-7 text-gray-600 mb-4 uppercase }
h5 { @apply text-base font-semibold leading-7 text-gray-400 mb-4 uppercase }
h6 { @apply text-lg not-italic font-normal my-1; font-weight: 400; letter-spacing: 0.02em; }
p { @apply text-lg tracking-normal font-normal leading-8; font-weight: 300; letter-spacing: 0.03em; }
blockquote { @apply border-l-4 border-gray-400 mx-2 my-2 p-2; font-weight: 300; }
@@ -114,6 +114,8 @@ header { font-family: "Reddit Sans"; }
--color-header: #000;
--color-bgbutton:#000;
--color-textbutton: #fff;
--color-hoverbgbutton: #272727;
--color-hovertextbutton: #fff;
}
.dark {
--color-bg: #18181b;
@@ -122,10 +124,21 @@ header { font-family: "Reddit Sans"; }
--color-header: #18181b;
--color-bgbutton:#fff;
--color-textbutton: #000;
--color-hoverbgbutton: #e7e7e7;
--color-hovertextbutton: #000;
}
.bg-theme {
background-color: var(--color-bgbutton);
}
.bg-theme:hover {
background-color: var(--color-hoverbgbutton);
}
.text-theme:hover {
color: var(--color-hovertextbutton);
}
.text-theme {