Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-07-07 17:18:11 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix: replace remaining hardcoded cyan in map utilities and mode JS files

Browse Source 
- map-utils.js: range rings and reticle crosshair SVG use --accent-cyan
- drone.js: trail polyline color reads --accent-cyan for non-threat contacts
- weather-satellite.js: NOAA APT pass track reads --accent-cyan
- space-weather.js: solar wind chart border/bg/axis ticks read --accent-cyan

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-05-19 23:05:38 +01:00
parent 485312df6e
commit cb61cd7c7d
4 changed files with 82 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/map-utils.js
+6 -6
View File
@@ -231,7 +231,7 @@ const MapUtils = {
const meters = dist * metersPerUnit; const meters = dist * metersPerUnit;
L.circle(center, { L.circle(center, {
radius: meters, radius: meters,
color: '#4aa3ff', color: getComputedStyle(document.documentElement).getPropertyValue('--accent-cyan').trim() || '#4aa3ff',
fillColor: 'transparent', fillColor: 'transparent',
fillOpacity: 0, fillOpacity: 0,
weight: 1, weight: 1,
@@ -265,11 +265,11 @@ const MapUtils = {
const icon = L.divIcon({ const icon = L.divIcon({
className: 'map-reticle', className: 'map-reticle',
html: `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> html: `<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="14" cy="14" r="4" stroke="#4aa3ff" stroke-width="1.5"/> <circle cx="14" cy="14" r="4" style="stroke:var(--accent-cyan)" stroke-width="1.5"/>
<line x1="14" y1="2" x2="14" y2="9" stroke="#4aa3ff" stroke-width="1.5"/> <line x1="14" y1="2" x2="14" y2="9" style="stroke:var(--accent-cyan)" stroke-width="1.5"/>
<line x1="14" y1="19" x2="14" y2="26" stroke="#4aa3ff" stroke-width="1.5"/> <line x1="14" y1="19" x2="14" y2="26" style="stroke:var(--accent-cyan)" stroke-width="1.5"/>
<line x1="2" y1="14" x2="9" y2="14" stroke="#4aa3ff" stroke-width="1.5"/> <line x1="2" y1="14" x2="9" y2="14" style="stroke:var(--accent-cyan)" stroke-width="1.5"/>
<line x1="19" y1="14" x2="26" y2="14" stroke="#4aa3ff" stroke-width="1.5"/> <line x1="19" y1="14" x2="26" y2="14" style="stroke:var(--accent-cyan)" stroke-width="1.5"/>
</svg>`, </svg>`,
iconSize: [28, 28], iconSize: [28, 28],
iconAnchor: [14, 14], iconAnchor: [14, 14],
static/js/modes/drone.js
+1 -1
View File
@@ -137,7 +137,7 @@ var DroneMode = (function () {
_trails[contact.id].setLatLngs(trailPoints); _trails[contact.id].setLatLngs(trailPoints);
} else if (trailPoints.length > 1) { } else if (trailPoints.length > 1) {
_trails[contact.id] = L.polyline(trailPoints, { _trails[contact.id] = L.polyline(trailPoints, {
color: contact.risk_level === 'high' ? '#ff4444' : '#00ccff', color: contact.risk_level === 'high' ? '#ff4444' : (getComputedStyle(document.documentElement).getPropertyValue('--accent-cyan').trim() || '#00ccff'),
weight: 1.5, weight: 1.5,
opacity: 0.6, opacity: 0.6,
}).addTo(_map); }).addTo(_map);
static/js/modes/space-weather.js
+4 -3
View File
@@ -387,6 +387,7 @@ const SpaceWeather = (function () {
} }
if (_windChart) { _windChart.destroy(); _windChart = null; } if (_windChart) { _windChart.destroy(); _windChart = null; }
const _accentCyan = getComputedStyle(document.documentElement).getPropertyValue('--accent-cyan').trim() || '#00ccff';
_windChart = new Chart(canvas, { _windChart = new Chart(canvas, {
type: 'line', type: 'line',
data: { data: {
@@ -395,8 +396,8 @@ const SpaceWeather = (function () {
{ {
label: 'Speed (km/s)', label: 'Speed (km/s)',
data: speedData, data: speedData,
borderColor: '#00ccff', borderColor: _accentCyan,
backgroundColor: '#00ccff22', backgroundColor: _accentCyan + '22',
borderWidth: 1.5, borderWidth: 1.5,
pointRadius: 0, pointRadius: 0,
fill: true, fill: true,
@@ -423,7 +424,7 @@ const SpaceWeather = (function () {
}, },
scales: { scales: {
x: { display: true, ticks: { color: '#555', font: { size: 9 }, maxTicksLimit: 8 }, grid: { color: '#ffffff08' } }, x: { display: true, ticks: { color: '#555', font: { size: 9 }, maxTicksLimit: 8 }, grid: { color: '#ffffff08' } },
y: { display: true, position: 'left', ticks: { color: '#00ccff', font: { size: 9 } }, grid: { color: '#ffffff08' }, title: { display: false } }, y: { display: true, position: 'left', ticks: { color: _accentCyan, font: { size: 9 } }, grid: { color: '#ffffff08' }, title: { display: false } },
y1: { display: true, position: 'right', ticks: { color: '#ff8800', font: { size: 9 } }, grid: { drawOnChartArea: false } } y1: { display: true, position: 'right', ticks: { color: '#ff8800', font: { size: 9 } }, grid: { drawOnChartArea: false } }
}, },
interaction: { mode: 'index', intersect: false } interaction: { mode: 'index', intersect: false }
static/js/modes/weather-satellite.js
+1 -1
View File
@@ -982,7 +982,7 @@ const WeatherSat = (function() {
const trajectory = pass?.trajectory; const trajectory = pass?.trajectory;
if (!trajectory || trajectory.length === 0) return; if (!trajectory || trajectory.length === 0) return;
const color = pass.mode === 'LRPT' ? '#00ff88' : '#00d4ff'; const color = pass.mode === 'LRPT' ? '#00ff88' : (getComputedStyle(document.documentElement).getPropertyValue('--accent-cyan').trim() || '#00d4ff');
ctx.beginPath(); ctx.beginPath();
ctx.strokeStyle = color; ctx.strokeStyle = color;