From b29d4341969287b357a0eedaa35c5aa3b8a8a239 Mon Sep 17 00:00:00 2001
From: Jose Falanga <jose.falanga@gmail.com>
Date: Mon, 13 Oct 2025 18:49:33 -0300
Subject: [PATCH] style

---
 arise-source/config/header.html |  2 +-
 arise-source/config/main.css    | 88 ++++++++++++++++++---------------
 2 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/arise-source/config/header.html b/arise-source/config/header.html
index fa0b33f..38173ff 100644
--- a/arise-source/config/header.html
+++ b/arise-source/config/header.html
@@ -51,7 +51,7 @@
     <nav class="topbar">
         <a href="/">Home</a> <span class="sep">•</span> 
         <a href="/katas">Katas</a> <span class="sep">•</span> 
-        <a href="/rehosted">Reshosted</a> <span class="sep">•</span> 
+        <a href="/rehosted">Reshosted</a>
     </nav>
     <!-- End Navigation -->
 </head>
diff --git a/arise-source/config/main.css b/arise-source/config/main.css
index 6f2e94d..af3a807 100644
--- a/arise-source/config/main.css
+++ b/arise-source/config/main.css
@@ -9,8 +9,8 @@ body {
     max-width: 650px;
     line-height: 1.6;
     font-size: 18px;
-    color: #e0d5b3; /* soft warm parchment gold */
-    background-color: #101010; /* deep neutral dark */
+    color: #f0e6d2; /* soft parchment */
+    background-color: #1c1a18; /* deep dark brown-black, warmer than pure black */
     padding: 0 10px;
 }
 
@@ -31,47 +31,58 @@ pre {
     overflow-x: auto;
     white-space: pre-wrap;
     word-wrap: break-word;
+    margin: 1em 0;
 }
 
+/* Reduce interline spacing for code blocks */
+pre.sourceCode, 
+pre.sourceCode code, 
+pre.sourceCode code span {
+    line-height: 1.4em; /* tighter than before */
+}
+
+/* Blockquote styling */
 blockquote {
-    border-left: 2px solid #7a8a56; /* moss/olive accent */
+    border-left: 3px solid #8aa89a; /* subtle sage/green accent */
     margin: 1em 40px 1em 30px;
     padding-left: 10px;
     font-style: italic;
-    color: #bfa074; /* warm subtle tone */
+    color: #d4c99f; /* warm beige */
 }
 
+/* Horizontal rules */
 hr {
     border: none;
-    border-top: 1px solid #c57c3b; /* burnt sienna */
+    border-top: 1px solid #c5946a; /* muted orange/gold */
     margin: 1.5em auto;
     max-width: 300px;
 }
 
 #endline {
     border: none;
-    border-top: 1px solid #6b5633; /* bronze */
+    border-top: 1px solid #7a6b5a; /* soft bronze */
     margin: 80px auto 0;
     max-width: 300px;
 }
 
+/* Links */
 a {
-    color: #c9a66b; /* muted gold */
+    color: #d8b68f; /* warm gold */
     text-decoration: none;
 }
 a:hover {
-    color: #f0d89a; /* soft amber */
+    color: #f0e3b8; /* pale yellow highlight */
 }
 
+/* Headings */
 h1 {
     line-height: 1.2;
-    color: #e0d5b3;
+    color: #f3e6c9; /* soft, slightly lighter than body */
 }
-
 h2, h3 {
     padding-top: 24px;
     line-height: 1.2;
-    color: #d6b676;
+    color: #e6c990; /* muted complementary accent */
 }
 
 /* Inline dates */
@@ -80,7 +91,6 @@ h2, h3 {
     margin-bottom: 0;
     font-size: 14px;
 }
-
 @media screen and (max-width: 900px) {
     .date { 
         text-align: right;
@@ -109,27 +119,27 @@ h2, h3 {
 .topbar {
     text-align: center;
     padding: 10px 0;
-    border-top: 1px solid #6b5633; /* bronze */
-    border-bottom: 1px solid #c57c3b; /* burnt sienna */
+    border-top: 1px solid #8c7564; /* muted tan */
+    border-bottom: 1px solid #c5946a; /* warm accent */
     margin-bottom: 20px;
 }
 .topbar a {
-    color: #c9a66b;
+    color: #d8b68f;
     padding: 0 8px;
     text-decoration: none;
 }
 .topbar a:hover {
-    color: #f0d89a;
+    color: #f0e3b8;
 }
 .topbar .sep {
-    color: #7a6f50; /* muted bronze */
+    color: #7a6b5a;
     padding: 0 6px;
 }
 
 /* Footer styling */
 .footer {
-    border-top: 1px solid #6b5633; /* bronze */
-    color: #a89064;
+    border-top: 1px solid #7a6b5a;
+    color: #c9b68f;
     font-size: 13px;
     margin-top: 100px;
     text-align: center;
@@ -137,11 +147,11 @@ h2, h3 {
     line-height: 1.5;
 }
 .footer a {
-    color: #c57c3b;
+    color: #d8b68f;
     text-decoration: none;
 }
 .footer a:hover {
-    color: #f0d89a;
+    color: #f0e3b8;
 }
 .footer span {
     opacity: 0.8;
@@ -152,27 +162,27 @@ pre.sourceCode,
 pre.sourceCode code, 
 pre.sourceCode code span {
     font-family: monospace, "Courier New", Courier, monospace;
-    background-color: #1a1a1a;
-    color: #e0d5b3;
-    border-radius: 16px;
-    padding: 1px 30px;
-    line-height: 2em;
+    background-color: #28241f; /* softer dark than before */
+    color: #f0e6d2;
+    border-radius: 12px;
+    padding: 6px 16px; 
+    line-height: 1.4em; /* tighter lines */
     display: block;
     overflow-x: auto;
 }
 
-/* Syntax accent colors */
-pre.sourceCode code .co { color: #7a8a56; } /* comments */
-pre.sourceCode code .kw { color: #b05a3c; } /* keywords */
-pre.sourceCode code .bu { color: #f0d89a; } /* builtins/commands */
-pre.sourceCode code .st { color: #d6b676; } /* strings */
-pre.sourceCode code .fu { color: #c57c3b; } /* functions/variables */
-pre.sourceCode code .va { color: #f0d89a; } /* variable values */
+/* Syntax accent colors using split-complementary palette */
+pre.sourceCode code .co { color: #7aa88d; } /* comments - sage green */
+pre.sourceCode code .kw { color: #d97c5f; } /* keywords - muted coral */
+pre.sourceCode code .bu { color: #f0d89a; } /* builtins/commands - pale yellow */
+pre.sourceCode code .st { color: #e6c990; } /* strings - soft gold */
+pre.sourceCode code .fu { color: #c5946a; } /* functions/variables - warm tan */
+pre.sourceCode code .va { color: #f0e3b8; } /* variable values - light cream */
 
 /*** Tables for Arise Index and Markdown ***/
 .arise-toc-td {
     border-width: 1px;
-    border-color: #6b5633;
+    border-color: #7a6b5a;
     border-top-style: solid;
     text-align: center;
     padding-right: 10px;
@@ -189,14 +199,14 @@ table {
     width: 100%;
 }
 table th, table td {
-    border: 1px solid #6b5633;
+    border: 1px solid #7a6b5a;
     padding: 6px 10px;
 }
 table th {
-    background-color: #161412;
-    color: #e0d5b3;
+    background-color: #1f1c19;
+    color: #f0e6d2;
 }
 table td {
-    background-color: #121010;
-    color: #d6b676;
+    background-color: #1c1a18;
+    color: #e6c990;
 }