kincses/service-finder
1
0
Fork 0
Code Issues 52 Pull Requests Packages Projects 2 Releases Wiki Activity

3.2-B: AppThemeStore letrehozasa + applyTheme() fuggveny #248

New Issue
Open
opened 2026-06-08 20:05:15 +02:00 by kincses · 0 comments
kincses commented 2026-06-08 20:05:15 +02:00
Owner
Copy Link

Merfoldko: Frontend Architektura 2.0 & Dinamikus Megjelenitesi Rendszer
Cel: AppThemeStore Pinia store letrehozasa a tema kezelesere, valamint applyTheme() fuggveny a CSS valtozok dinamikus beallitasahoz.

Fuggosegek (Dependencies)

  • Bemenet: #247 (CSS Custom Properties), #228 (JSONB visual_settings), #229 (feature flag-ek)

Implementacios Reszletek

  1. AppThemeStore (frontend/src/stores/appThemeStore.ts)

    • themeMode: ref(light | dark | corporate)
    • primaryColor: ref(#004B63)
    • animationsEnabled: ref(true)
    • compactMode: ref(false)
    • applyTheme(settings): CSS valtozok beallitasa a document.documentElement.style-n keresztul
    • loadUserTheme(): Betolti a user visual_settings-et
    • resetTheme(): Visszaallitja az alapertelmezett temat

  2. App.vue inicializacio - a store betoltese app indulaskor

Erintett fajlok

  • frontend/src/stores/appThemeStore.ts (uj)
  • frontend/src/App.vue
**Merfoldko:** Frontend Architektura 2.0 & Dinamikus Megjelenitesi Rendszer **Cel:** AppThemeStore Pinia store letrehozasa a tema kezelesere, valamint applyTheme() fuggveny a CSS valtozok dinamikus beallitasahoz. ### Fuggosegek (Dependencies) - **Bemenet:** #247 (CSS Custom Properties), #228 (JSONB visual_settings), #229 (feature flag-ek) ### Implementacios Reszletek 1. **AppThemeStore** (frontend/src/stores/appThemeStore.ts) - themeMode: ref(light | dark | corporate) - primaryColor: ref(#004B63) - animationsEnabled: ref(true) - compactMode: ref(false) - applyTheme(settings): CSS valtozok beallitasa a document.documentElement.style-n keresztul - loadUserTheme(): Betolti a user visual_settings-et - resetTheme(): Visszaallitja az alapertelmezett temat 2. **App.vue inicializacio** - a store betoltese app indulaskor ### Erintett fajlok - frontend/src/stores/appThemeStore.ts (uj) - frontend/src/App.vue
kincses added the Status: To DoScope: FrontendType: Feature labels 2026-06-08 20:05:15 +02:00
kincses added this to the Frontend Architektúra 2.0 & Dinamikus Megjelenítési Rendszer milestone 2026-06-08 20:07:43 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Role: Admin
👑 Role: Admin
 Role: User
👤 Role: User
 Scope: API
🔌 Scope: API
 Scope: Backend
🏗️ Scope: Backend
 Scope: Core
⚙️ Scope: Core
 Scope: Database
Scope: Frontend
🖥️ Scope: Frontend
 Scope: Robot
Status: Blocked
Status: Done
Status: In Progress
Status: To Do
Type: Bug
🐞 Type: Bug
 Type: Database
💾 Type: Database
 Type: Feature
✨ Type: Feature
 Type: Model
🧠 Type: Model
 Type: Refactor
Type: Refactor
Type: Script
📜 Type: Script
No Label Scope: Frontend Status: To Do Type: Feature
Milestone
No items
No Milestone Frontend Architektúra 2.0 & Dinamikus Megjelenítési Rendszer
Projects
Clear projects
No project
Assignees
Clear assignees
kincses
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: kincses/service-finder#248
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?