c0de/simple-s3-gallery
1
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Add inverted theme classes

Browse Source
This commit is contained in:
c0de 2023-12-29 11:55:55 -06:00
parent 40103c42b1
commit fba84938c8
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/card.html
View File

@ -39,7 +39,7 @@
{# Only show counter if more than 2 people gave the same reaction #} {# Only show counter if more than 2 people gave the same reaction #}
{% if reaction_count|int >= 2 %} {% if reaction_count|int >= 2 %}
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-dark"> <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-body-inverted text-body-inverted">
{# Don't render reaction counts larger than 1000 #} {# Don't render reaction counts larger than 1000 #}
{{ reaction_count if reaction_count <= 999 else '1K+' }} {{ reaction_count if reaction_count <= 999 else '1K+' }}
<span class="visually-hidden"> <span class="visually-hidden">

12
templates/static/gallery.css
View File

@ -74,3 +74,15 @@
.bd-mode-toggle .dropdown-menu .active .bi { .bd-mode-toggle .dropdown-menu .active .bi {
display: block !important; display: block !important;
} }
/*
Surprised this doesn't exist by default.
Inverted colors for the current theme; works with the color switcher
*/
.bg-body-inverted {
background-color: var(--bs-body-color);
}
.text-body-inverted {
color: var(--bs-body-bg);
}