From 6964fbe73a986d999439e861b00cd0225cccec6d Mon Sep 17 00:00:00 2001 From: hedy Date: Thu, 18 Jan 2024 12:20:35 +0800 Subject: Dark: Use original light theme colors everywhere Adjusted box-shadow for dark mode to be more readable, unfortunately this gave it a little neomorphism effect... --- pydis_site/settings.py | 2 +- pydis_site/static/css/content/page.css | 4 ---- pydis_site/static/css/home/index.css | 6 +++++- pydis_site/static/css/home/timeline.css | 4 ++++ pydis_site/templates/content/listing.html | 4 ++-- pydis_site/templates/events/index.html | 8 ++++---- pydis_site/templates/events/pages/code-jams/8/_index.html | 6 +++--- pydis_site/templates/events/sidebar/code-jams/8.html | 4 ++-- pydis_site/templates/home/index.html | 4 ++-- pydis_site/templates/home/timeline.html | 2 +- pydis_site/templates/resources/resource_box.html | 2 +- pydis_site/templates/resources/resources.html | 4 ++-- 12 files changed, 27 insertions(+), 23 deletions(-) (limited to 'pydis_site') diff --git a/pydis_site/settings.py b/pydis_site/settings.py index 3c4bbdb8..51ec8e27 100644 --- a/pydis_site/settings.py +++ b/pydis_site/settings.py @@ -351,7 +351,7 @@ BULMA_SETTINGS = { "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)", + "shadow": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.3), 0 0px 0 1px rgba(153, 153, 153, 0.2)", "border": "#4E4F51", "border-light": "#313233", diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css index b174e8d7..d4739d12 100644 --- a/pydis_site/static/css/content/page.css +++ b/pydis_site/static/css/content/page.css @@ -27,10 +27,6 @@ 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; } diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index 5ecf7cd7..29111c32 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -112,7 +112,7 @@ h1 { } [data-theme="dark"] #showcase .box { - box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%); + box-shadow: 0 0.5em 1em -0.125em rgb(0 0 0 / 30%), 0 0px 0 1px rgb(10 10 10 / 5%); } #showcase .mini-timeline { @@ -186,6 +186,10 @@ h1 { #projects .card-header-title { padding: 0; + color: #7289DA; +} + +[data-theme="dark"] #projects .card-header-title { /* Link color from settings.py */ color: #99B0FF; } diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css index 369d5c8f..d4e445f7 100644 --- a/pydis_site/static/css/home/timeline.css +++ b/pydis_site/static/css/home/timeline.css @@ -3426,6 +3426,10 @@ mark { background-color: hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*1.05)); } +[data-theme="dark"] .cd-timeline { + background-color: #2C2F33; +} + .cd-timeline h2 { font-weight: 700 } diff --git a/pydis_site/templates/content/listing.html b/pydis_site/templates/content/listing.html index c21cea74..e2c27b17 100644 --- a/pydis_site/templates/content/listing.html +++ b/pydis_site/templates/content/listing.html @@ -18,7 +18,7 @@ {% block page_content %} {# Nested Categories #} {% for category, data in categories.items %} -
+
@@ -32,7 +32,7 @@ {# Single Pages #} {% for page, data in pages.items %} -
+
diff --git a/pydis_site/templates/events/index.html b/pydis_site/templates/events/index.html index 2fbf0b85..4b1ae2bd 100644 --- a/pydis_site/templates/events/index.html +++ b/pydis_site/templates/events/index.html @@ -7,7 +7,7 @@ {% endblock %} {% block event_content %} -
+

Code Jams

Every year we hold a community-wide Summer Code Jam. For this event, members of our community are assigned to teams to collaborate and create something amazing using a technology we picked for them. One such technology that was picked for the Summer 2021 Code Jam was text user interfaces (TUIs), where teams could pick from a pre-approved list of frameworks.

To help fuel the creative process, we provide a specific theme, like Think Inside the Box or Early Internet. At the end of the Code Jam, the projects are judged by Python Discord server staff members and guest judges from the larger Python community. The judges will consider creativity, code quality, teamwork, and adherence to the theme.

@@ -15,7 +15,7 @@
-
+

PyWeek

@@ -41,7 +41,7 @@
-
+

Advent of Code

@@ -69,7 +69,7 @@
-
+

Game Jam

diff --git a/pydis_site/templates/events/pages/code-jams/8/_index.html b/pydis_site/templates/events/pages/code-jams/8/_index.html index cc8de6b1..319d9ecb 100644 --- a/pydis_site/templates/events/pages/code-jams/8/_index.html +++ b/pydis_site/templates/events/pages/code-jams/8/_index.html @@ -108,7 +108,7 @@ to provide our prizes as well.

-
+
-
+
-
+