loading baselines
Colors
core color tokens · 5,678 properties · 5 OKLCH-driven brand axes
brand axes
oklch · 21 stops × 4 + 11 stops chrome
01primary
21
Buttons, links, focused borders, brand accents. The hex sets the mid-tone of 21 OKLCH stops (0 = lightest, 20 = darkest).
0 · 20
auto-generated
02secondary
21
Supporting brand color: alt buttons, secondary accents, complementary surfaces. The hex sets the mid-tone of 21 OKLCH stops.
0 · 20
auto-generated
03supplementary
21
Decorative + data-vis accents (charts, indicator chips, tag colors). The hex sets the mid-tone of 21 OKLCH stops.
0 · 20
auto-generated
04neutral
21
Body text, backgrounds, dividers. Chroma is flattened automatically — 21 stops come out near-grey with a faint hue cast from your hex.
0 · 20
auto-generated
05chrome
11
Toolbar, sidebar, header strips, workspace shell. Chroma is flattened automatically — 11 stops come out near-grey with a faint hue cast from your hex.
0 · 10
auto-generated
custom palette
no custom colors yet
Custom colors are exported as --now-color--custom--<slug> properties.
Click Link on any override row to alias that variable to a custom color instead of a literal RGB value.
preview
≈ approximate
list · sidebar · table · indicators
Approximate preview — verify in your ServiceNow instance. Shows how your brand axes (primary, secondary, supplementary, neutral, chrome) propagate to common patterns; it is not pixel-accurate. For full fidelity, edit individual variables in the Overrides panel, then export and import the theme into a PDI to confirm. Tip: click any element to see the token painting it and jump straight to editing it.
Incidents
⌕
?
◔
DM
Incidents · Critical & High
46 records · Updated 2m ago
Number
Short description
Priority
Assigned to
INC0009001
Email service intermittently unavailable
3 · Moderate
Beth Anglin
INC0009002
VPN drops every 15 minutes for west region
1 · Critical
David Miller
INC0009003
Customer-facing API returning 502
1 · Critical
Priya Kapoor
INC0009004
Knowledge article search relevance regression
3 · Moderate
Ben Carter
INC0009005
Shared drive permissions resetting overnight
2 · High
Marisol Reyes
INC0009006
Decommission legacy reporting cluster
5 · Planning
Operations
INC0009007
Mobile app push notifications delayed
3 · Moderate
Lin Chen
INC0009008
Login outage for partner SSO realm
1 · Critical
Alex Novak
⇤
←
1
2
3
→
⇥
Service Operations Workspace
⌕
?
◔
DM
Incident · INC0009003
Customer-facing API returning 502 from EU edge
1 · Critical
In Progress
SLA on track
Details
Caller
Priya Kapoor
Opened
May 17, 09:42
Category
Infrastructure · API Gateway
Subcategory
5xx response codes
Assignment group
Edge Reliability
Assigned to
Priya Kapoor
Configuration item
prod-eu-edge-04
Business service
Storefront — Checkout
Activity stream
PK
Priya Kapoor · 2 minutes ago
Edge gateway pool depth restored after restart. Watching error budget for the next 15 minutes before resolving.
SY
System · 9 minutes ago
Auto-assigned to Edge Reliability based on CI ownership for prod-eu-edge-04.
DM
David Miller · 14 minutes ago
Confirmed reproduction from synthetic monitors in Frankfurt and Dublin. Escalated to P1.
Platform Analytics · Service Operations
⌕
?
◔
DM
Service Operations · This week
Last refreshed 2 minutes ago
Open incidents
128
▲ 12 vs last wk
Resolved · 7d
94
▲ 18% MoM
Avg. response
42m
▼ 9m vs target
SLA at risk
7
3 due today
Incident volume · last 12 days
Stacked by sourceMay 5May 9May 13May 17
Priority mix
TodayCritical12
High34
Moderate58
Low / Planning21
Resolved · 7d94
Top business services by open incidents
4 of 24Service
Open
Δ 7d
Storefront — Checkout
31
+9
Identity & SSO
24
+4
Knowledge Portal
18
−2
Email Gateway
14
±0
Service Operations · New Incident
⌕
?
◔
DM
Caller & classification
David Miller
Start typing a name, email or employee ID.
Auto-resolved from caller
Network · Connectivity
VPN
Search for a CI…
Incident details
2 — High
Medium
Unable to access shared folder
Short description must be at least 10 characters of context.
Started this morning. Folder mounts intermittently and disconnects after a few minutes. Other team members on the same VPN profile see the same behaviour.
Tip — paste error codes or screenshots if available. Markdown is supported.
Service Desk · Tier 2
Auto-assign from group
spacing scale
39 tokens · 0.125rem → 4.875rem
Each token maps to a CSS variable consumed by ServiceNow components.
Most users keep these defaults. Edit any value with rem units; the visual bar shows actual size.
px equivalents assume the standard 16px root font size. Clicking a row name reveals its full variable name.
motion · durations
7 tokens
Durations and delays drive how long animations run and when they start.
Edit with ms or s; bars show relative length within each scale.
Easings accept cubic-bezier(a,b,c,d) or keywords like linear. Clicking a row name reveals its full variable name.
motion · delays
7 tokens
motion · easings
11 tokens
override panel
— of — · — generated · — overridden
● overridden
○ generated from anchor
· baseline (unchanged)
◆ anchor stop
↗ inherits from Light (Dark only)
⊕ user-added token
Click Trace then any row to see its alias chain and direct dependents. On alias rows, Hardcode resolves the chain and pins the terminal value. On Dark rows that inherit from Light, Fork from Light copies Light's value into Dark.
trace
click any row
to inspect the alias chain
and see what depends on it
to inspect the alias chain
and see what depends on it
sys_ux_style · json
— properties
Output matches real sys_ux_style shape:
flat { properties: { ... } }.
Paste into a style record on a sys_ux_theme and
bind to your app via m2m_app_theme.
Shape per style: Light / Spacing / Motion / Shape & Form ship the full { properties }; Dark ships a sparse { isDark, base, properties } with overrides only.