/* ClubApp – Custom Overrides ========================== Ez a fájl automatikusan betöltődik, és felülírja az alapértelmezett stílusokat. A Tailwind újrafordítása nélkül szerkeszthető, és azonnal érvényes a szerveren. Hogyan alkalmazd: 1. Szerkeszd a fájlt a szerveren: /opt/stacks/clubapp/public/custom_overrides.css 2. Frissítsd az oldalt – azonnal látod a változást. 3. Ha megtaláltad a megfelelő értékeket, kérd meg a fejlesztőt, hogy véglegesítse őket az application.css-ben. Elérhető CSS változók: --row-alt-light : alternáló sor háttér light módban (pl. rgba(0,0,0,0.04)) --row-alt-dark : alternáló sor háttér dark módban (pl. rgba(255,255,255,0.07)) */ /* :root { --row-alt-light: rgba(0, 0, 0, 0.04) !important; } */ /* Dark mode: a .dark osztály az elemen van */ .dark { --row-alt-dark: rgba(255, 255, 255, 0.04) !important; } /* Közvetlen felülírás ha a CSS változók nem működnek */ /* .row-alt { background: rgba(0, 0, 0, 0.04) !important; } .dark .row-alt { background: rgba(255, 255, 255, 0.1) !important; } */ /* data-table: alternating line colors */ .data-table tr:nth-child(even) { background: rgba(0, 0, 0, 0.04) !important; } .dark .data-table tr:nth-child(even) { background: rgba(255, 255, 255, 0.04) !important; } /* Tom Select: match form-input styling */ .ts-wrapper.single .ts-control { background: white; border: 1px solid #d1d5db; border-radius: 0.375rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; } .ts-wrapper.single .ts-control:focus, .ts-wrapper.single.focus .ts-control { border-color: #10b981; box-shadow: 0 0 0 1px #10b981; } .ts-dropdown { border: 1px solid #d1d5db; border-radius: 0.375rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); font-size: 0.875rem; } .ts-dropdown .optgroup-header { font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: #6b7280; padding: 0.5rem 0.75rem 0.25rem; } .ts-dropdown .option.active { background: #ecfdf5; color: #065f46; } .dark .ts-wrapper.single .ts-control { background: #1f2937; border-color: #4b5563; color: #f9fafb; } .dark .ts-wrapper.single .ts-control:focus, .dark .ts-wrapper.single.focus .ts-control { border-color: #10b981; box-shadow: 0 0 0 1px #10b981; } .dark .ts-dropdown { background: #1f2937; border-color: #4b5563; } .dark .ts-dropdown .optgroup-header { color: #9ca3af; } .dark .ts-dropdown .option { color: #f9fafb; } .dark .ts-dropdown .option.active { background: #065f46; color: #ecfdf5; } .dark .ts-control input { color: #f9fafb !important; } /* row-alt: for non-data-table tables (dashboard, konto) */ .row-alt { background: rgba(0, 0, 0, 0.04) !important; } .dark .row-alt { background: rgba(255, 255, 255, 0.04) !important; }