feat(branding): branded "i" with cyan stem and green dot across all titles

Matches the logo icon — the "i" in iNTERCEPT now renders with a cyan
letter and green dot via CSS, consistent across the main header, welcome
card, dashboard headers, help modal, settings modal, and all popout pages.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-03-12 22:17:24 +00:00
parent 08b930d6e6
commit 6727b95596
11 changed files with 31 additions and 12 deletions

View File

@@ -87,6 +87,25 @@
color: var(--text-primary);
}
/* Branded "i" — cyan stem with green dot, matching the logo icon */
.brand-i {
color: var(--accent-cyan);
position: relative;
display: inline-block;
}
.brand-i::after {
content: '';
position: absolute;
top: 0.05em;
left: 50%;
transform: translateX(-50%);
width: 0.22em;
height: 0.22em;
background: var(--accent-green);
border-radius: 50%;
box-shadow: 0 0 0.4em var(--accent-green);
}
.app-logo-tagline {
font-size: var(--text-xs);
color: var(--text-dim);