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

fix: read --accent-cyan CSS var for globe atmosphere and point color

Browse Source 
Globe.gl WebGL cannot be styled via CSS; read the computed accent color
at init time so Enhanced tier's amber (#c89628) is applied correctly.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-05-19 23:00:50 +01:00
parent 8c8e0b0f62
commit ea5fb0911f
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/modes/system.js
+3 -2
View File
@@ -524,16 +524,17 @@ const SystemHealth = (function () {
container.style.background = 'radial-gradient(circle, rgba(10,20,40,0.9), rgba(2,4,8,0.98) 70%)'; container.style.background = 'radial-gradient(circle, rgba(10,20,40,0.9), rgba(2,4,8,0.98) 70%)';
try { try {
const accentColor = getComputedStyle(document.documentElement).getPropertyValue('--accent-cyan').trim() || '#00d4ff';
globeInstance = window.Globe()(container) globeInstance = window.Globe()(container)
.backgroundColor('rgba(0,0,0,0)') .backgroundColor('rgba(0,0,0,0)')
.globeImageUrl(GLOBE_TEXTURE_URL) .globeImageUrl(GLOBE_TEXTURE_URL)
.showAtmosphere(true) .showAtmosphere(true)
.atmosphereColor('#3bb9ff') .atmosphereColor(accentColor)
.atmosphereAltitude(0.12) .atmosphereAltitude(0.12)
.pointsData([]) .pointsData([])
.pointRadius(0.8) .pointRadius(0.8)
.pointAltitude(0.01) .pointAltitude(0.01)
.pointColor(function () { return '#00d4ff'; }); .pointColor(function () { return accentColor; });
var controls = globeInstance.controls(); var controls = globeInstance.controls();
if (controls) { if (controls) {