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
+9 -9
View File
@@ -2,20 +2,20 @@
<title>Ordinis — app icon</title>
<defs>
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#185FA5"/>
<stop offset="1" stop-color="#042C53"/>
<stop offset="0" stop-color="#2c2b27"/>
<stop offset="1" stop-color="#1a1714"/>
</linearGradient>
</defs>
<rect width="1024" height="1024" rx="220" fill="url(#tile)"/>
<g transform="translate(512 512)">
<circle r="300" fill="none" stroke="#85B7EB" stroke-width="4" opacity="0.5"/>
<circle r="195" fill="none" stroke="#85B7EB" stroke-width="4" opacity="0.5"/>
<circle r="300" fill="none" stroke="#f4d9cd" stroke-width="4" opacity="0.5"/>
<circle r="195" fill="none" stroke="#f4d9cd" stroke-width="4" opacity="0.5"/>
<circle cx="300" cy="0" r="26" fill="#FFFFFF"/>
<circle cx="-150" cy="259.81" r="26" fill="#85B7EB"/>
<circle cx="-150" cy="-259.81" r="26" fill="#85B7EB"/>
<circle cx="-150" cy="259.81" r="26" fill="#d97757"/>
<circle cx="-150" cy="-259.81" r="26" fill="#d97757"/>
<circle cx="-195" cy="0" r="21" fill="#FFFFFF"/>
<circle cx="97.5" cy="-168.87" r="21" fill="#85B7EB"/>
<circle cx="97.5" cy="168.87" r="21" fill="#85B7EB"/>
<circle r="48" fill="#FFFFFF"/>
<circle cx="97.5" cy="-168.87" r="21" fill="#d97757"/>
<circle cx="97.5" cy="168.87" r="21" fill="#d97757"/>
<circle r="48" fill="#d97757"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 976 B

After

Width:  |  Height:  |  Size: 976 B