Configuration
Updated 4/28/2026
π€ Configuration
This file (config.js) controls the visual appearance, text content, music, and all behavior for KS Loading Screen.
It allows full customization of sections, colors, media, and social links without editing core code.
π¨ General Settings
window.Config = {
// --- General Settings ---
primaryColor: "#66FFB2", // Main accent color
logoImage: "https://res.cloudinary.com/dqj9g1grc/image/upload/v1766683425/aurora_mmfqnz.png", // Logo at top-left
primaryColorβ affects UI highlights, buttons, and accents.logoImageβ URL of your server logo.
π Texts
All text content for the loading screen is configurable here:
texts: {
// Left Section
aboutTitle: "ABOUT US",
aboutContent: "Welcome to our server! Here youβll find unique scripts, high optimization, and excellent Roleplay.",
// Admins Section
adminsTitle: "TEAM",
// Right Section
patchNotesTitle: "NEWS & UPDATES",
galleryTitle: "GALLERY",
// Footer
socialsCallToAction: "Join our community:",
// Loading Bar
loadingTitle: "CITY LOADING...",
loadingSubtitle: "Preparing files and assets...",
// Music Player
musicDefaultTitle: "Loading Music...",
musicDefaultArtist: "Please wait!"
}
π Social Links
FontAwesome icons can be used (fab fa-... for brands, fas fa-... for solid).
socials: [
{
icon: "fab fa-discord",
link: "https://discord.gg/uskVd778zN",
tooltip: "Discord Server"
},
],
π₯ Team / Admins
admins: [
{ name: "PETKOV", role: "Owner", description: "Project Owner", image: "./assets/petkov.png" },
],
nameβ display nameroleβ position/titledescriptionβ short descriptionimageβ avatar or photo
π° Patch Notes / News
patchNotes: [
{ date: "13.08.25", text: "Check out whatβs new!", image: "https://res.cloudinary.com/dqj9g1grc/image/upload/v1766683425/aurora_mmfqnz.png" },
],
dateβ display datetextβ update messageimageβ optional accompanying image
πΌ Gallery
gallery: [
// Add images or clickable items here
],
- Display a gallery of server screenshots or artworks
- Items can be made clickable or static
π¬ Background Video
localVideoFile: "assets/video.mp4", // Path to background video
- Supports local video files (MP4 recommended)
- Video plays behind all UI elements
π΅ Music Player
musicVolume: 15, // Volume level (0-100)
musicShuffle: true, // Shuffle playlist
musicPlaylist: [
{
file: 'assets/music.mp3', // Local music file
title: "Ice Cold",
artist: "Letoa",
cover: "https://lh3.googleusercontent.com/LRqsP3swXLI1gxPHbe6DOAYtuQKAAUuaO0f1OMA4Yf0dC_KHJntjSa5X0UUz7ncL9pW7rgPl6q803RcR"
},
]
- Supports both local files and online sources (YouTube, etc.)
musicVolumecontrols playback volumemusicShuffleenables random order playback
βοΈ Summary
- Fully configurable via
config.js - Customize: colors, texts, social links, music, gallery, video, admins, patch notes
- No need to edit core code or HTML/React files
- Designed for premium FiveM server presentation