diff --git a/src/app.html b/src/app.html
index b46352f..8cdaf8f 100644
--- a/src/app.html
+++ b/src/app.html
@@ -5,7 +5,7 @@
-
+
%sveltekit.head%
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index ba68794..2edc0ae 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -56,7 +56,7 @@
grid-template-columns: 200px 1fr auto;
grid-template-areas: 'logoSection siteAndEnvironment profileAndHelp';
align-items: center;
- background: #1c1819;
+ background: var(--theme);
padding: 0 1rem;
border-radius: 6px;
color: white;
@@ -79,6 +79,7 @@
font-size: 1.5rem;
padding: 0;
font-weight: 300;
+ color: white !important;
}
img {
diff --git a/src/routes/printer/+page.svelte b/src/routes/printer/+page.svelte
index 8e675be..22a4019 100644
--- a/src/routes/printer/+page.svelte
+++ b/src/routes/printer/+page.svelte
@@ -344,7 +344,7 @@
margin-bottom: 0.45em;
font-size: 1.1rem;
font-weight: 300;
- color: #1c1b1b;
+ color: var(--theme);
}
.meta {
diff --git a/static/style.css b/static/style.css
index 195ef0c..26d4075 100644
--- a/static/style.css
+++ b/static/style.css
@@ -32,6 +32,7 @@
--bg: #f9f5f3;
--color: #1c1819;
--highlight: #eaddd5;
+ --theme: #32292b;
--positive: #00d439;
--negative: #ff5449;
@@ -63,6 +64,7 @@ h1 {
font-family: 'Norman', 'Reckless Neue';
letter-spacing: 2.2px;
font-weight: bold !important;
+ color: var(--theme);
}
h2 {
@@ -121,7 +123,7 @@ button span {
}
button.affirmative span {
- background-color: #1c1819;
+ background-color: var(--theme);
color: white;
}