snakeia-server 1.1.5 → 1.2.0

package/server.js

@@ -40,12 +40,8 @@ const { doubleCsrf } = require("csrf-csrf");
 const bodyParser     = require("body-parser");
 const node_config    = require("config");
 
-const games = {}; // Contains all the games processed by the server
 process.env["ALLOW_CONFIG_MUTATIONS"] = true;
 let config = node_config.get("ServerConfig"); // Server configuration (see default config file config.json)
-const tokens = []; // User tokens
-const invalidatedUserTokens = []; // Invalidated user tokens
-const invalidatedAdminTokens = []; // Invalidated admin tokens
 
 // Load config file
 const configSources = node_config.util.getConfigSources();
@@ -101,110 +97,12 @@ const Snake          = snakeia.Snake;
 const Grid           = snakeia.Grid;
 const GameConstants  = snakeia.GameConstants;
 const GameEngine     = config.enableMultithreading ? require("./GameEngineMultithreadingController")(logger) : snakeia.GameEngine;
+const Player         = require("./Player");
 
-class Player {
-  constructor(token, id, snake, ready, version) {
-    this.token = token;
-    this.id = id;
-    this.snake = snake;
-    this.ready = ready;
-    this.version = version;
-  }
-
-  get username() {
-    return Player.getUsername(this);
-  }
-
-  static getPlayer(array, id) {
-    for(let i = 0; i < array.length; i++) {
-      if(array[i] != null && array[i].id == id) {
-        return array[i];
-      }
-    }
-
-    return null;
-  }
-
-  static getPlayerAllGames(id) {
-    const keys = Object.keys(games);
-
-    for(let i = 0; i < keys.length; i++) {
-      const game = games[keys[i]];
-
-      if(game) {
-        const p = this.getPlayer(game.players, id);
-        const p2 = this.getPlayer(game.spectators, id);
-        if(p) return p;
-        if(p2) return p2;
-      }
-    }
-
-    return null;
-  }
-
-  static getPlayerToken(array, token) {
-    if(!token) return null;
-    for(let i = 0; i < array.length; i++) {
-      if(array[i] != null && array[i].token == token) {
-        return array[i];
-      }
-    }
-
-    return null;
-  }
-
-  static getPlayerAllGamesToken(token) {
-    if(!token) return null;
-    const keys = Object.keys(games);
-
-    for(let i = 0; i < keys.length; i++) {
-      const game = games[keys[i]];
-
-      if(game) {
-        const p = this.getPlayerToken(game.players, token);
-        const p2 = this.getPlayerToken(game.spectators, token);
-        if(p) return p;
-        if(p2) return p2;
-      }
-    }
-
-    return null;
-  }
-
-  static containsId(array, id) {
-    return Player.getPlayer(array, id) != null;
-  }
-
-  static containsToken(array, token) {
-    return Player.getPlayerToken(array, token) != null;
-  }
-
-  static containsIdAllGames(id) {
-    return Player.getPlayerAllGames(id) != null;
-  }
-
-  static containsTokenAllGames(token) {
-    return Player.getPlayerAllGamesToken(token) != null;
-  }
-
-  static getUsername(player) {
-    try {
-      const decoded_token = jwt.verify(player.token, jsonWebTokenSecretKey);
-      return decoded_token && decoded_token.username ? decoded_token.username : null;
-    } catch(e) {
-      return null;
-    }
-  }
-
-  static getUsernameSocket(socket) {
-    try {
-      const decoded_token = jwt.verify(socket.handshake.auth.token || socket.handshake.query.token || socket.request.cookies.token, jsonWebTokenSecretKey);
-      return decoded_token && decoded_token.username ? decoded_token.username : null;
-    } catch(e) {
-      return null;
-    }
-  }
-}
+const games = {}; // Contains all the games processed by the server
+const tokens = []; // User tokens
+const invalidatedUserTokens = []; // Invalidated user tokens
+const invalidatedAdminTokens = []; // Invalidated admin tokens
 
 function getRoomsData() {
   const rooms = [];
@@ -219,20 +117,20 @@ function getRoomsData() {
     rooms[i]["players"] = Object.keys(game["players"]).length + game.numberAIToAdd;
     rooms[i]["width"] = "???";
     rooms[i]["height"] = "???";
-    rooms[i]["speed"] = game["game"].speed;
+    rooms[i]["speed"] = game["gameEngine"].speed;
     rooms[i]["code"] = keysRooms[i];
     rooms[i]["maxPlayers"] = getMaxPlayers(keysRooms[i]);
     rooms[i]["state"] = (game["started"] ? GameConstants.GameState.STARTED : game["timeoutPlay"] != null ? GameConstants.GameState.STARTING : game["searchingPlayers"] ? GameConstants.GameState.SEARCHING_PLAYERS : "");
 
-    if(game["game"].grid != null) {
-      rooms[i]["width"] = game["game"].grid.width;
-      rooms[i]["height"] = game["game"].grid.height;
-      rooms[i]["borderWalls"] = game["game"].grid.borderWalls;
-      rooms[i]["generateWalls"] = game["game"].grid.generateWalls;
+    if(game["gameEngine"].grid != null) {
+      rooms[i]["width"] = game["gameEngine"].grid.width;
+      rooms[i]["height"] = game["gameEngine"].grid.height;
+      rooms[i]["borderWalls"] = game["gameEngine"].grid.borderWalls;
+      rooms[i]["generateWalls"] = game["gameEngine"].grid.generateWalls;
     }
 
-    if(game["game"].snake != null) {
-      rooms[i]["players"] = game["game"].snake.length;
+    if(game["gameEngine"].snake != null) {
+      rooms[i]["players"] = game["gameEngine"].snake.length;
     }
 
     if(game["spectators"] != null) {
@@ -264,7 +162,7 @@ function generateRandomJsonWebTokenSecretKey(precValue) {
 }
 
 function getMaxPlayers(code) {
-  const game = games[code].game;
+  const game = games[code].gameEngine;
 
   const heightGrid = parseInt(game.grid.height);
   const widthGrid = parseInt(game.grid.width);
@@ -287,7 +185,7 @@ function getMaxPlayers(code) {
 }
 
 function createRoom(data, socket) {
-  if(Object.keys(games).filter(key => games[key] != null).length < config.maxRooms && !Player.containsTokenAllGames(socket.handshake.auth.token || socket.handshake.query.token || socket.request.cookies.token) && !Player.containsIdAllGames(socket.id)) {
+  if(Object.keys(games).filter(key => games[key] != null).length < config.maxRooms && !Player.containsTokenAllGames(socket?.handshake?.auth?.token || socket?.handshake?.query?.token || socket?.request?.cookies?.token, games) && !Player.containsIdAllGames(socket.id, games)) {
     let heightGrid = 20;
     let widthGrid = 20;
     let borderWalls = false;
@@ -357,10 +255,14 @@ function createRoom(data, socket) {
       const grid = new Grid(widthGrid, heightGrid, generateWalls, borderWalls, false, null, false);
       grid.reset();
       grid.init();
-      const game = new GameEngine(grid, [], speed);
+      const game = new GameEngine(grid, [], speed, null, null, null, null, null, {
+        modelListAPIURL: config.aiUltraAPIURL,
+        modelID: config.aiUltraCustomModelURL ? "custom" : config.aiUltraModelID,
+        customURL: config.aiUltraCustomModelURL
+      });
       
       games[code] = {
-        game: game,
+        gameEngine: game,
         private: privateGame,
         players: [],
         spectators: [],
@@ -402,7 +304,7 @@ function createRoom(data, socket) {
       });
     }
   } else if(socket != null) {
-    if(Player.containsTokenAllGames(socket.handshake.auth.token || socket.handshake.query.token || socket.request.cookies.token) || Player.containsIdAllGames(socket.id)) {
+    if(Player.containsTokenAllGames(socket?.handshake?.auth?.token || socket?.handshake?.query?.token || socket?.request?.cookies?.token, games) || Player.containsIdAllGames(socket.id, games)) {
       socket.emit("process", {
         success: false,
         code: null,
@@ -419,20 +321,57 @@ function createRoom(data, socket) {
 }
 
 function copySnakes(snakes) {
-  const copy = JSON.parse(JSON.stringify(snakes));
+  const snakesCopy = [];
 
-  if(copy) {
-    copy.forEach(snake => {
-      delete snake["grid"];
-      if(snake.snakeAI && snake.snakeAI._aiLevelText) snake.snakeAI.aiLevelText = snake.snakeAI._aiLevelText;
+  if(snakes) {
+    snakes.forEach(snake => {
+      if(snake) {
+        const snakeCopy = new Snake();
+  
+        snakeCopy.color = snake.color;
+        snakeCopy.direction = snake.direction;
+        snakeCopy.errorInit = snake.errorInit;
+        snakeCopy.gameOver = snake.gameOver;
+        snakeCopy.autoRetry = snake.autoRetry;
+        snakeCopy.aiLevel = snake.aiLevel;
+  
+        if(snake.lastTail) {
+          snakeCopy.lastTail = JSON.parse(JSON.stringify(snake.lastTail));
+        }
+  
+        if(snake.lastHead) {
+          snakeCopy.lastHead = JSON.parse(JSON.stringify(snake.lastHead));
+        }
+  
+        snakeCopy.lastTailMoved = snake.lastTailMoved;
+        snakeCopy.lastHeadMoved = snake.lastHeadMoved;
+        snakeCopy.name = snake.name;
+        snakeCopy.player = snake.player;
+  
+        if(snake.queue) {
+          snakeCopy.queue = JSON.parse(JSON.stringify(snake.queue));
+        }
+  
+        snakeCopy.score = snake.score;
+        snakeCopy.scoreMax = snake.scoreMax;
+        snakeCopy.ticksDead = snake.ticksDead;
+        snakeCopy.ticksWithoutAction = snake.ticksWithoutAction;
+        snakeCopy.grid = null;
+  
+        if(snake.snakeAI && snake.snakeAI.aiLevelText) {
+          snakeCopy.snakeAI.aiLevelText = snake.snakeAI.aiLevelText;
+        }
+  
+        snakesCopy.push(snakeCopy);
+      }
     });
   }
 
-  return copy;
+  return snakesCopy;
 }
 
 function setupRoom(code) {
-  const game = games[code].game;
+  const game = games[code].gameEngine;
 
   game.onReset(() => {
     io.to("room-" + code).emit("reset", {
@@ -622,8 +561,8 @@ function cleanRooms() {
       if(nb <= 0) {
         toRemove.push(keys[i]);
 
-        if(game.game && game.game.kill) {
-          game.game.kill();
+        if(game.gameEngine && game.gameEngine.kill) {
+          game.gameEngine.kill();
         }
       }
     }
@@ -672,13 +611,14 @@ function gameMatchmaking(game, code) {
         "playerNumber": numberPlayers,
         "maxPlayers": getMaxPlayers(code),
         "spectatorMode": false,
-        "errorOccurred": game.game.errorOccurred,
+        "errorOccurred": game.gameEngine.errorOccurred,
         "onlineMaster": false,
         "onlineMode": true,
         "enableRetryPauseMenu": false,
         "countBeforePlay": game.countBeforePlay,
-        "initialSpeed": game.game.initialSpeed,
-        "speed": game.game.speed,
+        "initialSpeed": game.gameEngine.initialSpeed,
+        "speed": game.gameEngine.speed,
+        "errorOccured": game.gameEngine.errorOccured
       });
 
       io.to(game.players[0].id).emit("init", {
@@ -690,7 +630,7 @@ function gameMatchmaking(game, code) {
   setupSpectators(code);
 }
 
-function startGame(code) {
+async function startGame(code) {
   const game = games[code];
 
   if(game != null) {
@@ -701,15 +641,15 @@ function startGame(code) {
 
     game.searchingPlayers = false;
     game.started = true;
-    game.game.snakes = [];
-    game.game.grid.reset();
-    game.game.grid.init();
+    game.gameEngine.snakes = [];
+    game.gameEngine.grid.reset();
+    game.gameEngine.grid.init();
   
     for(let i = 0; i < game.players.length; i++) {
       const username = game.players[i].username;
 
-      game.players[i].snake = new Snake(null, null, game.game.grid, null, null, null, username);
-      game.game.snakes.push(game.players[i].snake);
+      game.players[i].snake = new Snake(null, null, game.gameEngine.grid, null, null, null, username);
+      game.gameEngine.snakes.push(game.players[i].snake);
 
       io.to(game.players[i].id).emit("init", {
         "currentPlayer": (i + 1),
@@ -719,29 +659,38 @@ function startGame(code) {
 
     if(game.enableAI) {
       for(let i = 0; i < game.numberAIToAdd; i++) {
-        const snakeAI = new Snake(null, null, game.game.grid, GameConstants.PlayerType.AI, game.levelAI);
-        game.game.snakes.push(snakeAI);
+        const snakeAI = new Snake(null, null, game.gameEngine.grid, GameConstants.PlayerType.AI, game.levelAI);
+        game.gameEngine.snakes.push(snakeAI);
       }
     }
 
     if(config.enableMaxTimeGame) {
       clearTimeout(game.timeoutMaxTimePlay);
-      game.game.timeStart = Date.now() + 5000;
+      game.gameEngine.timeStart = Date.now() + 5000;
       game.timeoutMaxTimePlay = setTimeout(() => {
-        game.game.stop(true);
+        game.gameEngine.stop(true);
       }, config.maxTimeGame + 5000);
     }
+
+    io.to("room-" + code).emit("init", {
+      "engineLoading": true
+    });
   
     if(!game.alreadyInit) {
-      game.game.init();
-      game.game.start();
+      await game.gameEngine.init();
+      game.gameEngine.start();
       game.alreadyInit = true;
     } else {
-      game.game.countBeforePlay = 3;
-      game.game.init();
-      game.game.reset();
+      game.gameEngine.countBeforePlay = 3;
+      await game.gameEngine.init();
+      game.gameEngine.reset();
     }
 
+    io.to("room-" + code).emit("init", {
+      "errorOccurred": game.gameEngine.errorOccurred,
+      "engineLoading": false
+    });
+
     setupSpectators(code);
   }
 }
@@ -754,7 +703,8 @@ function setupSpectators(code) {
       io.to(game.spectators[i].id).emit("init", {
         "spectatorMode": true,
         "onlineMode": true,
-        "enableRetryPauseMenu": false
+        "enableRetryPauseMenu": false,
+        "engineLoading": false
       });
     }
   }
@@ -766,8 +716,8 @@ function sendStatus(code) {
 
     if(game != null) {
       for(let i = 0; i < game.players.length; i++) {
-        game.game.key(game.players[i].snake.lastKey, i + 1);
-        if(game.players[i].snake.gameOver) game.game.setGameOver(i + 1);
+        game.gameEngine.key(game.players[i].snake.lastKey, i + 1);
+        if(game.players[i].snake.gameOver) game.gameEngine.setGameOver(i + 1);
       }
     }
   }
@@ -917,7 +867,8 @@ app.use("/authentication", rateLimit({
 app.use(function(req, res, next) {
   ipBanned(req.ip).then(() => {
     res.render(__dirname + "/views/banned.html", {
-      contact: config.contactBan
+      contact: config.contactBan,
+      theme: req.query.theme
     });
     res.end();
   }, () => {
@@ -928,7 +879,8 @@ app.use(function(req, res, next) {
 app.get("/", function(req, res) {
   res.render(__dirname + "/views/index.html", {
     version: config.version,
-    engineVersion: GameConstants.Setting.APP_VERSION
+    engineVersion: GameConstants.Setting.APP_VERSION,
+    theme: req.query.theme
   });
 });
 
@@ -950,7 +902,8 @@ app.get("/authentication", function(req, res) {
         min: config.minCharactersUsername,
         max: config.maxCharactersUsername,
         enableMaxTimeGame: config.enableMaxTimeGame,
-        maxTimeGame: config.maxTimeGame
+        maxTimeGame: config.maxTimeGame,
+        theme: req.query.theme
       });
     });
   } else {
@@ -987,7 +940,8 @@ app.post("/authentication", function(req, res) {
             min: config.minCharactersUsername,
             max: config.maxCharactersUsername,
             enableMaxTimeGame: config.enableMaxTimeGame,
-            maxTimeGame: config.maxTimeGame
+            maxTimeGame: config.maxTimeGame,
+            theme: req.query.theme
           });
 
           logger.info("authentication - username: " + username + " - ip: " + req.ip);
@@ -1009,7 +963,8 @@ app.post("/authentication", function(req, res) {
             min: config.minCharactersUsername,
             max: config.maxCharactersUsername,
             enableMaxTimeGame: config.enableMaxTimeGame,
-            maxTimeGame: config.maxTimeGame
+            maxTimeGame: config.maxTimeGame,
+            theme: req.query.theme
           });
         });
       }
@@ -1032,9 +987,11 @@ app.get("/rooms", function(req, res) {
 
 // Admin panel
 function kickUser(socketId, token) {
-  if(io.of("/").sockets.get(socketId)) {
-    logger.info("user kicked (socket: " + socketId + ") - ip: " + getIPSocketIO(io.of("/").sockets.get(socketId).handshake));
-    io.of("/").sockets.get(socketId).disconnect(true);
+  const sockets = io.of("/").sockets;
+
+  if(sockets.get(socketId)) {
+    logger.info("user kicked (socket: " + socketId + ") - ip: " + getIPSocketIO(sockets.get(socketId).handshake));
+    sockets.get(socketId).disconnect(true);
     invalidateUserToken(token);
   }
 }
@@ -1060,8 +1017,10 @@ function invalidateUserToken(token) {
 }
 
 function banUserIP(socketId) {
-  if(io.of("/").sockets.get(socketId)) {
-    let ip = getIPSocketIO(io.of("/").sockets.get(socketId).handshake);
+  const sockets = io.of("/").sockets;
+
+  if(sockets.get(socketId)) {
+    let ip = getIPSocketIO(sockets.get(socketId).handshake);
 
     if(ip && ip.substr(0, 7) == "::ffff:") {
       ip = ip.substr(7, ip.length);
@@ -1219,7 +1178,8 @@ app.get("/admin", doubleCsrfProtection, function(req, res) {
             csrfToken: generateCsrfToken(req, res, { overwrite: true, validateOnReuse: true }),
             serverLog: logFile,
             errorLog: errorLogFile,
-            getIPSocketIO: getIPSocketIO
+            getIPSocketIO: getIPSocketIO,
+            theme: req.query.theme
           });
         });
       });
@@ -1356,7 +1316,8 @@ app.post("/admin", adminRateLimiter, function(req, res) {
             csrfToken: null,
             serverLog: null,
             errorLog: null,
-            getIPSocketIO: getIPSocketIO
+            getIPSocketIO: getIPSocketIO,
+            theme: req.query.theme
           });
         });
       }
@@ -1406,22 +1367,24 @@ function checkAuthentication(token) {
 }
 
 function checkAuthenticationSocket(socket) {
-  return checkAuthentication(socket.handshake.auth.token || socket.handshake.query.token || socket.request.cookies.token);
+  return checkAuthentication(socket?.handshake?.auth?.token || socket?.handshake?.query?.token || socket?.request?.cookies?.token);
 }
 
 function checkAuthenticationExpress(req) {
   return checkAuthentication(req.cookies.token);
 }
 
-io.use(function(socket, next) {
+const checkBanned = function(socket, next) {
   ipBanned(getIPSocketIO(socket.handshake)).then(() => {
     next(new Error(GameConstants.Error.BANNED));
   }, () => {
     next();
   });
-});
+};
+
+io.use(checkBanned);
 
-io.of("/rooms").on("connection", function(socket) {
+io.of("/rooms").use(ioCookieParser()).use(checkBanned).on("connection", function(socket) {
   checkAuthenticationSocket(socket).then(() => {
     socket.emit("rooms", {
       rooms: getRoomsData(),
@@ -1441,7 +1404,7 @@ io.of("/rooms").on("connection", function(socket) {
   });
 });
 
-io.of("/createRoom").on("connection", function(socket) {
+io.of("/createRoom").use(ioCookieParser()).use(checkBanned).on("connection", function(socket) {
   socket.on("create", function(data) {
     checkAuthenticationSocket(socket).then(() => {
       createRoom(data, socket);
@@ -1461,7 +1424,7 @@ io.on("connection", function(socket) {
       const version = data.version;
       const game = games[code];
   
-      if(game != null && !Player.containsId(game.players, socket.id) && !Player.containsId(game.spectators, socket.id) && !Player.containsToken(game.players, token) && !Player.containsToken(game.spectators, token) && !Player.containsTokenAllGames(token) && !Player.containsIdAllGames(socket.id)) {
+      if(game != null && !Player.containsId(game.players, socket.id) && !Player.containsId(game.spectators, socket.id) && !Player.containsToken(game.players, token) && !Player.containsToken(game.spectators, token) && !Player.containsTokenAllGames(token, games) && !Player.containsIdAllGames(socket.id, games)) {
         socket.join("room-" + code);
   
         if(game.players.length + game.numberAIToAdd >= getMaxPlayers(code) || game.started) {
@@ -1481,37 +1444,40 @@ io.on("connection", function(socket) {
         
           if(game.started) {
             socket.emit("init", {
-              "paused": game.game.paused,
-              "isReseted": game.game.isReseted,
-              "exited": game.game.exited,
-              "snakes": copySnakes(game.game.snakes),
-              "grid": game.game.grid,
-              "numFruit": game.game.numFruit,
-              "ticks": game.game.ticks,
-              "scoreMax": game.game.scoreMax,
-              "gameOver": game.game.gameOver,
-              "gameFinished": game.game.gameFinished,
-              "gameMazeWin": game.game.gameMazeWin,
-              "starting": game.game.starting,
-              "initialSpeed": game.game.initialSpeed,
-              "speed": game.game.speed,
-              "offsetFrame": game.game.speed * GameConstants.Setting.TIME_MULTIPLIER,
+              "paused": game.gameEngine.paused,
+              "isReseted": game.gameEngine.isReseted,
+              "exited": game.gameEngine.exited,
+              "snakes": copySnakes(game.gameEngine.snakes),
+              "grid": game.gameEngine.grid,
+              "numFruit": game.gameEngine.numFruit,
+              "ticks": game.gameEngine.ticks,
+              "scoreMax": game.gameEngine.scoreMax,
+              "gameOver": game.gameEngine.gameOver,
+              "gameFinished": game.gameEngine.gameFinished,
+              "gameMazeWin": game.gameEngine.gameMazeWin,
+              "starting": game.gameEngine.starting,
+              "initialSpeed": game.gameEngine.initialSpeed,
+              "speed": game.gameEngine.speed,
+              "offsetFrame": game.gameEngine.speed * GameConstants.Setting.TIME_MULTIPLIER,
               "confirmReset": false,
               "confirmExit": false,
               "getInfos": false,
               "getInfosGame": false,
-              "errorOccurred": game.game.errorOccurred,
+              "errorOccurred": game.gameEngine.errorOccurred,
               "timerToDisplay": config.enableMaxTimeGame ? (config.maxTimeGame - (Date.now() - game.timeStart)) / 1000 : -1,
-              "countBeforePlay": game.game.countBeforePlay,
-              "aiStuck": game.game.aiStuck,
-              "precAiStuck": false
+              "countBeforePlay": game.gameEngine.countBeforePlay,
+              "aiStuck": game.gameEngine.aiStuck,
+              "precAiStuck": false,
+              "enablePause": game.gameEngine.enablePause,
+              "enableRetry": game.gameEngine.enableRetry,
+              "progressiveSpeed": game.gameEngine.progressiveSpeed
             });
           } else {
             socket.emit("init", {
-              "enablePause": game.game.enablePause,
-              "enableRetry": game.game.enableRetry,
-              "progressiveSpeed": game.game.progressiveSpeed,
-              "offsetFrame": game.game.speed * GameConstants.Setting.TIME_MULTIPLIER
+              "enablePause": game.gameEngine.enablePause,
+              "enableRetry": game.gameEngine.enableRetry,
+              "progressiveSpeed": game.gameEngine.progressiveSpeed,
+              "offsetFrame": game.gameEngine.speed * GameConstants.Setting.TIME_MULTIPLIER
             });
           }
   
@@ -1584,7 +1550,7 @@ io.on("connection", function(socket) {
             success: false,
             errorCode: GameConstants.Error.ROOM_ALREADY_JOINED
           });
-        } else if(Player.containsTokenAllGames(token) || Player.containsIdAllGames(socket.id)) {
+        } else if(Player.containsTokenAllGames(token, games) || Player.containsIdAllGames(socket.id, games)) {
           socket.emit("join-room", {
             success: false,
             errorCode: GameConstants.Error.ALREADY_CREATED_ROOM
@@ -1597,6 +1563,6 @@ io.on("connection", function(socket) {
   });
 });
 
-http.listen(config.port, function(){
+http.listen(config.port, () => {
   console.log("listening on *:" + config.port);
 });

package/views/admin.html

@@ -24,12 +24,19 @@
     <link href="/css/bootstrap.min.css" rel="stylesheet">
     <link href="/css/flat-ui.min.css" rel="stylesheet">
     <link href="/css/main.css" rel="stylesheet">
+    <% if(theme === "dark") { %>
+    <link href="/css/dark-theme.css" rel="stylesheet">
+    <% } %>
     <script src="/js/jquery.min.js"></script>
     <script src="/js/bootstrap.bundle.min.js"></script>
     <% if(enableRecaptcha && publicKey) { %><script src="https://www.google.com/recaptcha/api.js?hl=<%= locale %>" async defer></script><% } %>
     <title>SnakeIA Server</title>
   </head>
+  <% if(theme === "dark") { %>
+  <body class="text-center dark">
+  <% } else { %>
   <body class="text-center">
+  <% } %>
     <div class="container">
       <div class="row">
           <div class="col">

package/views/authentication.html

@@ -23,10 +23,17 @@
     <link href="/css/bootstrap.min.css" rel="stylesheet">
     <link href="/css/flat-ui.min.css" rel="stylesheet">
     <link href="/css/main.css" rel="stylesheet">
+    <% if(theme === "dark") { %>
+    <link href="/css/dark-theme.css" rel="stylesheet">
+    <% } %>
     <% if(enableRecaptcha && publicKey) { %><script src="https://www.google.com/recaptcha/api.js?hl=<%= locale %>" async defer></script><% } %>
     <title>SnakeIA Server</title>
   </head>
+  <% if(theme === "dark") { %>
+  <body class="text-center remove-padding dark">
+  <% } else { %>
   <body class="text-center remove-padding">
+  <% } %>
     <div class="container">
       <% if(authent) { %>
       <h3><%= __("alreadyAuthentified") %></h3>

package/views/banned.html

@@ -23,9 +23,16 @@
     <link href="/css/bootstrap.min.css" rel="stylesheet">
     <link href="/css/flat-ui.min.css" rel="stylesheet">
     <link href="/css/main.css" rel="stylesheet">
+    <% if(theme === "dark") { %>
+    <link href="/css/dark-theme.css" rel="stylesheet">
+    <% } %>
     <title>SnakeIA Server</title>
   </head>
+  <% if(theme === "dark") { %>
+  <body class="text-center dark">
+  <% } else { %>
   <body class="text-center">
+  <% } %>
     <div class="container">
         <div class="row">
           <div class="col">