From 3bfa49b24ab103db48f74bfe68e75c87e1db61b4 Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Sun, 22 Mar 2026 14:57:13 +0800 Subject: [PATCH] style(footer): redesign footer with dark background and brand label Replace the light frosted-glass footer with a dark-themed one using oklch colors. Add link hover states, a footer-brand element showing 'Awesome Python', and switch alignment to space-between to accommodate the new brand label. Co-Authored-By: Claude --- website/static/style.css | 26 +++++++++++++++++++------- website/templates/base.html | 1 + 2 files changed, 20 insertions(+), 7 deletions(-) diff --git a/website/static/style.css b/website/static/style.css index 6f78e6ae..ffd6e7f2 100644 --- a/website/static/style.css +++ b/website/static/style.css @@ -856,16 +856,28 @@ th[data-sort].sort-asc::after { .footer { margin-top: auto; - border-top: 1px solid var(--line); - background: oklch(98.4% 0.01 80 / 0.88); - backdrop-filter: blur(14px); - padding: 1.2rem var(--shell-pad); + background: oklch(16% 0.025 35); + padding: 2rem var(--shell-pad); display: flex; align-items: center; - justify-content: flex-end; + justify-content: space-between; gap: 1rem; font-size: var(--text-xs); - color: var(--ink-muted); + color: oklch(72% 0.02 75); +} + +.footer a { + color: oklch(82% 0.02 75); +} + +.footer a:hover { + color: oklch(95% 0.01 80); +} + +.footer-brand { + font-weight: 700; + letter-spacing: 0.03em; + color: oklch(82% 0.02 75); } .footer-links { @@ -874,7 +886,7 @@ th[data-sort].sort-asc::after { } .footer-sep { - color: var(--line-strong); + color: oklch(40% 0.02 55); } .noscript-msg { diff --git a/website/templates/base.html b/website/templates/base.html index 3634e182..9a17e0cc 100644 --- a/website/templates/base.html +++ b/website/templates/base.html @@ -44,6 +44,7 @@
{% block content %}{% endblock %}