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

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> </div>
{% endfor %} {% endfor %}
</div> </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> </div>

5
main/_includes/social.html
View file

@ -38,6 +38,11 @@
if (dark) { if (dark) {
$(".social-image-light").attr("hidden", true); $(".social-image-light").attr("hidden", true);
$(".social-image-dark").attr("hidden", false); $(".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"; let theme = dark ? "dark" : "light";
$("#discord-widget").attr("src", `https://discordapp.com/widget?id=181435613147430913&theme=${theme}`); $("#discord-widget").attr("src", `https://discordapp.com/widget?id=181435613147430913&theme=${theme}`);

11
main/style/dark.css
View file

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