v3 init push
This commit is contained in:
@@ -0,0 +1,52 @@
|
||||
/* 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);
|
||||
Reference in New Issue
Block a user