agresdominik/website
1
0
Fork 0
mirror of https://github.com/agresdominik/website.git synced 2026-04-21 18:05:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed color palette

Browse Source
This commit is contained in:
Dominik
2025-11-13 00:59:43 +01:00
parent 78e8581e52
commit bea033816c
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blog/layouts/list.html
+2 -2
View File
@@ -4,7 +4,7 @@
<ul> <ul>
{{ range .Pages }} {{ range .Pages }}
<hr> <!--<hr>--->
<div class="blogpost"> <div class="blogpost">
<div class="blogpost-content"> <div class="blogpost-content">
<a class="blogpost-title" href="{{ .RelPermalink }}">{{ .Title }}</a> <a class="blogpost-title" href="{{ .RelPermalink }}">{{ .Title }}</a>
@@ -16,7 +16,7 @@
</div> </div>
</div> </div>
<hr> <!--<hr>--->
{{ end }} {{ end }}
</ul> </ul>
blog/static/css/style.css
+14 -6
View File
@@ -1,15 +1,20 @@
/* ---------- Base ---------- */ /* ---------- Base ---------- */
:root { :root {
/*
--color-bg: #111; --color-bg: #111;
--color-fg: #fafafa; --color-fg: #fafafa;
--color-accent: #222; --color-accent: #222;
--color-secondary: #355c48; --color-secondary: #355c48;
*/
--color-bg: #13171D;
--color-fg: #C3CBCB;
--color-accent: #181E25;
--color-secondary: #E3511E;
--light-yellow: color(display-p3 1 1 0.7) --light-yellow: color(display-p3 1 1 0.7)
--link: #fff; --link: #fff;
/*--link-hover: color(display-p3 1 1 0.7);*/ /*--link-hover: color(display-p3 1 1 0.7);*/
--link-hover: #5f8261; --link-hover: #E45420;
--font-base: 'Inter', sans-serif; --font-base: 'Inter', sans-serif;
--font-weight-regular: 400; --font-weight-regular: 400;
@@ -41,7 +46,7 @@ main h1, main h2, main h3, main h4 {
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
line-height: 1.8; line-height: 1.8;
display: inline; 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-repeat: no-repeat;
background-size: 100% 0.6em; background-size: 100% 0.6em;
background-position: 0 88%; background-position: 0 88%;
@@ -71,7 +76,7 @@ p {
background: var(--color-bg); background: var(--color-bg);
width: 100%; width: 100%;
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
border-bottom: 3px solid var(--color-accent); border-bottom: 3px solid var(--color-secondary);
} }
.topbar-content { .topbar-content {
@@ -109,7 +114,7 @@ p {
.bottombar { .bottombar {
background: var(--color-bg); background: var(--color-bg);
width: 100%; width: 100%;
border-top: 3px solid var(--color-accent); border-top: 3px solid var(--color-secondary);
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
text-align: center; text-align: center;
} }
@@ -132,7 +137,7 @@ p {
main { main {
padding-left: 1.5rem; padding-left: 1.5rem;
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 3rem;
} }
article { article {
@@ -196,6 +201,9 @@ img {
padding: 1rem; padding: 1rem;
padding-left: 15px; padding-left: 15px;
background-color: var(--color-accent); background-color: var(--color-accent);
border: 1px solid;
border-color: var(--color-fg);
border-radius: 0px;
} }
.blogpost-content { .blogpost-content {