Update sermon.css

This commit is contained in:
simonpipe 2026-03-12 08:59:39 +01:00
parent 1c1f34dc76
commit a50efe9f63

View file

@ -11,15 +11,26 @@ Original License: MIT (https://github.com/rnd195/my-marp-themes/blob/live/licens
@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
:root { :root {
--darkmagenta: #842174; --colorh1: #393552;
--magenta: #393552; --colorh2: #393552;
--markmagenta: #84217427; --colorh3: #393552;
--colorh4: #393552;
--colorh5: #393552;
--colorh6: #842174;
--colortext: #393552;
--colorbottombar: #842174;
--colorcite: #842174;
--mark: #84217427;
--white: #ffffff; --white: #ffffff;
--white68: #ffffffad; --white68: #ffffffad;
--white50: #ffffff80; --white50: #ffffff80;
--verydarkgray: #333; --verydarkgray: #333;
--black: #000; --black: #000;
--gradient-start: #e1c2e1;
--gradient-end: #b9d5d9;
--gradient-direction: to top right;
font-family: 'Ubuntu', sans-serif; font-family: 'Ubuntu', sans-serif;
} }
@ -28,25 +39,36 @@ Original License: MIT (https://github.com/rnd195/my-marp-themes/blob/live/licens
section { section {
background-color: var(--white); background-color: var(--white);
background-image: linear-gradient(to top right, #e1c2e1 5%, #b9d5d9 95%); background-image: linear-gradient(to top right, #e1c2e1 5%, #b9d5d9 95%);
background-image: linear-gradient(var(--gradient-direction), var(--gradient-start) 5%, var(--gradient-end) 95%);
font-size: 35px; /* Basisschriftgröße für die gesamte Folie */ font-size: 35px; /* Basisschriftgröße für die gesamte Folie */
line-height: 1.4; /* Zeilenabstand für die gesamte Folie */ line-height: 1.4; /* Zeilenabstand für die gesamte Folie */
} }
/* --- TITLES --- */ /* --- TITLES --- */
h1, h1 {
h2, color: var(--colorh1);
h3, },
h4, h2 {
h5, color: var(--colorh2);
},
h3 {
color: var(--colorh3);
},
h4 {
color: var(--colorh4);
},
h5 {
color: var(--colorh5);
},
h6 { h6 {
color: var(--darkmagenta); color: var(--colorh6);
} }
/* --- TEXT CHANGES --- */ /* --- TEXT CHANGES --- */
a { a {
color: var(--magenta); color: var(--colortext);
} }
code, code,
@ -57,7 +79,7 @@ pre code {
} }
mark { mark {
background-color: var(--markmagenta); background-color: var(--mark);
padding: 0 4px; /* Etwas mehr Luft an den Seiten sieht meist besser aus */ padding: 0 4px; /* Etwas mehr Luft an den Seiten sieht meist besser aus */
border-radius: 3px; border-radius: 3px;
} }
@ -74,7 +96,7 @@ blockquote {
blockquote cite { blockquote cite {
display: block; display: block;
text-align: right; text-align: right;
color: var(--darkmagenta); color: var(--colorcite);
font-style: normal; font-style: normal;
font-size: 0.9em; font-size: 0.9em;
margin-top: 20px; margin-top: 20px;
@ -86,8 +108,8 @@ section::after {
font-size: 0.75em; font-size: 0.75em;
/* From github.com/yhatt/marp/issues/263 */ /* From github.com/yhatt/marp/issues/263 */
content: attr(data-marpit-pagination); content: attr(data-marpit-pagination);
color: var(--darkmagenta); /* Oder --verydarkgray */ color: var(--colorbottombar);
opacity: 0.6; /* Etwas dezenter */ opacity: 0.6;
} }