From b29849a6691685e9707182c8fea6cecb6b3ac5e3 Mon Sep 17 00:00:00 2001 From: Forgotten Date: Thu, 26 Feb 2026 16:24:26 -0600 Subject: [PATCH] style(ui): remove all border-radius for hard-edged containers app-wide Set all Tailwind theme radius values (--radius-sm/md/lg/xl) to 0px and the base --radius CSS variable to 0. This makes every rounded-sm/md/lg/xl utility produce sharp corners across all components, cards, dialogs, buttons, and inputs. Avatar/badge circles (rounded-full) remain unaffected. Co-Authored-By: Claude Opus 4.6 --- ui/src/index.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/ui/src/index.css b/ui/src/index.css index 26a23074..d609ea25 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -36,14 +36,15 @@ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); - --radius-sm: calc(var(--radius) - 4px); - --radius-md: calc(var(--radius) - 2px); - --radius-lg: var(--radius); - --radius-xl: calc(var(--radius) + 4px); + --radius-sm: 0px; + --radius-md: 0px; + --radius-lg: 0px; + --radius-xl: 0px; } :root { - --radius: 0.625rem; + color-scheme: light; + --radius: 0; --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0);