styling again
Some checks are pending
Deploy Arise to html branch / Deploy Arise (push) Waiting to run

This commit is contained in:
Jose Falanga 2025-10-13 18:28:51 -03:00
parent 93aaf99c9a
commit 0818a77e30

View file

@ -9,8 +9,8 @@ body{
max-width:650px; max-width:650px;
line-height:1.6; line-height:1.6;
font-size:18px; font-size:18px;
color: #d2b48c; /* muted gold-beige text */ color: #e0c997; /* main warm gold text */
background-color: #1e1b17; /* deep dark brown */ background-color: #121212; /* deep desaturated dark base */
padding:0 10px; padding:0 10px;
} }
/********************************/ /********************************/
@ -30,14 +30,14 @@ img {
} }
code { code {
background-color: #2a2420; /* slightly warmer dark */ background-color: #1f1c19; /* darker warm code background */
border-radius:16px; border-radius:16px;
padding-left:30px; padding-left:30px;
padding-right:30px; padding-right:30px;
line-height:2em; line-height:2em;
padding-top:1px; padding-top:1px;
padding-bottom:1px; padding-bottom:1px;
color: #d2b48c; /* same as body text */ color: #d2b48c;
font-family:monospace; font-family:monospace;
} }
@ -51,7 +51,7 @@ pre {
} }
blockquote { blockquote {
border-left: 2px solid #8a9a5b; /* olive/moss border */ border-left: 2px solid #8a9a5b; /* moss/olive */
display:block; display:block;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
@ -59,7 +59,7 @@ blockquote {
padding-left: 10px; padding-left: 10px;
margin-right: 40px; margin-right: 40px;
font-style: italic; font-style: italic;
color: #bfa074; /* soft warm text */ color: #bfa074; /* subtle warm text */
} }
hr { hr {
@ -69,7 +69,7 @@ hr {
max-width: 300px; max-width: 300px;
} }
#endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */ #endline {
border: none; border: none;
border-top:1px solid #6b5633; /* bronze */ border-top:1px solid #6b5633; /* bronze */
margin-left: auto; margin-left: auto;
@ -83,18 +83,18 @@ a {
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #f0d89a; /* amber/gold hover */ color: #f0d89a; /* amber hover */
} }
h1{ h1{
line-height:1.2; line-height:1.2;
color: #d2b48c; color: #e0d5aa; /* slightly lighter heading */
} }
h2,h3{ h2,h3{
padding-top:24px; padding-top:24px;
line-height:1.2; line-height:1.2;
color: #d6b676; /* slightly muted gold */ color: #d6b676; /* muted gold */
} }
/* Inline dates */ /* Inline dates */
@ -192,3 +192,8 @@ h2,h3{
border-bottom: 1px; border-bottom: 1px;
border-bottom-style: solid; border-bottom-style: solid;
} }
/*** Optional subtle code “syntax accents” using analogous palette ***/
code span.number { color: #f0d89a; } /* amber numbers */
code span.comment { color: #8a9a5b; } /* moss comments */
code span.keyword { color: #b05a3c; } /* rust keywords */