Doormile/Doormilexpress_console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates on the ui changes and table

Browse Source
This commit is contained in:
dharaneesh-r
2026-08-17 15:39:46 +05:30
parent a46212f291
commit 809d046323
38 changed files with 6403 additions and 7019 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/themes/astryx.js
View File

@@ -19,10 +19,39 @@ import { DT } from 'themes/dt/tokens';
const BRAND_ON_LIGHT = DT.brand; // #000000
const BRAND_ON_DARK = '#FFFFFF';
// Shared fallback stack. Every role appends this after its own family, so a
// blocked/slow Google Fonts request degrades to the platform UI font rather
// than to Times New Roman.
const SYSTEM_SANS = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
export const doormileTheme = defineTheme({
name: 'doormile',
extends: neutralTheme,
color: { neutralStyle: 'cool' },
// ---------------------------------------------------------------------
// Typography. This is the ONLY place font families and the type scale are
// decided; it drives --font-family-body/-heading/-code and the whole
// --text-heading-*/--text-body-* scale, so every Astryx component in the
// app moves together.
//
// Before this existed the app had three disagreeing sources and no scale at
// all: this file set no typography, config.js said 'Public Sans' (MUI), and
// Dispatch.css hardcoded 'Inter' + 'JetBrains Mono' in ~25 declarations.
//
// The families themselves are loaded by the <link> in public/index.html —
// Astryx explicitly does not load fonts, it only names them. Change one
// without the other and you get a silent fallback.
//
// base 14, not 16: this is a dense operator console and 14px is what the
// existing tables already assume. ratio 1.2 keeps the heading steps tight
// so an h1 doesn't tower over a data-heavy page.
// ---------------------------------------------------------------------
typography: {
scale: { base: 14, ratio: 1.2 },
body: { family: 'Inter', fallbacks: SYSTEM_SANS },
heading: { family: 'Sora', fallbacks: SYSTEM_SANS, weight: 'semibold' },
code: { family: 'ui-monospace', fallbacks: 'SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace' }
},
tokens: {
'--color-accent': [BRAND_ON_LIGHT, BRAND_ON_DARK],
'--color-icon-accent': [BRAND_ON_LIGHT, BRAND_ON_DARK],