fix(brand): recolor logo — terracotta accent, no blue (theme-aligned)

Brand assets из !100 пришли с DeepBlue/SkyBlue colors (design system
prototype). Ordinis app theme uses warm terracotta accent (#d97757 light /
#b05a2e dark) на cream/ink palette. Never blue. Recolored все 5 SVG +
inline Sidebar mark:

- favicon.svg: stroke #d97757, dots/core #b05a2e
- ordinis-mark.svg: orbits #e6e1d4 (line), dots accent gradient terracotta
- ordinis-appicon.svg: dark warm-ink tile (#2c2b27 → #1a1714), accent dots,
  white outer dots for contrast on dark
- ordinis-lockup-light.svg: terracotta orbits + warm-ink wordmark (Tektur)
- ordinis-lockup-dark.svg: warm-dark bg + terracotta accents + cream wordmark
- Sidebar inline svg: currentColor + text-accent, var(--color-line) для
  orbits — автоматически работает в both light + dark themes
- index.html: theme-color/mask-icon → #b05a2e (terracotta dark)

User feedback: 'DeepBlue никакого синего адаптируй под наши темы'.
This commit is contained in:
Zimin A.N.
2026-05-11 23:28:06 +03:00
parent ac5f5bea01
commit 7684e0c9bd
7 changed files with 68 additions and 69 deletions
@@ -175,9 +175,10 @@ function SidebarContent({
onClick={onNavigate}
title="ORDINIS MDM"
>
{/* Ordinis mark — official brand asset (public/ordinis-mark.svg).
Двойные орбиты + 6 dots + gradient core (DeepBlue → SkyBlue).
Asset из Downloads/files делёный design team 2026-05-11. */}
{/* Ordinis mark — orbital structure из brand spec, recolored под
Ordinis terracotta palette. Никакого синего — accent (terracotta)
для dots + core, line (cream) для outer orbits. Theme-aware:
CSS vars резолвят свой цвет per light/dark. */}
<svg
width="26"
height="26"
@@ -185,24 +186,22 @@ function SidebarContent({
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden
className="shrink-0"
className="shrink-0 text-accent"
>
<defs>
<linearGradient id="ord-sidebar-core" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stopColor="#378ADD" />
<stop offset="1" stopColor="#185FA5" />
</linearGradient>
</defs>
<g transform="translate(128 128)">
<circle r="96" fill="none" stroke="#B5D4F4" strokeWidth="1.2" />
<circle r="62" fill="none" stroke="#B5D4F4" strokeWidth="1.2" />
<circle cx="96" cy="0" r="8" fill="#185FA5" />
<circle cx="-48" cy="83.14" r="8" fill="#378ADD" />
<circle cx="-48" cy="-83.14" r="8" fill="#378ADD" />
<circle cx="-62" cy="0" r="6.4" fill="#185FA5" />
<circle cx="31" cy="-53.69" r="6.4" fill="#378ADD" />
<circle cx="31" cy="53.69" r="6.4" fill="#378ADD" />
<circle r="15" fill="url(#ord-sidebar-core)" />
{/* Outer orbits — мягкие, line tone */}
<circle r="96" fill="none" stroke="var(--color-line)" strokeWidth="1.5" />
<circle r="62" fill="none" stroke="var(--color-line)" strokeWidth="1.5" />
{/* Outer orbit dots (3) — accent solid */}
<circle cx="96" cy="0" r="8" fill="currentColor" />
<circle cx="-48" cy="83.14" r="8" fill="currentColor" opacity="0.7" />
<circle cx="-48" cy="-83.14" r="8" fill="currentColor" opacity="0.7" />
{/* Inner orbit dots (3) — accent slightly softer */}
<circle cx="-62" cy="0" r="6.4" fill="currentColor" />
<circle cx="31" cy="-53.69" r="6.4" fill="currentColor" opacity="0.7" />
<circle cx="31" cy="53.69" r="6.4" fill="currentColor" opacity="0.7" />
{/* Core — solid accent */}
<circle r="15" fill="currentColor" />
</g>
</svg>
{!collapsed && (