From ab4fbfc418390599ba868b39290f5bd31ec9d0a3 Mon Sep 17 00:00:00 2001 From: Florian Knoch Date: Mon, 29 Apr 2019 22:40:35 +0200 Subject: [PATCH] Adjust color scheme and blockquotes --- css/theme/latex.css | 15 +++++++++------ css/theme/source/latex.scss | 16 +++++++++------- 2 files changed, 18 insertions(+), 13 deletions(-) diff --git a/css/theme/latex.css b/css/theme/latex.css index f627a01..e5c87c0 100644 --- a/css/theme/latex.css +++ b/css/theme/latex.css @@ -10,7 +10,9 @@ section { /* config */ :root { - --secondary: #c8ceda; + --primary: #f8f281; + --secondary: #bbd6ec; + --secondary-dark: #3f5d75; --margin: 0.1; } /* basic layout */ @@ -99,7 +101,7 @@ body { grid-template-areas: ". title title ." ". column1 column2 ."; } } body .layout-two-columns .layout-title { grid-area: title; - background: white; } + background: var(--secondary); } body .layout-two-columns .layout-column-one { grid-area: column1; background: white; } @@ -298,16 +300,17 @@ table { .box, blockquote { margin-left: calc(-1 * var(--margin) * var(--square)); - padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); - background: var(--secondary); } + padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); } .box.warning { - background: #ffffaa; } + background: var(--primary); } blockquote { + color: var(--secondary-dark); text-indent: -.55em; padding-bottom: .8em; } blockquote::before { - content: '»'; } + content: '»'; + color: var(--secondary-dark); } blockquote cite::before { content: ' – '; } diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss index cf50091..90608c9 100644 --- a/css/theme/source/latex.scss +++ b/css/theme/source/latex.scss @@ -10,7 +10,9 @@ section { /* config */ :root { - --secondary: #c8ceda; + --primary: #f8f281; + --secondary: #bbd6ec; + --secondary-dark: #3f5d75; --margin: 0.1; } @@ -145,7 +147,7 @@ body { .layout-title { grid-area: title; - background: white; + background: var(--secondary); } .layout-column-one { @@ -386,19 +388,19 @@ table { .box, blockquote { margin-left: calc(-1 * var(--margin) * var(--square)); padding: .8em .1em .1em calc(var(--margin) * var(--square)); - background: var(--secondary); } + .box.warning { - background: #ffffaa; + background: var(--primary); } + blockquote { + color: var(--secondary-dark); text-indent: -.55em; padding-bottom: .8em; &::before { content: '»'; - } - &::after { - // content: '«'; + color: var(--secondary-dark); } cite::before { content: ' – '