[styles] Made body bg black, but nav and article have normal bg. Added top border of article.

3 files changed, 15 insertions, 3 deletions

diff --git a/src/darkmode.css b/src/darkmode.css
index 34de71c..bd3db24 100644
--- a/src/darkmode.css
+++ b/src/darkmode.css
@@ -1,4 +1,5 @@
 :root {
+  --body-bg: #000000;
   --fg-color: #ffeede;
   --bg-color: #262626;
   --fg-selection-color: #001121;
diff --git a/src/presentation.css b/src/presentation.css
index 789a6fc..51589fb 100644
--- a/src/presentation.css
+++ b/src/presentation.css
@@ -2,6 +2,7 @@
 
 article {
   font-size: 22px;
+  max-width: calc(297mm + 2em);
 }
 
 h2, h3, h4, h5, h6 {
@@ -73,6 +74,10 @@ h2 + a, h3 + a, h4 + a, h5 + a, h6 + a {
   width: auto;
 }
 
+.slide .svg {
+  max-height: 1em !important;
+}
+
 .centered {
   text-align: center;
 }
diff --git a/src/styles.css b/src/styles.css
index f712377..188962a 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1,4 +1,5 @@
 :root {
+  --body-bg: #bfbfbf;
   --fg-color: black;
   --bg-color: white;
   --fg-selection-color: white;
@@ -36,10 +37,14 @@
 body {
   min-height: calc(100vh - 16px);
   color: var(--fg-color);
-  background-color: var(--bg-color);
+  background-color: var(--body-bg);
   border-color: var(--border-color);
 }
 
+body > * {
+  background-color: var(--bg-color);
+}
+
 body, td, th {
   font: 18px 'Open Sans', sans-serif;
   line-height: 1.5em;
@@ -103,8 +108,9 @@ article {
   max-width: 52.7em; /* Equivalent to 50em on 19px font-size */
   min-height: calc(100vh - 228px);
   overflow: auto;
-  padding: 0 0.4em;
+  padding: 0 1em;
   box-sizing: border-box;
+  border-top: 3px solid var(--accent-line-color);
 }
 
 .noMaxWidth {
@@ -342,7 +348,7 @@ dd code {
   flex-direction: column;
   text-align: left;
   font-size: 1.2em;
-  padding-left: 1em;
+  padding: 0 1em;
   border: 3px solid var(--accent-line-color);
   border-right: none;
   border-top: none;