dark mode fix

This commit is contained in:
anarsec 2024-04-14 20:52:43 +00:00
parent 7daa9fe776
commit ec6fb8110b
No known key found for this signature in database
17 changed files with 122 additions and 48 deletions

View file

@ -521,18 +521,9 @@ body
flex-direction: column
min-height: 100vh
body[theme="dark"]
filter: invert(1) hue-rotate(180deg)
section
flex: 1
img[theme="dark"],
picture[theme="dark"],
video[theme="dark"],
pre[theme="dark"]
filter: invert(1) hue-rotate(180deg)
.menu
position: sticky
top: 48px
@ -592,3 +583,67 @@ code
.icon-text
font-size: 16px
body[theme="dark"]
background-color: black !important
body[theme="dark"] article.box
background-color: black !important
box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02)
body[theme="dark"] blockquote
background-color: #090809 !important
border-left: 5px solid #232223
body[theme="dark"] .navbar
background-color: #090809 !important
body[theme="dark"] .footer
background-color: #090809 !important
body[theme="dark"] .navbar-item
color: #c9c7c9 !important
body[theme="dark"] p
color: #c9c7c9 !important
body[theme="dark"] strong
color: #c9c7c9 !important
body[theme="dark"] ol
color: #c9c7c9 !important
body[theme="dark"] ul
color: #c9c7c9 !important
body[theme="dark"] .title
color: #c9c7c9 !important
body[theme="dark"] h1
color: #c9c7c9 !important
body[theme="dark"] h2
color: #c9c7c9 !important
body[theme="dark"] h3
color: #c9c7c9 !important
body[theme="dark"] h4
color: #c9c7c9 !important
body[theme="dark"] a.toc
color: #c9c7c9 !important
body[theme="dark"] a:not(.toc,.navbar-item)
color: #fa86d8 !important
body[theme="dark"] code
color: #fa86d8 !important
background-color: #090809 !important
body[theme="dark"] a.is-active
background-color: #fa86d8 !important
color: black !important
img[theme=dark]:not(.no-dark)
filter: invert(1) hue-rotate(180deg)

View file

@ -123,9 +123,9 @@
<footer class="footer py-4">
<div class="content has-text-centered has-text-link-light">
<p>
<a class="has-text-black" href="http://wmj5kiic7b6kjplpbvwadnht2nh2qnkbnqtcv3dyvpqtz7ssbssftxid.onion/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md">Changelog </a>
<a href="https://0xacab.org/anarsec/anarsec.guide/-/blob/no-masters/CHANGELOG.md">Changelog </a>
<a href="/atom.xml" target="_blank">
<span class="icon is-large has-text-black" title="RSS Feed">
<span class="icon is-large" title="RSS Feed">
<i class="fas fa-rss fa-lg"></i>
</span>
</a>

View file

@ -9,11 +9,11 @@
<p class="subtitle is-4">{{ section.description }}</p>
{% endif %}
</div>
<div class="content">
<div class="has-text-centered content">
{{ section.content | safe }}
{% if config.extra.author.avatar %}
<figure class="image is-flex is-justify-content-center is-align-items-center">
<img id="image-gay" src="{{ config.extra.author.avatar }}" />
<img id="image-gay" class="no-dark" src="{{ config.extra.author.avatar }}" />
</figure>
{% endif %}
</div>