Forgejo/pages
1
0
Fork 0
Code Issues Pull requests Activity

feat: dark mode

Browse source
This commit is contained in:
TheClashFruit 2024-01-12 22:32:02 +01:00
parent 4b9c95cbdb
commit 7beecee35b
Signed by: TheClashFruit
GPG key ID: 09BB24C34C2F3204
4 changed files with 56 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
css/style.css
View file

@ -22,8 +22,7 @@ body {
}
a {
background: linear-gradient(337deg, #A855F7 -34.74%, #3B0764 162.02%);
background-clip: text;
color: #A855F7;
text-decoration: none;
}
a:hover {
@ -145,6 +144,25 @@ footer .footerInner > .footerLinks > div > label {
font-size: 0.9rem;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #121212;
color: #fff;
}
.card {
border-color: #555 !important;
}
code, kbd {
background-color: #222 !important;
border-color: #555 !important;
}
footer {
background-color: #222 !important;
}
footer .footerInner > .footerLinks > div > ul > li > a {
color: #fff !important;
}
}
@media (max-width: 768px) {
header {
padding: 2rem 1rem;

2
css/style.css.map
View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAQ;AAER;EACE;EACA;EAEA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EAEA;EAEA;;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;;;AAIJ;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;;AAKN;EACE;EAEA;EAEA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;EAEA;EACA;EAEA;;;AAIJ;EACE;;AAEA;EACE;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAGF;EACE;EAEA;EACA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;;AAEA;EACE;EAEA;EAEA;;AAKN;EACE;EAEA;;;AAOV;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;EAEA;;;AAKN;EACE;IACE;;EAGE;IACE;IAEA;;EAKN;IACE;;EAGF;IACE;;EAIA;IACE;IAEA;IACA;IAEA;IAEA;;EAEA;IACE;;EAGF;IACE;IAEA;IAEA;IAEA","file":"style.css"}
{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAQ;AAER;EACE;EACA;EAEA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EAEA;EAEA;;;AAGF;EACE;EAEA;;AAEA;EACE;;;AAIJ;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;;AAKN;EACE;EAEA;EAEA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;EAEA;EACA;EAEA;;;AAIJ;EACE;;AAEA;EACE;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAGF;EACE;EAEA;EACA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;;AAEA;EACE;EAEA;EAEA;;AAKN;EACE;EAEA;;;AAOV;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;EAEA;;;AAKN;EACE;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAMQ;IACE;;;AASd;EACE;IACE;;EAGE;IACE;IAEA;;EAKN;IACE;;EAGF;IACE;;EAIA;IACE;IAEA;IACA;IAEA;IAEA;;EAEA;IACE;;EAGF;IACE;IAEA;IAEA;IAEA","file":"style.css"}

35
css/style.scss
View file

@ -27,8 +27,7 @@ body {
}
a {
background: linear-gradient(337deg, #A855F7 -34.74%, #3B0764 162.02%);
background-clip: text;
color: #A855F7;
text-decoration: none;
@ -213,6 +212,38 @@ footer {
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #121212;
color: #fff;
}
.card {
border-color: #555 !important;
}
code, kbd {
background-color: #222 !important;
border-color: #555 !important;
}
footer {
background-color: #222 !important;
.footerInner > .footerLinks {
> div {
> ul {
> li {
> a {
color: #fff !important;
}
}
}
}
}
}
}
@media (max-width: 768px) {
header {
padding: 2rem 1rem;

4
index.html
View file

@ -159,12 +159,12 @@
<ul>
<li>
<a href="https://theclashfruit.page/legal/privacy.html">
<a href="https://theclashfruit.page/docs/">
Docs
</a>
</li>
<li>
<a href="https://theclashfruit.page/legal/privacy.html">
<a href="https://git.theclashfruit.me/Forgejo/Community/issues">
Issues
</a>
</li>