draft of intertidal agency theme

Author: sformel

intertidalagency_theme.scss

@@ -0,0 +1,108 @@
+/*-- scss:defaults --*/
+
+// ===== COLOR VARIABLES =====
+$deepsea: #0F3029;
+$wave: #034969;
+$tidepool: #0E7272;
+$aqua: #30ACAE;
+$kingfisher: #CF471F;
+$sand: #F3EDE4;
+$white: #ffffff;
+$black: #000000;
+
+/*-- scss:rules --*/
+
+// ===== FONTS =====
+/* Load Google fonts */
+@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;700&family=DM+Mono:wght@400;500&family=Bodoni+Moda:opsz,wght@6..96,400;6..96,600;6..96,700&display=swap");
+
+/* Local font for Signifier */
+@font-face {
+  font-family: "Signifier";
+  src: url("/assets/Signifier-Regular.otf") format("opentype");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+// ===== FORCE BACKGROUND AND TEXT COLORS =====
+.reveal-viewport {
+  background: $wave;
+  background-color: $wave;
+}
+
+.reveal {
+  background: $wave;
+  background-color: $wave;
+  color: $white;
+}
+
+.reveal .slides {
+  background: $wave;
+  background-color: $wave;
+}
+
+.reveal .slide-background {
+  background: $wave !important;
+  background-color: $wave !important;
+}
+
+// ===== TYPOGRAPHY =====
+body {
+  font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto,
+               "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
+  color: $sand;
+}
+
+.reveal p,
+.reveal li,
+.reveal td,
+.reveal th,
+.reveal div {
+  color: $white;
+}
+
+h1, .reveal h1 {
+  font-family: "Signifier", "Bodoni Moda", Georgia, "Times New Roman", serif;
+  font-weight: 600;
+  color: $sand !important;
+}
+
+h2, .reveal h2 { 
+  font-family: "Public Sans", sans-serif;
+  font-weight: 500;
+  color: $sand !important;
+}
+
+h3, .reveal h3 {
+  font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 
+               "Liberation Mono", "Courier New", monospace;
+  letter-spacing: 3px;
+  font-weight: 500;
+  font-size: 1.1rem;
+  text-transform: uppercase;
+  color: $sand !important;
+}
+
+h4, .reveal h4 {
+  font-family: "Public Sans", sans-serif;
+  letter-spacing: 3px;
+  font-weight: 500;
+  font-size: 0.9rem;
+  color: $sand !important;
+}
+
+// ===== SPACING =====
+h1, h2, h3, h4 { 
+  margin: 0rem; 
+}
+
+main {
+  ol ol, ul ul, ol ul, ul ol { 
+    margin-bottom: unset; 
+  }
+  
+  ul p { 
+    margin-bottom: 0.2rem; 
+  }
+}