Configuration

Settings.js

const themeSettings = {
    // Active theme (default green)
    activeTheme: 'green',
    
    // Theme colors
    themes: {
        green: {
            primary: '#00ff88',
            secondary: '#00e676',
            accent: '#00c853',
            hover: '#00b84d',
            background: 'rgba(0, 255, 136, 0.1)',
            overlay: 'rgba(0, 255, 136, 0.3)',
            text: '#ffffff'
        },
        purple: {
            primary: '#9C27B0',
            secondary: '#7B1FA2',
            accent: '#BA68C8',
            hover: '#6A1B9A',
            background: 'rgba(156, 39, 176, 0.1)',
            overlay: 'rgba(156, 39, 176, 0.3)',
            text: '#ffffff'
        },
        blue: {
            primary: '#2196F3',
            secondary: '#1976D2',
            accent: '#64B5F6',
            hover: '#1565C0',
            background: 'rgba(33, 150, 243, 0.1)',
            overlay: 'rgba(33, 150, 243, 0.3)',
            text: '#ffffff'
        },
        red: {
            primary: '#F44336',
            secondary: '#D32F2F',
            accent: '#E57373',
            hover: '#C62828',
            background: 'rgba(244, 67, 54, 0.1)',
            overlay: 'rgba(244, 67, 54, 0.3)',
            text: '#ffffff'
        },
        gray: {
            primary: '#9E9E9E',
            secondary: '#757575',
            accent: '#BDBDBD',
            hover: '#616161',
            background: 'rgba(158, 158, 158, 0.1)',
            overlay: 'rgba(158, 158, 158, 0.3)',
            text: '#ffffff'
        },
        orange: {
            primary: '#FF9800',
            secondary: '#F57C00',
            accent: '#FFB74D',
            hover: '#EF6C00',
            background: 'rgba(255, 152, 0, 0.1)',
            overlay: 'rgba(255, 152, 0, 0.3)',
            text: '#ffffff'
        },
        yellow: {
            primary: '#FFEB3B',
            secondary: '#FDD835',
            accent: '#FFF176',
            hover: '#F9A825',
            background: 'rgba(255, 235, 59, 0.1)',
            overlay: 'rgba(255, 235, 59, 0.3)',
            text: '#000000'
        }
    }
};

const musicSettings = {
    // Initial volume level (0.0 to 1.0)
    defaultVolume: 0.5,

    // Music List
    playlist: [
        {
            title: "Eminem - Mockingbird",
            file: "music/song1.mp3",
            cover: "img/music/cover1.jpg"
        },
        {
            title: "OneRepublic - Counting Stars",
            file: "music/song2.mp3",
            cover: "img/music/cover2.jpg"
        },
        {
            title: "Passenger - Let Her Go",
            file: "music/song3.mp3",
            cover: "img/music/cover3.jpg"
        }
    ]
};

const gallerySettings = {
    // Gallery Images
    images: [
        {
            src: "img/gallery/photo1.png",
            alt: "Photo 1"
        },
        {
            src: "img/gallery/photo2.png",
            alt: "Photo 2"
        },
        {
            src: "img/gallery/photo3.png",
            alt: "Photo 3"
        },
        {
            src: "img/gallery/photo4.png",
            alt: "Photo 4"
        },
        {
            src: "img/gallery/photo5.png",
            alt: "Photo 5"
        },
        {
            src: "img/gallery/photo6.png",
            alt: "Photo 6"
        },
        {
            src: "img/gallery/photo7.png",
            alt: "Photo 7"
        },
        {
            src: "img/gallery/photo8.png",
            alt: "Photo 8"
        },		
        {
            src: "img/gallery/photo9.png",
            alt: "Photo 9"
        }
    ]
};

const newsSettings = {
    news: [
        {
            date: "25 March 2025",
            title: "New Server Update",
            content: "Our server has been updated with new features and performance improvements. Now you can experience faster and more stable gaming.",
            image: "img/news/server-update.jpg",
            tags: ["Update", "Server"]
        },
        {
            date: "20 March 2025",
            title: "New Vehicle Pack",
            content: "5 new vehicles have been added to the game! You can find the new vehicles in the vehicle gallery and take them for a test drive.",
            image: "img/news/new-cars.jpg",
            tags: ["New Content", "Cars"]
        },
        {
            date: "5 March 2025",
            title: "Weekly Events",
            content: "Don't miss the race events this week. Special prizes await the first place players!",
            tags: ["Event", "Race"]
        }		
    ]
};

