46 lines
1.3 KiB
Markdown
46 lines
1.3 KiB
Markdown
|
# Theme
|
|||
|
|
|
|||
|
|
## Compact token summary
|
|||
|
|
|
|||
|
|
- Background: `#07111d`
|
|||
|
|
- Primary surface: `#0d1825`
|
|||
|
|
- Secondary surface: `#111e2c`
|
|||
|
|
- Reading surface: `#0b1622`
|
|||
|
|
- Border: `#263648`
|
|||
|
|
- Primary text: `#e8edf3`
|
|||
|
|
- Secondary text: `#c8d1dc`
|
|||
|
|
- Muted text: `#78879a`
|
|||
|
|
- Accent: `#45b7cc`
|
|||
|
|
- Success: `#53c69b`
|
|||
|
|
- Warning: `#d6aa4f`
|
|||
|
|
- Danger: `#e36f72`
|
|||
|
|
- UI font: Inter / SF Pro / PingFang SC
|
|||
|
|
- Reading heading font: Songti SC / Georgia, used only for document content
|
|||
|
|
- Radius: 8–12px controls, 16–18px overlays
|
|||
|
|
- Shadows: overlays only; normal workspace relies on borders and surface contrast
|
|||
|
|
- Density: compact platform chrome, spacious reading content
|
|||
|
|
|
|||
|
|
## Raw source tokens
|
|||
|
|
|
|||
|
|
Source: `../guanghu-knowledge-base/src/styles/app.css`
|
|||
|
|
|
|||
|
|
```css
|
|||
|
|
:root {
|
|||
|
|
--lake-bg: #07111d;
|
|||
|
|
--lake-surface: #0d1825;
|
|||
|
|
--lake-surface-2: #111e2c;
|
|||
|
|
--lake-reading: #0b1622;
|
|||
|
|
--lake-border: #263648;
|
|||
|
|
--lake-border-soft: rgba(119, 148, 174, 0.17);
|
|||
|
|
--lake-text: #e8edf3;
|
|||
|
|
--lake-text-soft: #c8d1dc;
|
|||
|
|
--lake-muted: #78879a;
|
|||
|
|
--lake-accent: #45b7cc;
|
|||
|
|
--lake-accent-soft: rgba(69, 183, 204, 0.13);
|
|||
|
|
--lake-success: #53c69b;
|
|||
|
|
--lake-warning: #d6aa4f;
|
|||
|
|
--lake-danger: #e36f72;
|
|||
|
|
}
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Design correction: no text glyph is allowed as a logo/avatar. Avoid ornamental serif typography outside the document canvas. Use whitespace, alignment and typography instead of nested bordered boxes.
|