CYBERCORETHEME SYSTEM / FRAMEWORK

CYBERGRID // SCHEMA v2 · 73 THEMES · ONE SOURCE OF TRUTH

CYBERCORE

The colour engine under every Cybercore surface: SCHEMA

One JSON file defines the palette, the tokens and the paths. Rust embeds it, QML parses it, CSS paints it, and the HTTP API serves it. Pick a theme and every tool in the grid repaints with it, this page included.

0THEMES
0FAMILIES
0PALETTE SLOTS
0RUNTIMES

01 / THE CONTRACT

One file.
Every surface.

Every theme fills the same eleven slots. Five are surfaces and text, six are neons. Apps never hard-code a colour: they read a slot. Click a slot to copy its hex.

schema/themes/cybercore-tech.json

02 / THEME MATRIX

Seven families.
Pick your signal.

All 73 palettes, each previewed in its own colours. Click a card to repaint the page. Your choice follows you to every Cybercore site.

03 / MASHUP LAB

Splice two
palettes.

A mashup takes the surfaces and text from one theme and the neons from another. Try cyberdyne chrome under synthwave light, or build your own and share the link.

BASE SURFACES · TEXT
ACCENT NEONS
SIGNATURE MASHUPS
BASE × ACCENTLIVE
CPU23%
MEM61%
NET4.2G
PASSschema.integrity0.4 ms
WARNpalette.contrastmuted on panel
FAILlegacy.hardcoded_hex3 found
DEPLOYINSPECTCANCEL

04 / PIPELINE

Edit the JSON.
Never hand-edit anywhere else.

schema/cybergrid.json is the only place a colour or a path is written down. Four runtimes read it, and every downstream tool reads one of those.

cybergrid.json feeds the Rust crate, QML, CSS variables and the HTTP API, which feed the Cybercore tools SOURCE OF TRUTHcybergrid.jsonpalette · themes · paths Rust crateinclude_str! · zero I/O C++ / QMLQJsonDocument CSS variables--bg --acid --pink --cyan … HTTP APIcybercore_api.py omniscient · sigilward cyberterm · cyberdeck cyberdock (Qt) cyberdesk · project sites cyberplug shell scripts · remote hosts

05 / DESIGN TOKENS

Same feel.
Every surface.

css/cybertokens.css holds everything that isn't a colour: type scale, spacing, radii and motion, mirrored in schema/tokens.json. Hover the motion lanes to run them.

TYPE SCALE 1.20 · MINOR THIRD

--fs-7Display
--fs-6Heading one
--fs-5Heading two
--fs-4Heading three
--fs-3Lead paragraph
--fs-2Body copy, 16px
--fs-1LABELS AND CHROME

SPACING 0.25REM STEP

--space-14
--space-28
--space-312
--space-416
--space-524
--space-632
--space-748
--space-864

RADII

sharp
sm
md
lg
pill

MOTION HOVER TO RUN

--ease-out · slow
--ease-in-out · slow
--ease-out · mid
linear · fast

06 / COMPONENTS

Cards, badges, tables.
Themed live.

The shared parts from css/cybercomponents.css. Nothing below has a hard-coded colour, so switching themes repaints all of it.

ONLINEnode-07

Darkbox stack

12 services · 3 alerts suppressed · uptime 41d

LOAD 0.72TEMP 51°C
DRIFTsigilward

Integrity scan

2 modified · 0 deleted · 1 unreadable under /etc

BASELINE 09-28SHA-256
MODULESTATETIME
hardwarePASS0.8s
networkPASS1.2s
packagesWARN6.4s
firewallFAIL0.3s
journalINFO2.0s
cyberterm — zsh
❯ curl -s localhost:8787/palette/hot_pink?format=all
{ "hex": "ff147f",
  "css": "#ff147f",
  "ansi": "\x1b[38;2;…m" }
❯ cargo run --example list_themes
active: cybercore-tech
count:  73
❯ █

07 / THE GRID

Built on the
same core.

Each of these reads the CYBERGRID palette. Your theme choice is stored once and carried to every project site.

08 / INSTALL

Jack in.

Pick your runtime. Every path reads the same file, so the colours match whatever the language.

# Cargo.toml
[dependencies]
cybercore = "0.4"

// main.rs
use cybercore::{palette, paths};

println!("{}online{}", palette::acid_green(), palette::RESET);
let sysops = paths::sysops_root(); // ~/.sysops, expanded