Planlama

Muzibu Buton Renk Uyumu

29 Aralik 2025 - Login/Logout/Register Buton Tasarimi

Basit Anlatim (Herkes Icin)

Sorun Ne?

Muzibu'nun ana rengi "coral" (turuncu-kirmizi, #ff7f50). Ancak butonlarda farkli renkler kullanilmis:

  • Login butonu: Cok soluk/seffaf (beyaz %5 seffaflik)
  • Register butonu: Coral gradient (dogru!)
  • Kullanici avatari: Pembe gradient (coral degil)
  • Sidebar butonlari: Pembe gradient (coral degil)

Ne Yapilacak?

Tum butonlar ayni renk ailesini kullanacak. Boylece site daha profesyonel ve tutarli gorunecek.

Teknik Detaylar (Gelistiriciler Icin)

Mevcut Renk Paleti:

muzibu-coral: #ff7f50

Tanimli ve dogru kullanilmali

#ff6b6b -> #e91e63

Hatali: Pink gradient kullaniliyor

Etkilenen Dosyalar:

resources/views/themes/muzibu/components/header.blade.php

resources/views/themes/muzibu/components/sidebar-left.blade.php

tailwind/tenants/tenant-1001.config.js

Mevcut Durum vs Onerilen

Buton Konum Mevcut Stil Onerilen Stil
Login Header bg-white/5 (cok soluk) Coral outline (border)
Register Header Coral gradient (dogru!) Ayni kalacak
User Avatar Header Dropdown Pink gradient (#ff6b6b->#e91e63) Coral gradient
Login Sidebar (Logged Out) Pink gradient Coral gradient (solid)
Register Sidebar (Logged Out) bg-white/10 (soluk) Coral outline
User Card Sidebar (Logged In) Pink gradient (#ff6b6b->#e91e63) Coral gradient
Logout Header Dropdown text-red-400 Koyu coral veya tutarli

Onerilen Renk Sistemi

Primary (Register, CTA)

Coral Gradient

from-muzibu-coral to-[#ff9966]

Secondary (Login, Outline)

Coral Outline

border-muzibu-coral text-muzibu-coral

User Card Background

Coral Dark Gradient

from-muzibu-coral to-[#e65c3e]

Tailwind Config Guncelleme

muzibu-coral-light header'da kullaniliyor ama tanimli degil. Eklenmeli: 

// tailwind/tenants/tenant-1001.config.js
colors: {
    'muzibu-coral': '#ff7f50',
    'muzibu-coral-light': '#ff9966',  // YENi EKLENECEK
    'muzibu-coral-dark': '#e65c3e',   // YENi EKLENECEK
}

Yapilacaklar (Adim Adim)

1

Tailwind Config Guncelle

muzibu-coral-light ve muzibu-coral-dark renklerini ekle

2

Header Butonlarini Duzelt

Login -> coral outline, User avatar -> coral gradient

3

Sidebar Butonlarini Duzelt

Login/Register ve User Card gradient'lerini coral'a cevir

4

npm run prod

CSS'i yeniden derle

5

Cache Temizle ve Test Et

view:clear, responsecache:clear

Buton Onizleme (Onerilen)

N