Proje: Okul B2B App · Hub: Okul B2B App — Conventions

Tab İkon ve Renk Detayları

Tab İkonları

constants/TabIcons.ts — Custom SVG ikonlar, inline SVG string olarak:

İkon	Açıklama
home	Ev (dolgu stil)
leads	Clipboard ile artı işareti
gallery	Fotoğraf çerçevesi
content	Döküman/liste
profile	Kişi

Her SVG string içinde COLOR_PLACEHOLDER → aktif/pasif renk ile replace edilir.

Tab Renkleri

constants/TabStyles.ts:

ACTIVE: '#FF495C'   // Kırmızı-pembe — her iki temada da aynı
INACTIVE (light): '#6E6E6E'
INACTIVE (dark):  '#8E8E93'
BACKGROUND: tema rengi (background)
BORDER: tema rengi (border)

Dikkat: Tab aktif rengi #FF495C — #007AFF (mavi) değil! Buton rengi ile karıştırma.

Tab Boyutları

HEIGHT: 85px
PADDING_BOTTOM: iOS=20, Android=5
PADDING_TOP: 5
FONT_SIZE label: 12
FONT_WEIGHT label: '400'

Android’de insets.bottom ile güvenli alan eklenir.

Related

• tab-bar-ve-navigasyon-detaylari — tab bar genel yapısı
• tema-ve-renk-sistemi — renk sistemi