feat: use new style in rss

This commit is contained in:
2025-06-18 12:53:59 +02:00
parent 4f05dc18b9
commit 99bb53a7a3

View File

@@ -1,27 +1,15 @@
:root { :root {
--primary-light-one: #5daa68; --primary: #6CD4FF;
--primary-light-two: #4a9455; --link: #292a2c;
--primary-dark-one: #17311b; --grey-light: #c4c6ce;
--secondary-light-one: #faf1cf; --grey-dark: #262728;
--secondary-light-two: #e1d7b5;
--background-one: var(--primary-light-one);
--background-two: var(--primary-light-two);
--background-three: var(--secondary-light-one);
--background-four: var(--primary-dark-one);
--highlight-one: var(--primary-dark-one);
--highlight-one-text: var(--secondary-light-one);
--text-one: var(--secondary-light-one);
--shadow-one: var(--primary-dark-one);
--text-two: var(--primary-dark-one);
--text-three: var(--primary-light-one);
--shadow-three: var(--primary-dark-one);
} }
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: var(--background-one); background-color: hsl(221, 14%, 100%)r;
color: var(--text-one); color: #000000;
margin: 0; margin: 0;
height: 100%; height: 100%;
} }
@@ -32,24 +20,22 @@ body {
alert-box { alert-box {
color: var(--highlight-one);
display: block; display: block;
margin: 3rem 0; margin: 3rem 0;
padding: 2rem 3rem; padding: 2rem 3rem;
border: 1px solid var(--highlight-one); border: 1px solid var(--highlight-one);
border-left-width: .5rem; border-left-width: .5rem;
border-radius: .4rem; border-radius: .4rem;
background-color: var(--background-three); background-color: var(--primary);
a { a {
color: var(--text-three); text-decoration: underline;
text-decoration: none;
} }
} }
a { a {
color: inherit;
text-decoration: none; text-decoration: none;
color: var(--link);
} }
@@ -65,7 +51,7 @@ a {
margin: 1rem; margin: 1rem;
padding: 5px; padding: 5px;
border-radius: .4rem; border-radius: .4rem;
background-color: var(--background-one); border: 3px solid var(--primary);
} }
.post-summary h1 { .post-summary h1 {
@@ -79,8 +65,7 @@ a {
} }
.navigation-sticky { .navigation-sticky {
background-color: var(--secondary-light-one); background-color: var(--primary);
color: var(--primary-light-one);
padding: 16px; padding: 16px;
margin: 0; margin: 0;
border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;