aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorGravatar hedy <[email protected]>2024-01-06 15:48:36 +0800
committerGravatar hedy <[email protected]>2024-01-06 15:48:36 +0800
commit7ce385c7caae6a12dfdc5a9cd29c9bd0b77bd55c (patch)
tree7eb88b5a4ea40ce2451e383899a9e9d3a37810dd
parentDark: Fix all link hover colors (hopefully) everywhere (diff)
Dark: Fix colors for bulma cards shadow & borders
-rw-r--r--pydis_site/settings.py11
-rw-r--r--pydis_site/static/css/content/page.css12
2 files changed, 21 insertions, 2 deletions
diff --git a/pydis_site/settings.py b/pydis_site/settings.py
index 178a157a..71aeb442 100644
--- a/pydis_site/settings.py
+++ b/pydis_site/settings.py
@@ -316,7 +316,7 @@ BULMA_SETTINGS = {
"tooltip-max-width": "30rem",
},
"dark_variables": {
- "primary": "#7289DA", # PyDis blurple
+ "primary": "#7289DA", # PyDis blurple
"white": "#2C2F33",
"white-bis": "#23272A ",
@@ -333,10 +333,17 @@ BULMA_SETTINGS = {
"text-strong": "#FEFEFE",
"link": "$primary",
- "link-hover": "#CAD6FF", # PyDis light blurple
+ "link-hover": "#CAD6FF", # PyDis light blurple
"link-focus": "$link-hover",
"link-active": "$link-hover",
+ "code": "#FF7990", # Adjusted to 4.5 contrast ratio per WCAG Level AA
+ "code-background": "#464951", # A graduation lighter than the default for light theme
+
+ # Same as bulma, adjusted for dark mode
+ "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02)",
+ "border": "#4E4F51",
+
# Use the same sizes
"dimensions": "16 24 32 48 64 96 128 256 512",
"navbar-height": "4.75rem",
diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index 239f2809..7721bc98 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -22,6 +22,18 @@ i.has-icon-padding {
flex-direction: column;
}
+[data-theme="dark"] .card.github-card {
+ border: solid 1px #4E4F51;
+}
+
+[data-theme="dark"] .card-footer {
+ border-top: solid 1px #4E4F51;
+}
+
+[data-theme="dark"] .card-footer-item:not(:last-child) {
+ border-right: solid 1px #4E4F51;
+}
+
.card.github-card .card-content {
flex: 1;
}