OpenFrontIO/src/core/configuration/PastelTheme.ts

import { Colord, colord, random } from "colord";
import { PlayerID, PlayerInfo, TerrainType, Tile } from "../game/Game";
import { Theme } from "./Config";
import { time } from "console";
import { PseudoRandom } from "../PseudoRandom";
import { simpleHash } from "../Util";

export const pastelTheme = new class implements Theme {

    private rand = new PseudoRandom(123)

    private background = colord({ r: 60, g: 60, b: 60 });
    private land = colord({ r: 194, g: 193, b: 148 });
    private shore = colord({ r: 204, g: 203, b: 158 });
    private falloutColors = [
        colord({ r: 120, g: 255, b: 71 }),  // Original color
        colord({ r: 130, g: 255, b: 85 }),  // Slightly lighter
        colord({ r: 110, g: 245, b: 65 }),  // Slightly darker
        colord({ r: 125, g: 255, b: 75 }),  // Warmer tint
        colord({ r: 115, g: 250, b: 68 })   // Cooler tint
    ];
    private water = colord({ r: 75, g: 142, b: 190 });
    private shorelineWater = colord({ r: 100, g: 143, b: 255 });

    private territoryColors: Colord[] = [
        colord({ r: 230, g: 100, b: 100 }), // Bright Red
        colord({ r: 100, g: 180, b: 230 }), // Sky Blue
        colord({ r: 230, g: 180, b: 80 }),  // Golden Yellow
        colord({ r: 180, g: 100, b: 230 }), // Purple
        colord({ r: 80, g: 200, b: 120 }),  // Emerald Green
        colord({ r: 230, g: 130, b: 180 }), // Pink
        colord({ r: 100, g: 160, b: 80 }),  // Olive Green
        colord({ r: 230, g: 150, b: 100 }), // Peach
        colord({ r: 80, g: 130, b: 190 }),  // Navy Blue
        colord({ r: 210, g: 210, b: 100 }), // Lime Yellow
        colord({ r: 190, g: 100, b: 130 }), // Maroon
        colord({ r: 100, g: 210, b: 210 }), // Turquoise
        colord({ r: 210, g: 140, b: 80 }),  // Light Orange
        colord({ r: 150, g: 110, b: 190 }), // Lavender
        colord({ r: 180, g: 210, b: 120 }), // Light Green
        colord({ r: 210, g: 100, b: 160 }), // Hot Pink
        colord({ r: 100, g: 140, b: 110 }), // Sea Green
        colord({ r: 230, g: 180, b: 180 }), // Light Pink
        colord({ r: 120, g: 120, b: 190 }), // Periwinkle
        colord({ r: 190, g: 170, b: 100 }), // Sand
        colord({ r: 100, g: 180, b: 160 }), // Aquamarine
        colord({ r: 210, g: 160, b: 200 }), // Orchid
        colord({ r: 170, g: 190, b: 100 }), // Yellow Green
        colord({ r: 100, g: 130, b: 150 }), // Steel Blue
        colord({ r: 230, g: 140, b: 140 }), // Salmon
        colord({ r: 140, g: 180, b: 220 }), // Light Blue
        colord({ r: 200, g: 160, b: 110 }), // Tan
        colord({ r: 180, g: 130, b: 180 }), // Plum
        colord({ r: 130, g: 200, b: 130 }), // Light Sea Green
        colord({ r: 220, g: 120, b: 120 }), // Coral
        colord({ r: 120, g: 160, b: 200 }), // Cornflower Blue
        colord({ r: 200, g: 200, b: 140 }), // Khaki
        colord({ r: 160, g: 120, b: 160 }), // Purple Gray
        colord({ r: 140, g: 180, b: 140 }), // Dark Sea Green
        colord({ r: 200, g: 130, b: 110 }), // Dark Salmon
        colord({ r: 130, g: 170, b: 190 }), // Cadet Blue
        colord({ r: 190, g: 180, b: 160 }), // Tan Gray
        colord({ r: 170, g: 140, b: 190 }), // Medium Purple
        colord({ r: 160, g: 190, b: 160 }), // Pale Green
        colord({ r: 190, g: 150, b: 130 }), // Rosy Brown
        colord({ r: 140, g: 150, b: 180 }), // Light Slate Gray
        colord({ r: 180, g: 170, b: 140 }), // Dark Khaki
        colord({ r: 150, g: 130, b: 150 }), // Thistle
        colord({ r: 170, g: 190, b: 180 }), // Pale Blue Green
        colord({ r: 190, g: 140, b: 150 }), // Puce
        colord({ r: 130, g: 180, b: 170 }), // Medium Aquamarine
        colord({ r: 180, g: 160, b: 180 }), // Mauve
        colord({ r: 160, g: 180, b: 140 }), // Dark Olive Green
        colord({ r: 170, g: 150, b: 170 }),  // Dusty Rose
        colord({ r: 100, g: 180, b: 230 }), // Sky Blue
        colord({ r: 230, g: 180, b: 80 }),  // Golden Yellow
        colord({ r: 180, g: 100, b: 230 }), // Purple
        colord({ r: 80, g: 200, b: 120 }),  // Emerald Green
        colord({ r: 230, g: 130, b: 180 }), // Pink
        colord({ r: 100, g: 160, b: 80 }),  // Olive Green
        colord({ r: 230, g: 150, b: 100 }), // Peach
        colord({ r: 80, g: 130, b: 190 }),  // Navy Blue
        colord({ r: 210, g: 210, b: 100 }), // Lime Yellow
        colord({ r: 190, g: 100, b: 130 }), // Maroon
        colord({ r: 100, g: 210, b: 210 }), // Turquoise
        colord({ r: 210, g: 140, b: 80 }),  // Light Orange
        colord({ r: 150, g: 110, b: 190 }), // Lavender
        colord({ r: 180, g: 210, b: 120 }), // Light Green
        colord({ r: 210, g: 100, b: 160 }), // Hot Pink
        colord({ r: 100, g: 140, b: 110 }), // Sea Green
        colord({ r: 230, g: 180, b: 180 }), // Light Pink
        colord({ r: 120, g: 120, b: 190 }), // Periwinkle
        colord({ r: 190, g: 170, b: 100 }), // Sand
        colord({ r: 100, g: 180, b: 160 }), // Aquamarine
        colord({ r: 210, g: 160, b: 200 }), // Orchid
        colord({ r: 170, g: 190, b: 100 }), // Yellow Green
        colord({ r: 100, g: 130, b: 150 }), // Steel Blue
        colord({ r: 230, g: 140, b: 140 }), // Salmon
        colord({ r: 140, g: 180, b: 220 }), // Light Blue
        colord({ r: 200, g: 160, b: 110 }), // Tan
        colord({ r: 180, g: 130, b: 180 }), // Plum
        colord({ r: 130, g: 200, b: 130 }), // Light Sea Green
        colord({ r: 220, g: 120, b: 120 }), // Coral
        colord({ r: 120, g: 160, b: 200 }), // Cornflower Blue
        colord({ r: 200, g: 200, b: 140 }), // Khaki
        colord({ r: 160, g: 120, b: 160 }), // Purple Gray
        colord({ r: 140, g: 180, b: 140 }), // Dark Sea Green
        colord({ r: 200, g: 130, b: 110 }), // Dark Salmon
        colord({ r: 130, g: 170, b: 190 }), // Cadet Blue
        colord({ r: 190, g: 180, b: 160 }), // Tan Gray
        colord({ r: 170, g: 140, b: 190 }), // Medium Purple
        colord({ r: 160, g: 190, b: 160 }), // Pale Green
        colord({ r: 190, g: 150, b: 130 }), // Rosy Brown
        colord({ r: 140, g: 150, b: 180 }), // Light Slate Gray
        colord({ r: 180, g: 170, b: 140 }), // Dark Khaki
        colord({ r: 150, g: 130, b: 150 }), // Thistle
        colord({ r: 170, g: 190, b: 180 }), // Pale Blue Green
        colord({ r: 190, g: 140, b: 150 }), // Puce
        colord({ r: 130, g: 180, b: 170 }), // Medium Aquamarine
        colord({ r: 180, g: 160, b: 180 }), // Mauve
        colord({ r: 160, g: 180, b: 140 }), // Dark Olive Green
        colord({ r: 170, g: 150, b: 170 })  // Dusty Rose
    ];

    private _selfColor = colord({ r: 0, g: 255, b: 0 })
    private _allyColor = colord({ r: 255, g: 255, b: 0 })
    private _enemyColor = colord({ r: 255, g: 0, b: 0 })

    private _spawnHighlightColor = colord({ r: 255, g: 213, b: 79 })


    playerInfoColor(id: PlayerID): Colord {
        return colord({ r: 50, g: 50, b: 50 })
    }

    territoryColor(playerInfo: PlayerInfo): Colord {
        return this.territoryColors[simpleHash(playerInfo.name) % this.territoryColors.length]
    }

    borderColor(playerInfo: PlayerInfo): Colord {
        const tc = this.territoryColor(playerInfo).rgba;
        return colord({
            r: Math.max(tc.r - 40, 0),
            g: Math.max(tc.g - 40, 0),
            b: Math.max(tc.b - 40, 0)
        })
    }
    defendedBorderColor(playerInfo: PlayerInfo): Colord {
        const bc = this.borderColor(playerInfo).rgba;
        return colord({
            r: Math.max(bc.r - 40, 0),
            g: Math.max(bc.g - 40, 0),
            b: Math.max(bc.b - 40, 0)
        })
    }

    terrainColor(tile: Tile): Colord {
        let mag = tile.terrain().magnitude()
        if (tile.terrain().isShore()) {
            return this.shore
        }
        switch (tile.terrain().type()) {
            case TerrainType.Ocean:
            case TerrainType.Lake:
                const w = this.water.rgba
                if (tile.terrain().isShorelineWater()) {
                    return this.shorelineWater
                }
                if (tile.terrain().magnitude() < 7) {
                    return colord({
                        r: Math.max(w.r - 7 + mag, 0),
                        g: Math.max(w.g - 7 + mag, 0),
                        b: Math.max(w.b - 7 + mag, 0)
                    })
                }
                return this.water
            case TerrainType.Plains:
                return colord({
                    r: 190,
                    g: 220 - 2 * mag,
                    b: 138
                })
            case TerrainType.Highland:
                return colord({
                    r: 200 + 2 * mag,
                    g: 183 + 2 * mag,
                    b: 138 + 2 * mag
                })
            case TerrainType.Mountain:
                return colord({
                    r: 230 + mag / 2,
                    g: 230 + mag / 2,
                    b: 230 + mag / 2
                })
        }
    }

    backgroundColor(): Colord {
        return this.background;
    }

    falloutColor(): Colord {
        return this.rand.randElement(this.falloutColors)
    }

    font(): string {
        return "Overpass, sans-serif";
    }

    selfColor(): Colord {
        return this._selfColor
    }
    allyColor(): Colord {
        return this._allyColor
    }
    enemyColor(): Colord {
        return this._enemyColor
    }

    spawnHighlightColor(): Colord {
        return this._spawnHighlightColor
    }
}