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);
});Last updated