Files
cairnobs/web/src/lib/theme.svelte.ts
T
jcoffey-dev 13cf9a30cb Rebrand: Sentry -> Cairn OBS
Full rebrand across cosmetic branding, code identifiers, and
infrastructure/data-plane naming, using the supplied Cairn OBS logo
package. Cosmetic: favicon/logo swap (also closes a stale license-audit
finding -- the old favicon was SvelteKit's unreplaced scaffold logo),
new centered welcome landing page, larger/legible sidebar logo, page
titles, CLAUDE.md/README/docs prose.

Code identifiers: Go module path github.com/sentry/sentry ->
github.com/cairnobs/cairnobs across all 13 modules and ~91 files (protoc
regenerated); Rust crates sentry-agent/sentry-parser/sentry-search ->
cairnobs-*; CLI sentryctl -> cairnobsctl; Terraform provider fully
renamed (sentry_dashboard etc. -> cairnobs_dashboard, provider type,
env vars); every session/auth cookie name; agent config paths and
Windows service identity.

Deliberately preserved: the gRPC wire protocol's protobuf packages
(sentry.logs.v1, sentry.agent.v1) and their Go import directory
(proto/sentry/...) -- renaming the wire-level package would break every
currently-deployed agent binary (confirmed two real hosts, including
mail.inbuxa.com, are actively streaming through this exact contract)
until rebuilt and redeployed in lockstep with an ingest cutover. Only
the Go module path wrapping the generated code changes.

Infrastructure: every docker-compose container name (root and three
component-level compose files); the Helm chart (directory, Chart.yaml,
named-template helpers, all templates, values.yaml image repos);
Kubernetes Operator (CRD group sentry.io -> cairnobs.io, both CRD YAML
files, Go identifiers, RBAC markers); the coupled enterprise/tenantcrd
package. Caught and fixed real path-coupling bugs along the way: the
Helm chart's search/ingest volume mounts and the dev-only-credential
detection constant vs. docker-compose.yml's literal values had to move
together or a security warning would have silently stopped firing.

Data plane: Postgres database sentry_metadata -> cairnobs_metadata and
role sentry -> cairnobs; ClickHouse database sentry -> cairnobs; Kafka
topic sentry.logs.raw -> cairnobs.logs.raw and its consumer groups.
Source-level defaults, docker-compose.yml, and every migrate.sh/
provision script default updated together; already-applied migration
files left untouched per this repo's immutable-migration convention.

Verified at every layer: all 13 Go modules build/vet/test clean, both
Rust workspaces (agent, search) build/clippy/test clean, npm run check/
build clean, docker compose config validates on all four compose files.
Live-verified against a real docker stack multiple times through this
work, including a final fresh-volume run confirming the actual renamed
Postgres database/role, ClickHouse database, and Kafka topic all work
end to end with a real login and query, zero console errors.
2026-08-21 20:53:32 -07:00

50 lines
1.5 KiB
TypeScript

// Theme is dark/light/"system" -- but unlike most apps, an unset
// preference means dark, not system. That's the whole point of "real
// dark mode as the default, not an afterthought": a first-time visitor
// on a light-OS machine still lands in dark, matching the actual usage
// pattern this product is designed for (long sessions, often at night).
// "system" is available for anyone who wants their OS setting to win
// instead, but it's a deliberate opt-in, not the fallback.
//
// The synchronous inline script in app.html applies the same stored
// value before first paint -- this module is what UI controls read/write
// after hydration; the two must stay in sync on the storage key and
// values, not just in spirit.
export type Theme = 'dark' | 'light' | 'system';
const STORAGE_KEY = 'cairnobs.theme';
function readStored(): Theme {
if (typeof localStorage === 'undefined') return 'dark';
const v = localStorage.getItem(STORAGE_KEY);
return v === 'light' || v === 'system' ? v : 'dark';
}
function apply(t: Theme) {
if (typeof document === 'undefined') return;
if (t === 'system') {
document.documentElement.removeAttribute('data-theme');
} else {
document.documentElement.setAttribute('data-theme', t);
}
}
const initial = readStored();
let theme = $state<Theme>(initial);
apply(initial);
export function getTheme(): Theme {
return theme;
}
export function setTheme(t: Theme) {
theme = t;
apply(t);
try {
localStorage.setItem(STORAGE_KEY, t);
} catch {
// storage unavailable -- the choice just won't persist across reloads
}
}