canvas-globe 0.1.0 → 0.1.2

package/src/themes.js

@@ -1,241 +1,241 @@
-/** Built-in palettes. Pass your own object to `theme` to override any key. */
-export const themes = {
-  atlas: {
-    ocean: ["#c2e7fb", "#7cc0e8"],
-    land: "#cfe7b6",
-    border: "rgba(206,116,130,.55)",
-    graticule: "rgba(255,255,255,.2)",
-    atmosphere: "rgba(125,185,255,.45)",
-    rim: "rgba(255,255,255,.5)",
-    marker: "#6d28d9",
-    markerGlow: "rgba(109,40,217,.45)",
-    live: "#22c55e",
-    bubble: "#ffffff",
-    label: "#0f172a",
-    stars: "rgba(255,255,255,.75)",
-    dot: "#5b8c3a",
-    glow: "rgba(206,116,130,.9)",
-    orbit: "rgba(109,40,217,.35)",
-    arc: "#6d28d9",
-    arcHead: "#f97316",
-    night: "rgba(9,17,38,.42)",
-    cluster: "#4c1d95",
-    clusterLabel: "#ffffff",
-    focus: "#f59e0b",
-    countryHover: "rgba(255,255,255,.35)",
-    shade: true,
-  },
-  midnight: {
-    ocean: ["#16224a", "#070b18"],
-    land: "#39496b",
-    border: "rgba(148,163,184,.4)",
-    graticule: "rgba(148,163,184,.14)",
-    atmosphere: "rgba(129,140,248,.34)",
-    rim: "rgba(168,85,247,.6)",
-    marker: "#e879f9",
-    markerGlow: "rgba(232,121,249,.5)",
-    live: "#4ade80",
-    bubble: "#0f172a",
-    label: "#e2e8f0",
-    stars: "rgba(255,255,255,.8)",
-    dot: "#818cf8",
-    glow: "rgba(129,140,248,.9)",
-    orbit: "rgba(168,85,247,.4)",
-    arc: "#a78bfa",
-    arcHead: "#f0abfc",
-    night: "rgba(2,4,12,.5)",
-    cluster: "#7c3aed",
-    clusterLabel: "#f8fafc",
-    focus: "#fbbf24",
-    countryHover: "rgba(255,255,255,.16)",
-    shade: true,
-  },
-  mono: {
-    ocean: ["#f8fafc", "#e2e8f0"],
-    land: "#cbd5e1",
-    border: "rgba(100,116,139,.5)",
-    graticule: "rgba(100,116,139,.16)",
-    atmosphere: "rgba(148,163,184,.3)",
-    rim: "rgba(71,85,105,.45)",
-    marker: "#0f172a",
-    markerGlow: "rgba(15,23,42,.3)",
-    live: "#16a34a",
-    bubble: "#ffffff",
-    label: "#0f172a",
-    stars: "rgba(148,163,184,.6)",
-    dot: "#64748b",
-    glow: "rgba(71,85,105,.8)",
-    orbit: "rgba(71,85,105,.3)",
-    arc: "#334155",
-    arcHead: "#0f172a",
-    night: "rgba(15,23,42,.28)",
-    cluster: "#334155",
-    clusterLabel: "#ffffff",
-    focus: "#2563eb",
-    countryHover: "rgba(15,23,42,.16)",
-    shade: false,
-  },
-  /** Cyan dot-matrix earth on deep navy. */
-  hologram: {
-    ocean: ["rgba(10,26,53,.92)", "rgba(2,7,18,.98)"],
-    land: "rgba(56,189,248,.07)",
-    border: "rgba(56,189,248,.3)",
-    graticule: "rgba(56,189,248,.26)",
-    atmosphere: "rgba(56,189,248,.34)",
-    rim: "rgba(125,211,252,.85)",
-    marker: "#22d3ee",
-    markerGlow: "rgba(34,211,238,.5)",
-    live: "#5eead4",
-    bubble: "#04182b",
-    label: "#e0f2fe",
-    stars: "rgba(186,230,253,.7)",
-    dot: "#38bdf8",
-    glow: "rgba(56,189,248,.95)",
-    orbit: "rgba(125,211,252,.45)",
-    arc: "#22d3ee",
-    arcHead: "#a5f3fc",
-    night: "rgba(1,4,12,.45)",
-    cluster: "#0e7490",
-    clusterLabel: "#ecfeff",
-    focus: "#fbbf24",
-    countryHover: "rgba(56,189,248,.22)",
-    shade: false,
-  },
-  /** Magenta continents with a cyan rim: the "cyber network" look. */
-  neon: {
-    ocean: ["#180a2e", "#05010f"],
-    land: "rgba(236,72,153,.16)",
-    border: "#f472b6",
-    graticule: "rgba(168,85,247,.2)",
-    atmosphere: "rgba(168,85,247,.5)",
-    rim: "rgba(34,211,238,.9)",
-    marker: "#22d3ee",
-    markerGlow: "rgba(34,211,238,.55)",
-    live: "#f0abfc",
-    bubble: "#1a0b2e",
-    label: "#fae8ff",
-    stars: "rgba(240,171,252,.75)",
-    dot: "#f472b6",
-    glow: "rgba(236,72,153,1)",
-    orbit: "rgba(34,211,238,.4)",
-    arc: "#22d3ee",
-    arcHead: "#f0abfc",
-    night: "rgba(3,1,10,.5)",
-    cluster: "#a21caf",
-    clusterLabel: "#fdf4ff",
-    focus: "#fde047",
-    countryHover: "rgba(244,114,182,.25)",
-    shade: false,
-  },
-  /** Technical line-art on deep blue, for HUD-style dashboards. */
-  blueprint: {
-    ocean: ["#0c2b52", "#04101f"],
-    land: "rgba(125,211,252,.05)",
-    border: "#7dd3fc",
-    graticule: "rgba(125,211,252,.2)",
-    atmosphere: "rgba(59,130,246,.35)",
-    rim: "rgba(125,211,252,.55)",
-    marker: "#38bdf8",
-    markerGlow: "rgba(56,189,248,.45)",
-    live: "#4ade80",
-    bubble: "#0b2545",
-    label: "#e0f2fe",
-    stars: "rgba(148,197,255,.55)",
-    dot: "#7dd3fc",
-    glow: "rgba(125,211,252,.8)",
-    orbit: "rgba(125,211,252,.5)",
-    arc: "#38bdf8",
-    arcHead: "#e0f2fe",
-    night: "rgba(2,8,20,.45)",
-    cluster: "#1d4ed8",
-    clusterLabel: "#eff6ff",
-    focus: "#facc15",
-    countryHover: "rgba(125,211,252,.2)",
-    shade: false,
-  },
-  /** Green and violet, like a polar aurora. */
-  aurora: {
-    ocean: ["#04141c", "#01060a"],
-    land: "rgba(52,211,153,.08)",
-    border: "rgba(52,211,153,.35)",
-    graticule: "rgba(167,139,250,.16)",
-    atmosphere: "rgba(52,211,153,.32)",
-    rim: "rgba(167,139,250,.75)",
-    marker: "#a78bfa",
-    markerGlow: "rgba(167,139,250,.5)",
-    live: "#34d399",
-    bubble: "#03121a",
-    label: "#d1fae5",
-    stars: "rgba(209,250,229,.7)",
-    dot: "#34d399",
-    glow: "rgba(52,211,153,.9)",
-    orbit: "rgba(167,139,250,.45)",
-    arc: "#34d399",
-    arcHead: "#c4b5fd",
-    night: "rgba(1,5,9,.45)",
-    cluster: "#047857",
-    clusterLabel: "#ecfdf5",
-    focus: "#fbbf24",
-    countryHover: "rgba(52,211,153,.22)",
-    shade: false,
-  },
-  /** High-contrast black and white. */
-  noir: {
-    ocean: ["#101010", "#000000"],
-    land: "rgba(255,255,255,.05)",
-    border: "#fafafa",
-    graticule: "rgba(255,255,255,.1)",
-    atmosphere: "rgba(255,255,255,.16)",
-    rim: "rgba(255,255,255,.7)",
-    marker: "#ffffff",
-    markerGlow: "rgba(255,255,255,.35)",
-    live: "#ffffff",
-    bubble: "#000000",
-    label: "#ffffff",
-    stars: "rgba(255,255,255,.55)",
-    dot: "#fafafa",
-    glow: "rgba(255,255,255,.9)",
-    orbit: "rgba(255,255,255,.3)",
-    arc: "#ffffff",
-    arcHead: "#ffffff",
-    night: "rgba(0,0,0,.5)",
-    cluster: "#262626",
-    clusterLabel: "#ffffff",
-    focus: "#ffffff",
-    countryHover: "rgba(255,255,255,.2)",
-    shade: false,
-  },
-  /** Printed-atlas colours, made for per-country fills. */
-  political: {
-    ocean: ["#8fd0f0", "#3f8fc7"],
-    land: "#ece3c8",
-    border: "rgba(70,60,45,.5)",
-    graticule: "rgba(255,255,255,.32)",
-    atmosphere: "rgba(143,208,240,.5)",
-    rim: "rgba(255,255,255,.6)",
-    marker: "#b91c1c",
-    markerGlow: "rgba(185,28,28,.4)",
-    live: "#15803d",
-    bubble: "#ffffff",
-    label: "#1c1917",
-    stars: "rgba(255,255,255,.7)",
-    dot: "#78716c",
-    glow: "rgba(70,60,45,.7)",
-    orbit: "rgba(255,255,255,.4)",
-    arc: "#b91c1c",
-    arcHead: "#f59e0b",
-    night: "rgba(12,20,40,.38)",
-    cluster: "#7f1d1d",
-    clusterLabel: "#ffffff",
-    focus: "#1d4ed8",
-    countryHover: "rgba(255,255,255,.45)",
-    shade: true,
-  },
-};
-
-/** Distinct fills used by `countryColors: "auto"`. */
-export const countryPalette = [
-  "#e8c39e", "#a8c8a0", "#e5b8b8", "#c5b8dd", "#f0d9a0",
-  "#9fc6d4", "#d9c2a3", "#b9d4b0", "#efc9c0", "#c9bfa8",
-  "#a9bcd8", "#e0cfe6",
-];
+/** Built-in palettes. Pass your own object to `theme` to override any key. */
+export const themes = {
+  atlas: {
+    ocean: ["#c2e7fb", "#7cc0e8"],
+    land: "#cfe7b6",
+    border: "rgba(206,116,130,.55)",
+    graticule: "rgba(255,255,255,.2)",
+    atmosphere: "rgba(125,185,255,.45)",
+    rim: "rgba(255,255,255,.5)",
+    marker: "#6d28d9",
+    markerGlow: "rgba(109,40,217,.45)",
+    live: "#22c55e",
+    bubble: "#ffffff",
+    label: "#0f172a",
+    stars: "rgba(255,255,255,.75)",
+    dot: "#5b8c3a",
+    glow: "rgba(206,116,130,.9)",
+    orbit: "rgba(109,40,217,.35)",
+    arc: "#6d28d9",
+    arcHead: "#f97316",
+    night: "rgba(9,17,38,.42)",
+    cluster: "#4c1d95",
+    clusterLabel: "#ffffff",
+    focus: "#f59e0b",
+    countryHover: "rgba(255,255,255,.35)",
+    shade: true,
+  },
+  midnight: {
+    ocean: ["#16224a", "#070b18"],
+    land: "#39496b",
+    border: "rgba(148,163,184,.4)",
+    graticule: "rgba(148,163,184,.14)",
+    atmosphere: "rgba(129,140,248,.34)",
+    rim: "rgba(168,85,247,.6)",
+    marker: "#e879f9",
+    markerGlow: "rgba(232,121,249,.5)",
+    live: "#4ade80",
+    bubble: "#0f172a",
+    label: "#e2e8f0",
+    stars: "rgba(255,255,255,.8)",
+    dot: "#818cf8",
+    glow: "rgba(129,140,248,.9)",
+    orbit: "rgba(168,85,247,.4)",
+    arc: "#a78bfa",
+    arcHead: "#f0abfc",
+    night: "rgba(2,4,12,.5)",
+    cluster: "#7c3aed",
+    clusterLabel: "#f8fafc",
+    focus: "#fbbf24",
+    countryHover: "rgba(255,255,255,.16)",
+    shade: true,
+  },
+  mono: {
+    ocean: ["#f8fafc", "#e2e8f0"],
+    land: "#cbd5e1",
+    border: "rgba(100,116,139,.5)",
+    graticule: "rgba(100,116,139,.16)",
+    atmosphere: "rgba(148,163,184,.3)",
+    rim: "rgba(71,85,105,.45)",
+    marker: "#0f172a",
+    markerGlow: "rgba(15,23,42,.3)",
+    live: "#16a34a",
+    bubble: "#ffffff",
+    label: "#0f172a",
+    stars: "rgba(148,163,184,.6)",
+    dot: "#64748b",
+    glow: "rgba(71,85,105,.8)",
+    orbit: "rgba(71,85,105,.3)",
+    arc: "#334155",
+    arcHead: "#0f172a",
+    night: "rgba(15,23,42,.28)",
+    cluster: "#334155",
+    clusterLabel: "#ffffff",
+    focus: "#2563eb",
+    countryHover: "rgba(15,23,42,.16)",
+    shade: false,
+  },
+  /** Cyan dot-matrix earth on deep navy. */
+  hologram: {
+    ocean: ["rgba(10,26,53,.92)", "rgba(2,7,18,.98)"],
+    land: "rgba(56,189,248,.07)",
+    border: "rgba(56,189,248,.3)",
+    graticule: "rgba(56,189,248,.26)",
+    atmosphere: "rgba(56,189,248,.34)",
+    rim: "rgba(125,211,252,.85)",
+    marker: "#22d3ee",
+    markerGlow: "rgba(34,211,238,.5)",
+    live: "#5eead4",
+    bubble: "#04182b",
+    label: "#e0f2fe",
+    stars: "rgba(186,230,253,.7)",
+    dot: "#38bdf8",
+    glow: "rgba(56,189,248,.95)",
+    orbit: "rgba(125,211,252,.45)",
+    arc: "#22d3ee",
+    arcHead: "#a5f3fc",
+    night: "rgba(1,4,12,.45)",
+    cluster: "#0e7490",
+    clusterLabel: "#ecfeff",
+    focus: "#fbbf24",
+    countryHover: "rgba(56,189,248,.22)",
+    shade: false,
+  },
+  /** Magenta continents with a cyan rim: the "cyber network" look. */
+  neon: {
+    ocean: ["#180a2e", "#05010f"],
+    land: "rgba(236,72,153,.16)",
+    border: "#f472b6",
+    graticule: "rgba(168,85,247,.2)",
+    atmosphere: "rgba(168,85,247,.5)",
+    rim: "rgba(34,211,238,.9)",
+    marker: "#22d3ee",
+    markerGlow: "rgba(34,211,238,.55)",
+    live: "#f0abfc",
+    bubble: "#1a0b2e",
+    label: "#fae8ff",
+    stars: "rgba(240,171,252,.75)",
+    dot: "#f472b6",
+    glow: "rgba(236,72,153,1)",
+    orbit: "rgba(34,211,238,.4)",
+    arc: "#22d3ee",
+    arcHead: "#f0abfc",
+    night: "rgba(3,1,10,.5)",
+    cluster: "#a21caf",
+    clusterLabel: "#fdf4ff",
+    focus: "#fde047",
+    countryHover: "rgba(244,114,182,.25)",
+    shade: false,
+  },
+  /** Technical line-art on deep blue, for HUD-style dashboards. */
+  blueprint: {
+    ocean: ["#0c2b52", "#04101f"],
+    land: "rgba(125,211,252,.05)",
+    border: "#7dd3fc",
+    graticule: "rgba(125,211,252,.2)",
+    atmosphere: "rgba(59,130,246,.35)",
+    rim: "rgba(125,211,252,.55)",
+    marker: "#38bdf8",
+    markerGlow: "rgba(56,189,248,.45)",
+    live: "#4ade80",
+    bubble: "#0b2545",
+    label: "#e0f2fe",
+    stars: "rgba(148,197,255,.55)",
+    dot: "#7dd3fc",
+    glow: "rgba(125,211,252,.8)",
+    orbit: "rgba(125,211,252,.5)",
+    arc: "#38bdf8",
+    arcHead: "#e0f2fe",
+    night: "rgba(2,8,20,.45)",
+    cluster: "#1d4ed8",
+    clusterLabel: "#eff6ff",
+    focus: "#facc15",
+    countryHover: "rgba(125,211,252,.2)",
+    shade: false,
+  },
+  /** Green and violet, like a polar aurora. */
+  aurora: {
+    ocean: ["#04141c", "#01060a"],
+    land: "rgba(52,211,153,.08)",
+    border: "rgba(52,211,153,.35)",
+    graticule: "rgba(167,139,250,.16)",
+    atmosphere: "rgba(52,211,153,.32)",
+    rim: "rgba(167,139,250,.75)",
+    marker: "#a78bfa",
+    markerGlow: "rgba(167,139,250,.5)",
+    live: "#34d399",
+    bubble: "#03121a",
+    label: "#d1fae5",
+    stars: "rgba(209,250,229,.7)",
+    dot: "#34d399",
+    glow: "rgba(52,211,153,.9)",
+    orbit: "rgba(167,139,250,.45)",
+    arc: "#34d399",
+    arcHead: "#c4b5fd",
+    night: "rgba(1,5,9,.45)",
+    cluster: "#047857",
+    clusterLabel: "#ecfdf5",
+    focus: "#fbbf24",
+    countryHover: "rgba(52,211,153,.22)",
+    shade: false,
+  },
+  /** High-contrast black and white. */
+  noir: {
+    ocean: ["#101010", "#000000"],
+    land: "rgba(255,255,255,.05)",
+    border: "#fafafa",
+    graticule: "rgba(255,255,255,.1)",
+    atmosphere: "rgba(255,255,255,.16)",
+    rim: "rgba(255,255,255,.7)",
+    marker: "#ffffff",
+    markerGlow: "rgba(255,255,255,.35)",
+    live: "#ffffff",
+    bubble: "#000000",
+    label: "#ffffff",
+    stars: "rgba(255,255,255,.55)",
+    dot: "#fafafa",
+    glow: "rgba(255,255,255,.9)",
+    orbit: "rgba(255,255,255,.3)",
+    arc: "#ffffff",
+    arcHead: "#ffffff",
+    night: "rgba(0,0,0,.5)",
+    cluster: "#262626",
+    clusterLabel: "#ffffff",
+    focus: "#ffffff",
+    countryHover: "rgba(255,255,255,.2)",
+    shade: false,
+  },
+  /** Printed-atlas colours, made for per-country fills. */
+  political: {
+    ocean: ["#8fd0f0", "#3f8fc7"],
+    land: "#ece3c8",
+    border: "rgba(70,60,45,.5)",
+    graticule: "rgba(255,255,255,.32)",
+    atmosphere: "rgba(143,208,240,.5)",
+    rim: "rgba(255,255,255,.6)",
+    marker: "#b91c1c",
+    markerGlow: "rgba(185,28,28,.4)",
+    live: "#15803d",
+    bubble: "#ffffff",
+    label: "#1c1917",
+    stars: "rgba(255,255,255,.7)",
+    dot: "#78716c",
+    glow: "rgba(70,60,45,.7)",
+    orbit: "rgba(255,255,255,.4)",
+    arc: "#b91c1c",
+    arcHead: "#f59e0b",
+    night: "rgba(12,20,40,.38)",
+    cluster: "#7f1d1d",
+    clusterLabel: "#ffffff",
+    focus: "#1d4ed8",
+    countryHover: "rgba(255,255,255,.45)",
+    shade: true,
+  },
+};
+
+/** Distinct fills used by `countryColors: "auto"`. */
+export const countryPalette = [
+  "#e8c39e", "#a8c8a0", "#e5b8b8", "#c5b8dd", "#f0d9a0",
+  "#9fc6d4", "#d9c2a3", "#b9d4b0", "#efc9c0", "#c9bfa8",
+  "#a9bcd8", "#e0cfe6",
+];