Blogartikel anpassen, Styling gemäß Styleguide hinzufügen #281

Merged
sicking merged 11 commits from bugfix/blog-ordner-ist-nun-website into main 2025-03-04 10:36:38 +00:00
Showing only changes of commit 156f51c508 - Show all commits

View file

@ -26,29 +26,39 @@
--font-family: "Roboto Condensed", sans-serif; --font-family: "Roboto Condensed", sans-serif;
} }
a:hover {
color: var(--border);
}
.pagination a { .pagination a {
border-radius: 10px; border-radius: 10px;
border: 2px solid var(--border);
}
.top-link {
border: 1px solid var(--border);
} }
.header { .header {
background-color: var(--heading-bg-light); background-color: var(--heading-bg-light);
} border-bottom: 1px solid var(--border);
.dark .header {
background-color: var(--heading-bg-dark);
} }
.entry-cover { .entry-cover {
background-color: #FFA500; background-color: #FFA500;
} }
.dark .entry-cover {
background-color: #333333;
}
.footer { .footer {
background-color: var(--entry); background-color: var(--entry);
border-top: 1px solid var(--border);
border-left: 1px solid var(--border);
border-right: 1px solid var(--border);
} }
.dark .footer { .post-content img {
background-color: var(--entry); border: 1px solid var(--border);
border-radius: var(--radius);
}
.post-entry img {
border: 1px solid var(--border);
border-radius: var(--radius);
} }
.dark { .dark {
--primary: #F0F8FF; /* Headline color in dark mode */ --primary: #F0F8FF; /* Headline color in dark mode */
@ -56,11 +66,19 @@
--theme: #222222; /* Background for dark mode */ --theme: #222222; /* Background for dark mode */
--border: #F0F8FF; --border: #F0F8FF;
} }
.dark img { .dark img {
background-color: #cccccc; background-color: #cccccc;
} }
.dark .header {
background-color: var(--heading-bg-dark);
}
.dark .entry-cover {
background-color: #333333;
}
.dark .footer {
background-color: var(--entry);
}
body { body {
font-family: var(--font-family); font-family: var(--font-family);
} }