diff --git a/sermon.css b/sermon.css index 14723b4..997263e 100644 --- a/sermon.css +++ b/sermon.css @@ -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"); :root { - --darkmagenta: #842174; - --magenta: #393552; - --markmagenta: #84217427; + --colorh1: #393552; + --colorh2: #393552; + --colorh3: #393552; + --colorh4: #393552; + --colorh5: #393552; + --colorh6: #842174; + --colortext: #393552; + --colorbottombar: #842174; + --colorcite: #842174; + --mark: #84217427; --white: #ffffff; --white68: #ffffffad; --white50: #ffffff80; --verydarkgray: #333; --black: #000; + --gradient-start: #e1c2e1; + --gradient-end: #b9d5d9; + --gradient-direction: to top right; + font-family: 'Ubuntu', sans-serif; } @@ -28,25 +39,36 @@ Original License: MIT (https://github.com/rnd195/my-marp-themes/blob/live/licens section { background-color: var(--white); 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 */ line-height: 1.4; /* Zeilenabstand für die gesamte Folie */ } /* --- TITLES --- */ -h1, -h2, -h3, -h4, -h5, +h1 { + color: var(--colorh1); +}, +h2 { + color: var(--colorh2); +}, +h3 { + color: var(--colorh3); +}, +h4 { + color: var(--colorh4); +}, +h5 { + color: var(--colorh5); +}, h6 { - color: var(--darkmagenta); + color: var(--colorh6); } /* --- TEXT CHANGES --- */ a { - color: var(--magenta); + color: var(--colortext); } code, @@ -57,7 +79,7 @@ pre code { } mark { - background-color: var(--markmagenta); + background-color: var(--mark); padding: 0 4px; /* Etwas mehr Luft an den Seiten sieht meist besser aus */ border-radius: 3px; } @@ -74,7 +96,7 @@ blockquote { blockquote cite { display: block; text-align: right; - color: var(--darkmagenta); + color: var(--colorcite); font-style: normal; font-size: 0.9em; margin-top: 20px; @@ -86,8 +108,8 @@ section::after { font-size: 0.75em; /* From github.com/yhatt/marp/issues/263 */ content: attr(data-marpit-pagination); - color: var(--darkmagenta); /* Oder --verydarkgray */ - opacity: 0.6; /* Etwas dezenter */ + color: var(--colorbottombar); + opacity: 0.6; }