From b59c9a0e4be7aaf24b422ca42f305efc4dfa9a77 Mon Sep 17 00:00:00 2001 From: Marco Date: Tue, 25 Aug 2026 13:33:21 +0000 Subject: [PATCH] Focus.tsx icons: match /todo-cards' actual icon style MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Bold uniform-weight black outline, no fill, no circle badge — same language as tool-icon-todo-karten.png / icon-step-2.png / icon-step-3.png, not the brand-orange circle-badge treatment tried previously. --- app/der-eine/components/Focus.tsx | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/app/der-eine/components/Focus.tsx b/app/der-eine/components/Focus.tsx index ffac73f..2db5a9a 100644 --- a/app/der-eine/components/Focus.tsx +++ b/app/der-eine/components/Focus.tsx @@ -1,18 +1,15 @@ import type { ReactNode } from "react"; import { Reveal, RevealGroup, RevealItem } from "../../components/Reveal"; -// Circle-badge + brand-orange stroke — same treatment as -// todo-cards/HowItWorks.tsx's step-3 checkmark icon (a stroked circle -// around the glyph) and this page's own IconCheck (brand-orange #f6a701 -// stroke), instead of the earlier plain black line icons, which read as a -// different, colder icon language than the rest of the site. +// Bold black outline, no fill, no container — matching /todo-cards' own +// icon language (tool-icon-todo-karten.png, icon-step-2.png/icon-step-3.png: +// thick uniform-weight black stroke, no color fill, no circle/badge +// wrapper), not the thinner colored-badge treatment tried first. function IconBadge({ children }: { children: ReactNode }) { return ( -
- - {children} - -
+ + {children} + ); }