53 lines
1.7 KiB
SCSS
53 lines
1.7 KiB
SCSS
/* The palette is taken from the logo, not chosen alongside it.
|
|
*
|
|
* src/images/logo.png is dark-roast lettering in a thought bubble with a cup of
|
|
* coffee; sampling it gives one dominant near-black brown (#2c2114) and a run of
|
|
* caramels from #795731 up to #b47e41. Those are the colours below. The book is
|
|
* the same idea in furniture: a coffee-dark desk, cream paper, and caramel for
|
|
* anything that has to catch the eye.
|
|
*
|
|
* There is no pure grey and no pure black anywhere - paper and lamplight do not
|
|
* have any, and neither does the logo. */
|
|
|
|
//The desk the book lies on - straight from the logo's darkest inks
|
|
$desk-deep: #1a140d;
|
|
$desk: #2c2114;
|
|
$desk-edge: #44321e;
|
|
|
|
//Paper. -shade is the tint towards the spine, -edge the cut edge of the stack
|
|
$paper: #f8f2e4;
|
|
$paper-shade: #f0e7d3;
|
|
$paper-edge: #e0d3b8;
|
|
$paper-deep: #cdbb99;
|
|
|
|
//Ink, in the three weights the book uses: what you wrote, what the book says
|
|
//about it, and what is barely there
|
|
$ink: #2e2822;
|
|
$ink-soft: #6d6358;
|
|
$ink-faint: #a29684;
|
|
$ink-ghost: rgba(46, 40, 34, 0.38);
|
|
|
|
//Ruling. The horizontal rules are cold on purpose - they are the one thing on
|
|
//the page that is not ink, and that contrast is what makes paper read as paper
|
|
$rule: rgba(90, 120, 150, 0.22);
|
|
$rule-margin: rgba(168, 118, 62, 0.5);
|
|
|
|
//Accents: the coffee and the steam swirl
|
|
$caramel: #b47e41;
|
|
$caramel-deep: #795731;
|
|
$caramel-light: #d0a06a;
|
|
|
|
//The ribbon marking the page being written on
|
|
$ribbon: $caramel-deep;
|
|
$ribbon-deep: #5c4428;
|
|
|
|
//Feedback. Brick rather than red, so a warning still belongs to the palette
|
|
$ok: #5c6b3a;
|
|
$warn: #a8763e;
|
|
$bad: #9c4a34;
|
|
|
|
//Overlays
|
|
$veil: rgba(20, 14, 9, 0.74);
|
|
$shadow-soft: rgba(20, 14, 9, 0.18);
|
|
$shadow-deep: rgba(20, 14, 9, 0.45);
|