const siteSettings = {
    rulesLink: "https://forum.servername.com/rules",
    socialMedia: {
        discord: {
            enabled: true,
            link: "https://discord.gg/servername"
        },
        instagram: {
            enabled: true,
            link: "https://instagram.com/name"
        },
        tiktok: {
            enabled: true,
            link: "https://tiktok.com/@name"
        }
    }
};

const settings = {
    theme: themeSettings,
    music: musicSettings,
    gallery: gallerySettings,
    news: newsSettings,
    site: siteSettings,
    team: [
        {
            name: "KBE",
            role: "Owner/Developer",
            avatar: "img/team/default-avatar.png",
            description: "Server founder and chief administrator",
            social: {
                discord: "https://discord.gg/yourserver",
                steam: "https://steamcommunity.com/id/yourid"
            }
        },
        {
            name: "Blackzone",
            role: "Developer",
            avatar: "img/team/default-avatar.png",
            description: "Server developer and administrator",
            social: {
                discord: "https://discord.gg/yourserver"
            }
        },
        {
            name: "Blessed",
            role: "Developer",
            avatar: "img/team/default-avatar.png",
            description: "Server developer and administrator",
            social: {
                discord: "https://discord.gg/yourserver"
            }
        },		
        {
            name: "Rayz",
            role: "Senior Official",
            avatar: "img/team/default-avatar.png",
            description: "Responsible for providing support and assistance to players",
            social: {
                discord: "https://discord.gg/yourserver",
                steam: "https://steamcommunity.com/id/yourid"
            }
        },
        {
            name: "emresoguksulu",
            role: "Manager",
            avatar: "img/team/default-avatar.png",
            description: "Responsible for server operation and authorities",
            social: {
                discord: "https://discord.gg/yourserver",
                steam: "https://steamcommunity.com/id/yourid"
            }
        },
        {
            name: "darkclef",
            role: "Helper",
            avatar: "img/team/default-avatar.png",
            description: "Horse Developer",
            social: {
                discord: "https://discord.gg/yourserver",
                steam: "https://steamcommunity.com/id/yourid"
            }
        }			
    ],
    language: 'en', // Default language (tr or en)
    messages: {
        tr: {
            welcome: "Sunucumuza Hoş Geldiniz",
            connecting: "Sunucuya Bağlanılıyor",
            serverName: "SUNUCU ADI",
            home: "Ana Sayfa",
            gallery: "Galeri",
            keys: "Tuşlar",
            news: "Haberler",
            gameControls: "Oyun Kontrolleri",
            rules: "Kurallar",
            team: "Ekip",
            authorizedTeam: "Yetkili Ekibi",
            serverGallery: "Sunucu Galerisi",
            serverNews: "Sunucu Haberleri",
            close: "Kapat",
            loading: "Yükleniyor...",
            noPhotos: "Henüz fotoğraf yok",
            noNews: "Henüz haber yok",
            newsTitle: "Sunucu Haberleri",
            galleryTitle: "Sunucu Galerisi"
        },
        en: {
            welcome: "Welcome to the Server",
            connecting: "Connecting to server",
            serverName: "SERVER NAME",
            home: "Home",
            gallery: "Gallery",
            keys: "Keys",
            news: "News",
            gameControls: "Game Controls",
            rules: "Rules",
            team: "Team",
            authorizedTeam: "Authorized Team",
            serverGallery: "Server Gallery",
            serverNews: "Server News",
            close: "Close",
            loading: "Loading...",
            noPhotos: "No photos yet",
            noNews: "No news yet",
            newsTitle: "Server News",
            galleryTitle: "Server Gallery"
        }
    }
};

function changeTheme(themeName) {
    const root = document.documentElement;
    const theme = themeSettings.themes[themeName];
    
    if (theme) {
        root.setAttribute('data-theme', themeName);
        themeSettings.activeTheme = themeName;
    }
}

document.addEventListener('DOMContentLoaded', function() {
    changeTheme(themeSettings.activeTheme);
});