aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/static/css/content/page.css
diff options
context:
space:
mode:
authorGravatar hedy <[email protected]>2024-01-17 20:44:39 +0800
committerGravatar hedy <[email protected]>2024-01-17 20:44:39 +0800
commitd425a0c9e5ee85ce3f8ba98bdd5fe96c14f976ba (patch)
tree73d3a345520e68fe54b9569e4616176aff464b40 /pydis_site/static/css/content/page.css
parentConsistent CSS indent for files that I touched (diff)
Dark: For content pages using transparent images...
...which are unreadable in dark mode, use `has-dark-mode-background` class. ![](/img.png){: class="has-dark-mode-background" } Like this. And it will be given a nice light gray background and a subtle padding & border.
Diffstat (limited to 'pydis_site/static/css/content/page.css')
-rw-r--r--pydis_site/static/css/content/page.css14
1 files changed, 10 insertions, 4 deletions
diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index 903b2134..b174e8d7 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -114,10 +114,6 @@ li img {
margin-top: 0.5em;
}
-[data-theme="dark"] hr {
- background-color: #4c515a;
-}
-
.dropdown-menu {
min-width: 15rem;
}
@@ -126,3 +122,13 @@ a.dropdown-item {
white-space: normal;
padding-right: 0;
}
+
+[data-theme="dark"] hr {
+ background-color: #4c515a;
+}
+
+[data-theme="dark"] .has-dark-mode-background {
+ background-color: #EDEDED;
+ border-radius: .1rem;
+ padding: .3rem;
+}