feat: add customizable Nitro client loading overlay with Filament settings

Add full Client Login Effect section to Theme & Buttons page with:
- Enable toggle, 30+ animation effects, customizable colors/logo/text
- 6 loading bar styles (sliding, dots, pulse, double, spinner, skeleton)
- Optimized to single DB query via WebsiteSetting::whereIn
- Overlay covers Nitro v3 internal loading (5s min, 15s fallback)
This commit is contained in:
root
2026-05-22 21:09:33 +02:00
parent c53d1bca45
commit 76bce1d092
5 changed files with 875 additions and 31 deletions
+48 -13
View File
@@ -1,5 +1,5 @@
{
"exported_at": "2026-05-01 09:25:10",
"exported_at": "2026-05-22 18:56:37",
"settings": {
"preset": "atom_original",
"color_primary": "#eeb425",
@@ -73,9 +73,9 @@
"button_danger_hover_color": "#dc2626",
"button_danger_border_color": "#dc2626",
"button_outline_enabled": true,
"button_outline_color": "#f59e0b",
"button_outline_text_color": "#1e293b",
"button_outline_hover_color": "#d97706",
"button_outline_color": "#eeb425",
"button_outline_text_color": "#1a1a2e",
"button_outline_hover_color": "#cf9d15",
"nav_icon_discord_url": "",
"nav_icon_radio": true,
"navbar_height": "64",
@@ -84,30 +84,65 @@
"navbar_style": "default",
"avatar_border_radius": "8",
"avatar_border": true,
"avatar_border_color": "#f59e0b",
"badge_background": "#f59e0b",
"avatar_border_color": "#eeb425",
"badge_background": "#eeb425",
"badge_text_color": "#000000",
"badge_border_radius": "4",
"shadow_color": "rgba(0, 0, 0, 0.1)",
"shadow_opacity": "0.1",
"spinner_color": "#eeb425",
"input_background": "#ffffff",
"input_border_color": "#d1d5db",
"input_text_color": "#1f2937",
"input_placeholder_color": "#6b7280",
"input_background": "#1f2937",
"input_border_color": "#4b5563",
"input_text_color": "#ffffff",
"input_placeholder_color": "#9ca3af",
"input_focus_color": "#eeb425",
"link_color": "#f59e0b",
"link_hover_color": "#d97706",
"link_color": "#eeb425",
"link_hover_color": "#cf9d15",
"link_underline": false,
"card_border_width": "1",
"card_border_radius": "12",
"page_transition": true,
"login_effect_enabled": true,
"login_effect_animation": "fire",
"login_effect_background": "#0088ff",
"login_effect_icon_color": "#eeb425",
"login_effect_text_color": "#ffffff",
"login_effect_bar_color": "#eeb425",
"login_effect_bar_style": "dots",
"login_effect_show_logo": true,
"login_effect_show_name": true,
"login_effect_icon_size": "120",
"login_effect_custom_text": "",
"header_background": "#2d2d44",
"header_text_color": "#ffffff",
"header_link_color": "#eeb425",
"footer_background": "#2d2d44",
"footer_text_color": "#ffffff",
"footer_link_color": "#eeb425",
"card_padding": "24"
"card_padding": "24",
"profile_show_online_status": true,
"profile_show_guilds": true,
"profile_show_friends": true,
"profile_show_guestbook": true,
"profile_show_photos": true,
"profile_show_badges": true,
"profile_show_stats": true,
"profile_show_activity": true,
"profile_header_style": "default",
"profile_default_tab": "guestbook",
"custom_css_enabled": false,
"custom_css": "",
"custom_js_enabled": false,
"custom_js": "",
"header_custom_html": "",
"footer_custom_html": "",
"footer_show_copyright": true,
"footer_show_links": true,
"pwa_enabled": false,
"pwa_name": "Epicnabbo Hotel",
"pwa_short_name": "Epicnabbo",
"pwa_description": "Welcome to Epicnabbo - Your Habbo Hotel",
"pwa_theme_color": "#eeb425",
"pwa_background_color": "#1a1a2e"
}
}