mirror of
https://github.com/hanzoai/sign.git
synced 2026-10-21 01:21:51 +00:00
zeekay
597cfae467
The theme takes @hanzo/ui DESIGN.md's values: a true-black page, #0a0a0a surfaces, #171717 raised, #ededf1 ink and white-alpha hairlines in dark; white, #0a0a0a ink and black-alpha hairlines in light. Each is an opaque triplet, so Tailwind's alpha modifiers still apply. Type is Zen and Zen Mono from @hanzo/font, at Zen's own weights. Buttons are pills, the primary in the ink colour; the option cards built from a Button keep a card's corners, and the folder actions wrap on a phone rather than breaking a pill over two lines.
60 lines
1.6 KiB
CSS
60 lines
1.6 KiB
CSS
/* Zen and Zen Mono, the Hanzo family: @hanzo/font carries the faces and the @font-face. */
|
|
@import '@hanzo/font/css';
|
|
@import '@hanzo/esign-ui/styles/theme.css';
|
|
|
|
/* Caveat Variable Font */
|
|
@font-face {
|
|
font-family: 'Caveat';
|
|
src: url('/fonts/caveat-variablefont_wght.ttf') format('truetype-variations');
|
|
font-weight: 400 600;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Noto Sans';
|
|
src: url('/fonts/noto-sans.ttf') format('truetype-variations');
|
|
font-weight: 100 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* Korean noto sans */
|
|
@font-face {
|
|
font-family: 'Noto Sans Korean';
|
|
src: url('/fonts/noto-sans-korean.ttf') format('truetype-variations');
|
|
font-weight: 100 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* Japanese noto sans */
|
|
@font-face {
|
|
font-family: 'Noto Sans Japanese';
|
|
src: url('/fonts/noto-sans-japanese.ttf') format('truetype-variations');
|
|
font-weight: 100 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
/* Chinese noto sans */
|
|
@font-face {
|
|
font-family: 'Noto Sans Chinese';
|
|
src: url('/fonts/noto-sans-chinese.ttf') format('truetype-variations');
|
|
font-weight: 100 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@layer base {
|
|
:root {
|
|
--font-sans:
|
|
Zen, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
|
sans-serif;
|
|
--font-mono:
|
|
Zen Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
|
|
--font-signature: 'Caveat';
|
|
--font-noto: 'Noto Sans', 'Noto Sans Korean', 'Noto Sans Japanese', 'Noto Sans Chinese';
|
|
}
|
|
}
|