diff --git a/default_environment/stylesheet/main.css b/default_environment/stylesheet/main.css index 387c9d9..8684fa6 100644 --- a/default_environment/stylesheet/main.css +++ b/default_environment/stylesheet/main.css @@ -1,5 +1,20 @@ :root { --main-max-width: 800px; + --site-background-color: #0a0a0a; + --site-text-color: #fffffc; + --header-divider-color: #6a687a; + --unused-1: #6ccff6; + --unused-2: #84828f; +} + +body { + color: var(--site-text-color); + background-color: var(--site-background-color); + + a:link, a:visited { + /* TODO: Should I use a different color for links? */ + color: var(--site-text-color); + } } .page_centering { @@ -11,12 +26,16 @@ .page_header { width: 100%; max-width: var(--main-max-width); - border-bottom: 0.2rem solid black; + border-bottom: 0.1rem solid var(--header-divider-color); .home_link { font-size: 1.2rem; font-weight: 600; text-decoration: none; + + &:link, &:visited { + color: var(--site-text-color); + } } } @@ -24,6 +43,11 @@ width: 100%; max-width: var(--main-max-width); font-size: 1.2rem; + line-height: 1.2; + + p { + margin: 1rem 0; + } } /* A stand-alone blog post (not in a blog stream). */ @@ -34,4 +58,5 @@ .blog_post_title { font-size: 2rem; font-weight: 700; + padding-bottom: 1rem; } diff --git a/default_environment/templates/html/blog_post_page.dust b/default_environment/templates/html/blog_post_page.dust index 82cd6d7..6ad4bf0 100644 --- a/default_environment/templates/html/blog_post_page.dust +++ b/default_environment/templates/html/blog_post_page.dust @@ -1,5 +1,5 @@
- {?.title}

{?.self_link}{.title}{:else}{.title}{/.self_link}

{/.title} + {?.title}

{.title}

{/.title} {! TODO: date? !} {! TODO: Table of contents? !}