Skip to content

refactor(theme): use semantic color tokens - #697

Merged
liangping merged 5 commits into
ping-pub:masterfrom
burnt-labs:feat/theme-aware-text-colors-20260818
Aug 20, 2026
Merged

refactor(theme): use semantic color tokens#697
liangping merged 5 commits into
ping-pub:masterfrom
burnt-labs:feat/theme-aware-text-colors-20260818

Conversation

@2xburnt

@2xburnt 2xburnt commented Aug 18, 2026

Copy link
Copy Markdown
Contributor

Summary

  • replace hard-coded neutral gray colors and paired light/dark classes with DaisyUI theme tokens
  • replace hard-coded success, error, warning, info, and consensus badge colors with semantic theme tokens
  • use existing base-* and active tokens for neutral surfaces and hover states

Behavior

These class changes do not alter component state, props, events, routing, conditions, or rendered content. Existing interactions remain unchanged while neutral and status colors now follow the active DaisyUI theme.

Verona-specific branding, proposal veto-token changes, and state-sync/widget code colors that still use dark:invert remain excluded.

Checks

  • corepack yarn type-check
  • corepack yarn build-only
  • git diff --check

The repository Prettier configuration reports baseline formatting differences in most touched files, so no broad formatting rewrite is included.

Split

Configurable initial light/dark mode support now lives in #698.

@2xburnt 2xburnt changed the title refactor(theme): use semantic neutral color tokens feat(theme): use semantic tokens and configurable default Aug 18, 2026
@2xburnt 2xburnt changed the title feat(theme): use semantic tokens and configurable default refactor(theme): use semantic color tokens Aug 18, 2026

2xburnt commented Aug 18, 2026

Copy link
Copy Markdown
Contributor Author

Visual comparison

Light and dark themes at 1440 × 1000. Each row shows the current ping.pub deployment on the left and the PR #697 dev build at 67ee72d on the right.

ping.pub.com does not resolve, so the deployment captures use https://ping.pub. Live heights and other API-backed values can differ slightly between adjacent captures.

Explorer home

Route: /

Theme Current ping.pub deployment PR #697 dev build
Light Explorer home in light mode on the current ping.pub deployment Explorer home in light mode on the PR #697 dev build
Dark Explorer home in dark mode on the current ping.pub deployment Explorer home in dark mode on the PR #697 dev build

Osmosis dashboard

Route: /osmosis

Theme Current ping.pub deployment PR #697 dev build
Light Osmosis dashboard in light mode on the current ping.pub deployment Osmosis dashboard in light mode on the PR #697 dev build
Dark Osmosis dashboard in dark mode on the current ping.pub deployment Osmosis dashboard in dark mode on the PR #697 dev build

Recent blocks

Route: /cosmos/block

Theme Current ping.pub deployment PR #697 dev build
Light Recent blocks in light mode on the current ping.pub deployment Recent blocks in light mode on the PR #697 dev build
Dark Recent blocks in dark mode on the current ping.pub deployment Recent blocks in dark mode on the PR #697 dev build

Xion consensus monitor

Route: /xion/consensus

Theme Current ping.pub deployment PR #697 dev build
Light Xion consensus monitor in light mode on the current ping.pub deployment Xion consensus monitor in light mode on the PR #697 dev build
Dark Xion consensus monitor in dark mode on the current ping.pub deployment Xion consensus monitor in dark mode on the PR #697 dev build

CosmWasm contract

Route: /neutron/cosmwasm/5366/transactions?contract=neutron1eppxkwremvcphzqhkfw4vy28ahx9e3srq6x6samwts43tz6df53s6wtsmq

Theme Current ping.pub deployment PR #697 dev build
Light CosmWasm contract in light mode on the current ping.pub deployment CosmWasm contract in light mode on the PR #697 dev build
Dark CosmWasm contract in dark mode on the current ping.pub deployment CosmWasm contract in dark mode on the PR #697 dev build

Faucet

Route: /cosmos/faucet

Theme Current ping.pub deployment PR #697 dev build
Light Faucet in light mode on the current ping.pub deployment Faucet in light mode on the PR #697 dev build
Dark Faucet in dark mode on the current ping.pub deployment Faucet in dark mode on the PR #697 dev build

Osmosis governance proposal 1037

Route: /osmosis/gov/1037
Focused element capture of the populated Votes card and pagination.

Theme Current ping.pub deployment PR #697 dev build
Light Osmosis governance proposal 1037 in light mode on the current ping.pub deployment Osmosis governance proposal 1037 in light mode on the PR #697 dev build
Dark Osmosis governance proposal 1037 in dark mode on the current ping.pub deployment Osmosis governance proposal 1037 in dark mode on the PR #697 dev build

Cosmos IBC connection

Route: /cosmos/ibc/connection/connection-809 → /cosmos/ibc/connection/connection-0

Theme Current ping.pub deployment PR #697 dev build
Light Cosmos IBC connection in light mode on the current ping.pub deployment Cosmos IBC connection in light mode on the PR #697 dev build
Dark Cosmos IBC connection in dark mode on the current ping.pub deployment Cosmos IBC connection in dark mode on the PR #697 dev build

Validator detail

Route: /cosmos/staking/cosmosvaloper1q6d3d089hg59x6gcx92uumx70s5y5wadklue8s

Theme Current ping.pub deployment PR #697 dev build
Light Validator detail in light mode on the current ping.pub deployment Validator detail in light mode on the PR #697 dev build
Dark Validator detail in dark mode on the current ping.pub deployment Validator detail in dark mode on the PR #697 dev build

Uptime

Route: /cosmos/uptime

Theme Current ping.pub deployment PR #697 dev build
Light Uptime in light mode on the current ping.pub deployment Uptime in light mode on the PR #697 dev build
Dark Uptime in dark mode on the current ping.pub deployment Uptime in dark mode on the PR #697 dev build

Uptime customization

Route: /cosmos/uptime/customize

Theme Current ping.pub deployment PR #697 dev build
Light Uptime customization in light mode on the current ping.pub deployment Uptime customization in light mode on the PR #697 dev build
Dark Uptime customization in dark mode on the current ping.pub deployment Uptime customization in dark mode on the PR #697 dev build

Wallet accounts

Route: /wallet/accounts

Theme Current ping.pub deployment PR #697 dev build
Light Wallet accounts in light mode on the current ping.pub deployment Wallet accounts in light mode on the PR #697 dev build
Dark Wallet accounts in dark mode on the current ping.pub deployment Wallet accounts in dark mode on the PR #697 dev build

Capture notes

  • The local PR build bundles 6 chain configs while the deployment currently loads 134, so chain counts and deployment-only ads/sponsors are host-dependent.
  • The governance images are focused on the Votes card and pagination to avoid unrelated proposal-tally endpoint behavior.
  • The faucet success/error modal was not exercised because it requires submitting a transaction.
  • src/components/WasmVerification.vue has no routed usage, so it has no standalone screenshot target.

@2xburnt
2xburnt marked this pull request as ready for review August 18, 2026 18:07
@liangping
liangping merged commit 3b479a3 into ping-pub:master Aug 20, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants