From c854f98e9c43fc14c23d85c2c5792c2548ea2472 Mon Sep 17 00:00:00 2001 From: Fionna <13184582+fionnachan@users.noreply.github.com> Date: Fri, 24 Jul 2026 17:56:57 +0100 Subject: [PATCH 1/7] feat: apply Figma dark theme palette and design tokens Force dark mode and switch the app background to the Figma "Proposals" dark palette (#0b0c10). Retune the dark CSS variables, glass colors, and scrollbar styling to match, and add the brand/accent/error/surface tokens to the Tailwind config. Align the vote, quorum, and governor badge colors to the new palette, and drop the footer mode toggle now that the theme is fixed to dark. Co-Authored-By: Claude Opus 4.8 (1M context) --- app/layout.tsx | 4 +- components/navigation/SiteFooter.tsx | 5 +-- components/ui/GovernorBadge.tsx | 34 ++++----------- lib/badge-colors.test.ts | 41 ++++++++---------- lib/badge-colors.ts | 49 ++++++++++------------ styles/globals.css | 63 +++++++++++++++------------- tailwind.config.ts | 7 ++++ 7 files changed, 92 insertions(+), 111 deletions(-) diff --git a/app/layout.tsx b/app/layout.tsx index eb98885..3721568 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -69,11 +69,11 @@ export default function RootLayout({ children }: RootLayoutProps) { - + diff --git a/components/navigation/SiteFooter.tsx b/components/navigation/SiteFooter.tsx index e864d1b..a472381 100644 --- a/components/navigation/SiteFooter.tsx +++ b/components/navigation/SiteFooter.tsx @@ -2,8 +2,6 @@ import Link from "next/link"; import { cn } from "@/lib/utils"; -import { ModeToggle } from "@/components/ModeToggle"; - export function SiteFooter({ className }: React.HTMLAttributes) { return (