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

update dark and light mode

Browse Source
This commit is contained in:
Ehab Hassan
2025-08-06 12:31:49 +03:00
parent 01b2327dc0
commit b2a1660aa3
5 changed files with 89 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
css/index.css
View File

@@ -106,3 +106,26 @@ header { font-family: "Reddit Sans"; }
@media (max-width: 768px) { /* h2 { font-size: 4rem; } */ .flex-col-reverse { flex-direction: column-reverse; } }
@media (max-width: 640px) { .banner h2 { font: 600 7vw/10vw; } .header h1 { font-size: 20px; } .banner h2 svg { font-size: 30px; } }
@media (max-width: 480px) { .banner, .header { padding: 80px 0; } footer { text-align: center; } /* h2 { font-size: 3rem; } */ }
:root {
--color-bg: #fff;
--color-text: #222;
--color-link: #8885e2;
--color-header: #000;
}
.dark {
--color-bg: #18181b;
--color-text: #f3f4f6;
--color-link: #a5b4fc;
--color-header: #18181b;
}
body {
background: var(--color-bg);
color: var(--color-text);
}
a, a:visited {
color: var(--color-link);
}
header, .header, .banner {
background: var(--color-header) !important;
}