Ellpeck/Web
1
0
Fork 0
Code Issues Pull requests Actions Releases Activity

improved look of dark mode buttons
All checks were successful
Web/pipeline/head This commit looks good
Details

Browse source
This commit is contained in:
Ell 2021-07-22 07:54:31 +02:00
parent 62775ebdfd
commit d71f909456
3 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
main/_includes/projects.html
View file

@ -24,4 +24,13 @@
</div>
{% endfor %}
</div>
<script>
if (dark) {
$("#project-list").find(".btn-outline-info").each(function () {
let e = $(this);
e.removeClass("btn-outline-info");
e.addClass("btn-outline-light");
});
}
</script>
</div>

5
main/_includes/social.html
View file

@ -38,6 +38,11 @@
if (dark) {
$(".social-image-light").attr("hidden", true);
$(".social-image-dark").attr("hidden", false);
$("#social-list").find(".btn-light").each(function () {
let e = $(this);
e.removeClass("btn-light");
e.addClass("btn-dark");
});
}
let theme = dark ? "dark" : "light";
$("#discord-widget").attr("src", `https://discordapp.com/widget?id=181435613147430913&theme=${theme}`);

11
main/style/dark.css
View file

@ -40,14 +40,3 @@ body {
.blog-button:active {
color: rgb(182, 182, 182) !important;
}
.btn-light {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-info {
color: #f8f9fa;
border-color: #f8f9fa;
}