From 93aaf99c9adb8a3de375e39ee279921172ca9660 Mon Sep 17 00:00:00 2001 From: Jose Falanga Date: Mon, 13 Oct 2025 18:26:09 -0300 Subject: [PATCH] more colors --- arise-source/config/main.css | 40 +++++++++++++++++++----------------- 1 file changed, 21 insertions(+), 19 deletions(-) diff --git a/arise-source/config/main.css b/arise-source/config/main.css index f6c7548..35e6c40 100644 --- a/arise-source/config/main.css +++ b/arise-source/config/main.css @@ -10,13 +10,13 @@ body{ line-height:1.6; font-size:18px; color: #d2b48c; /* muted gold-beige text */ - background-color: #1e1b17; /* warm dark brown background */ + background-color: #1e1b17; /* deep dark brown */ padding:0 10px; } /********************************/ /********************************/ -/*** Post styling. This section is for defining markup classes to make it easier to write prettier posts. ***/ +/*** Post styling ***/ img { max-width: 100%; @@ -51,7 +51,7 @@ pre { } blockquote { - border-left: 1px solid #6b5633; + border-left: 2px solid #8a9a5b; /* olive/moss border */ display:block; margin-top: 1em; margin-bottom: 1em; @@ -59,19 +59,19 @@ blockquote { padding-left: 10px; margin-right: 40px; font-style: italic; - color: #bfa074; /* subtle, readable tone */ + color: #bfa074; /* soft warm text */ } hr { border: none; - border-top: 1px solid #6b5633; + border-top: 1px solid #c57c3b; /* burnt sienna */ margin: 1.5em auto; max-width: 300px; } #endline { /* Special kind of
for spacing out footnotes from the rest of a post */ border: none; - border-top:1px solid #6b5633; + border-top:1px solid #6b5633; /* bronze */ margin-left: auto; margin-right: auto; max-width: 300px; @@ -79,23 +79,25 @@ hr { } a { - color: #d6b676; /* muted gold */ + color: #c57c3b; /* burnt sienna links */ text-decoration: none; } a:hover { - color: #f0d89a; /* lighter gold on hover */ + color: #f0d89a; /* amber/gold hover */ } h1{ - line-height:1.2 + line-height:1.2; + color: #d2b48c; } h2,h3{ padding-top:24px; - line-height:1.2 + line-height:1.2; + color: #d6b676; /* slightly muted gold */ } -/* Style for inline dates. These are configured via a separate include file in /config/content_header.html. See notes on Arise page creation for more details. */ +/* Inline dates */ .date { padding-bottom:0; margin-bottom:0; @@ -117,9 +119,9 @@ h2,h3{ /********************************/ /********************************/ -/*** Modular component styles. Includes styling for the headers, navigation controls, and footer. */ +/*** Modular components ***/ -/* Site logo. Styled to responsively move to either left or be centred, depending if the page is being viewed on desktop or mobile respectively. */ +/* Logo */ .logo { margin-bottom:20px; text-align:center; @@ -129,12 +131,12 @@ h2,h3{ opacity: 0.95; } -/* Navbar styling. */ +/* Navbar styling */ .topbar { text-align: center; padding: 10px 0; - border-top: 1px solid #6b5633; - border-bottom: 1px solid #6b5633; + border-top: 1px solid #6b5633; /* bronze */ + border-bottom: 1px solid #c57c3b; /* burnt sienna */ margin-bottom: 20px; } .topbar a { @@ -146,9 +148,9 @@ h2,h3{ color: #f0d89a; } -/* Site footer styling */ +/* Footer styling */ .footer { - border-top: 1px solid #6b5633; + border-top: 1px solid #6b5633; /* bronze */ color: #a89064; font-size: 13px; margin-top: 100px; @@ -159,7 +161,7 @@ h2,h3{ } .footer a { - color: #d6b676; + color: #c57c3b; text-decoration: none; }