// ----------------------------------------------------------------------------- // Author: Simon-Pierre Boucher // Contact: contact@spboucher.ai // Project: Groupe Ka / Ka Maps (Rent-Ka integration) // kamaps/theme.ts: Rent-Ka Maps theme — cobalt / off-white / ink identity. // Premium price pills: off-white with ink text (the map breathes), COBALT is // reserved for brand moments (below market, selection, active controls). // ----------------------------------------------------------------------------- import type { KaMapTheme } from "@groupe-ka/ka-maps"; const INK = "#141814"; const COBALT = "#2456e6"; const OFFWHITE = "#fffdf8"; const WHITE = "#ffffff"; export const louKaMapTheme: KaMapTheme = { id: "rent-ka", productName: "Rent-Ka Maps", accent: COBALT, onAccent: WHITE, fontFamily: '"Inter", system-ui, -apple-system, "Segoe UI", sans-serif', markers: { // Rent: off-white pill, ink text — readable without crushing the map. // Selection/hover: solid ink (white text), the absolute anchor. sale: { background: OFFWHITE, text: INK, halo: "rgba(20, 24, 20, 0.30)", selectedBackground: INK, selectedText: WHITE, }, rent: { background: OFFWHITE, text: INK, halo: "rgba(20, 24, 20, 0.30)", selectedBackground: INK, selectedText: WHITE, }, // "Below market": Rent-Ka cobalt — THE deal signal. highlight: { background: COBALT, text: WHITE, halo: "rgba(255, 255, 255, 0.55)", selectedBackground: INK, selectedText: WHITE, }, }, cluster: { background: OFFWHITE, text: INK, border: COBALT, valueText: "#1738a8", valueHalo: "rgba(255, 253, 248, 0.92)", }, // Rent-Ka cartography: neutral, refined basemap — very pale grey, // desaturated blue water, subtle green parks, well-defined buildings. // Prices remain the dominant element of the map. basemapOverrides: { light: { background: "#f7f8fa", residential: "#f0f1f4", water: "#c9d8ef", waterway: "#bfd0ea", park: "#dce8d8", wood: "#d0e0ca", building: "#e6e8ee", buildingOutline: "#d0d3dd", road: "#ffffff", roadCasing: "#dcdee6", motorway: "#f4ede2", boundary: "#a9adbd", label: "#3e4560", labelHalo: "rgba(247,248,250,0.92)", cityLabel: "#0b1330", roadLabel: "#8a90a5", waterLabel: "#5c74a8", }, }, supportsDark: false, };