3.2: Tailwind CSS Változók és Témakezelő implementálása #234

Open
opened 2026-06-08 19:50:30 +02:00 by kincses · 0 comments
Owner

Mérföldkő: Frontend Architektúra 2.0 & Dinamikus Megjelenítési Rendszer
Cél: A színek függővé tétele a felhasználó/cég beállításaitól.

🔗 Függőségek (Dependencies)

  • Bemenet (Mikre támaszkodik): Issue #1.1 (JSONB visual_settings), Issue #1.2 (RBAC)
  • Kimenet (Mik támaszkodnak rá): Issue #4.1 (Expansion Card), Issue #4.2 (Vészjelző)

📝 Technikai megvalósítás

  • A tailwind.config.js konfigurálása, hogy a fix színek helyett CSS változókat olvasson be: theme.colors kiterjesztése themeBg, themePrimary, themeText változókkal.
  • Egy Pinia Store Action készítése (AppThemeStore), ami a felhasználó vagy a cég betöltésekor lefut, kiolvassa a backendről kapott visual_settings JSON-t, és injektálja a globális változókat: document.documentElement.style.setProperty('--theme-primary', currentOrg.primary_color);
**Mérföldkő:** Frontend Architektúra 2.0 & Dinamikus Megjelenítési Rendszer **Cél:** A színek függővé tétele a felhasználó/cég beállításaitól. ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** Issue #1.1 (JSONB visual_settings), Issue #1.2 (RBAC) - **Kimenet (Mik támaszkodnak rá):** Issue #4.1 (Expansion Card), Issue #4.2 (Vészjelző) ### 📝 Technikai megvalósítás - A tailwind.config.js konfigurálása, hogy a fix színek helyett CSS változókat olvasson be: theme.colors kiterjesztése themeBg, themePrimary, themeText változókkal. - Egy Pinia Store Action készítése (AppThemeStore), ami a felhasználó vagy a cég betöltésekor lefut, kiolvassa a backendről kapott visual_settings JSON-t, és injektálja a globális változókat: document.documentElement.style.setProperty('--theme-primary', currentOrg.primary_color);
kincses added this to the Frontend Architektúra 2.0 & Dinamikus Megjelenítési Rendszer milestone 2026-06-08 19:50:30 +02:00
kincses added the Status: To DoScope: FrontendType: Feature labels 2026-06-08 19:50:31 +02:00
Sign in to join this conversation.