diff options
author | 2024-01-06 15:48:36 +0800 | |
---|---|---|
committer | 2024-01-06 15:48:36 +0800 | |
commit | 7ce385c7caae6a12dfdc5a9cd29c9bd0b77bd55c (patch) | |
tree | 7eb88b5a4ea40ce2451e383899a9e9d3a37810dd | |
parent | Dark: Fix all link hover colors (hopefully) everywhere (diff) |
Dark: Fix colors for bulma cards shadow & borders
-rw-r--r-- | pydis_site/settings.py | 11 | ||||
-rw-r--r-- | pydis_site/static/css/content/page.css | 12 |
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; } |