From bea033816c928efed419c73142414d82e141c3a8 Mon Sep 17 00:00:00 2001 From: Dominik Date: Thu, 13 Nov 2025 00:59:43 +0100 Subject: [PATCH] Changed color palette --- blog/layouts/list.html | 4 ++-- blog/static/css/style.css | 20 ++++++++++++++------ 2 files changed, 16 insertions(+), 8 deletions(-) diff --git a/blog/layouts/list.html b/blog/layouts/list.html index 80a99ca..fe4d9b1 100644 --- a/blog/layouts/list.html +++ b/blog/layouts/list.html @@ -4,7 +4,7 @@ diff --git a/blog/static/css/style.css b/blog/static/css/style.css index 4cbcaff..ad103be 100644 --- a/blog/static/css/style.css +++ b/blog/static/css/style.css @@ -1,15 +1,20 @@ /* ---------- Base ---------- */ :root { + /* --color-bg: #111; --color-fg: #fafafa; --color-accent: #222; --color-secondary: #355c48; - +*/ + --color-bg: #13171D; + --color-fg: #C3CBCB; + --color-accent: #181E25; + --color-secondary: #E3511E; --light-yellow: color(display-p3 1 1 0.7) --link: #fff; /*--link-hover: color(display-p3 1 1 0.7);*/ - --link-hover: #5f8261; + --link-hover: #E45420; --font-base: 'Inter', sans-serif; --font-weight-regular: 400; @@ -41,7 +46,7 @@ main h1, main h2, main h3, main h4 { font-weight: var(--font-weight-bold); line-height: 1.8; display: inline; - background-image: linear-gradient(120deg, #355c48 0%, #5f8261 100%); + /*background-image: linear-gradient(120deg, #E45420 0%, #E87045 100%);*/ background-repeat: no-repeat; background-size: 100% 0.6em; background-position: 0 88%; @@ -71,7 +76,7 @@ p { background: var(--color-bg); width: 100%; padding: 0.75rem 1.5rem; - border-bottom: 3px solid var(--color-accent); + border-bottom: 3px solid var(--color-secondary); } .topbar-content { @@ -109,7 +114,7 @@ p { .bottombar { background: var(--color-bg); width: 100%; - border-top: 3px solid var(--color-accent); + border-top: 3px solid var(--color-secondary); padding: 0.75rem 1.5rem; text-align: center; } @@ -132,7 +137,7 @@ p { main { padding-left: 1.5rem; margin-top: 2rem; - margin-bottom: 1rem; + margin-bottom: 3rem; } article { @@ -196,6 +201,9 @@ img { padding: 1rem; padding-left: 15px; background-color: var(--color-accent); + border: 1px solid; + border-color: var(--color-fg); + border-radius: 0px; } .blogpost-content {