Blogartikel anpassen, Styling gemäß Styleguide hinzufügen #281
|
@ -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,10 +66,18 @@
|
||||||
--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);
|
||||||
|
|
Loading…
Reference in a new issue