Expose more global CSS properties

iamgio · Aug 8, 2024 · 29d5358 · 29d5358
1 parent 23bbef7
commit 29d5358
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/core/src/main/resources/render/theme/global.css b/core/src/main/resources/render/theme/global.css
@@ -1,15 +1,26 @@
 :root {
+    /* Quarkdown properties */
     --qd-background-color: inherit;
+    --qd-main-color: inherit;
     --qd-link-color: inherit;
+    --qd-main-font: inherit;
     --qd-main-font-size: 1em;
+    --qd-heading-font: inherit;
 
+    /* Reveal properties are inherited */
     --r-background-color: var(--qd-background-color);
+    --r-main-color: var(--qd-main-color);
     --r-link-color: var(--qd-link-color);
+    --r-main-font: var(--qd-main-font);
     --r-main-font-size: var(--qd-main-font-size);
+    --r-heading-font: var(--qd-heading-font);
 }
 
 body {
     background-color: var(--qd-background-color);
+    color: var(--qd-main-color);
+    font-family: var(--qd-main-font);
+    font-size: var(--qd-main-font-size);
 }
 
 hr {
@@ -21,6 +32,7 @@ figure {
 }
 
 h1, h2, h3, h4, h5, h6 {
+    font-family: var(--qd-heading-font);
     text-transform: none !important;
 }
 
@@ -158,6 +170,10 @@ a {
     margin: 0;
 }
 
+.table-of-contents li a {
+    text-decoration: none;
+}
+
 .table-of-contents li a::after {
     /* TOC page counter on supported targets */
     content: target-counter(attr(href), page);

diff --git a/core/src/main/resources/render/theme/layout/beamer.css b/core/src/main/resources/render/theme/layout/beamer.css
@@ -1,17 +1,19 @@
 /* LaTeX Beamer layout theme */
 
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
 @import url('https://fonts.googleapis.com/css?family=Fira+Sans');
 
 :root {
     --reveal-center-vertically: false;
 }
 
-.reveal .slides > section {
-    text-align: start;
+body {
+    --qd-main-font: "Source Sans Pro", sans-serif;
+    --qd-heading-font: "Fira Sans", sans-serif;
 }
 
-h1, h2, h3, h4, h5, h6 {
-    font-family: "Fira Sans", sans-serif;
+.reveal .slides > section {
+    text-align: start;
 }
 
 h1 {