chore: initial commit — monorepo ReadaBook (API NestJS, web PWA, Docker)
This commit is contained in:
42
apps/web/src/styles/tokens.css
Normal file
42
apps/web/src/styles/tokens.css
Normal file
@ -0,0 +1,42 @@
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
--ink: #f3ead9;
|
||||
--ink-muted: #bfae94;
|
||||
--paper: #261a12;
|
||||
--paper-soft: #312218;
|
||||
--cabinet: #17110d;
|
||||
--brass: #d5a84d;
|
||||
--verdigris: #2d6f63;
|
||||
--lacquer: #a94834;
|
||||
--violet-glass: #514069;
|
||||
--line: rgba(243, 234, 217, 0.14);
|
||||
--shadow: 0 22px 70px rgba(0, 0, 0, 0.36);
|
||||
--radius: 8px;
|
||||
font-family:
|
||||
Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
||||
background: var(--cabinet);
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
min-width: 320px;
|
||||
min-height: 100vh;
|
||||
background:
|
||||
linear-gradient(90deg, rgba(213, 168, 77, 0.07) 1px, transparent 1px) 0 0 / 44px 44px,
|
||||
radial-gradient(circle at 20% 10%, rgba(45, 111, 99, 0.28), transparent 34%),
|
||||
linear-gradient(135deg, #17110d 0%, #251910 52%, #1b1518 100%);
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
Reference in New Issue
Block a user