initialise color-scheme changes

osdc · Jun 10, 2021 · 596e4c7 · 596e4c7
1 parent 87b445e
commit 596e4c7
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 10 deletions.
diff --git a/themes/drizzle/assets/css/styles.scss b/themes/drizzle/assets/css/styles.scss
@@ -1,3 +1,9 @@
 @import "node_modules/tailwindcss/base";
 @import "node_modules/tailwindcss/components";
-@import "node_modules/tailwindcss/utilities";
+@import "node_modules/tailwindcss/utilities";
+
+html {
+  height: 100%;
+  background: radial-gradient(ellipse at bottom, #27233a 0%, #1a1827 100%);
+  overflow: hidden;
+}
diff --git a/themes/drizzle/assets/css/tailwind.config.js b/themes/drizzle/assets/css/tailwind.config.js
@@ -1,10 +1,15 @@
 // tailwind.config.js
+const colors = require("tailwindcss/colors");
 module.exports = {
   theme: {
-    // ...
+    extend: {
+      colors: {
+        bg: "#1a1827",
+      },
+    },
   },
   plugins: [
-    require('@tailwindcss/typography'),
+    require("@tailwindcss/typography"),
     // ...
   ],
-}
+};
diff --git a/themes/drizzle/layouts/_default/baseof.html b/themes/drizzle/layouts/_default/baseof.html
@@ -1,11 +1,8 @@
 <!DOCTYPE html>
 <html>
   {{- partial "head.html" . -}}
-  <body
-    style="
-    background-image:url('{{`/images/Dalmatian-Spots.svg` | relURL }}');
-    background-attachment: fixed;">
-    <div class="container mx-auto max-w-6xl text-gray-700">
+  <body>
+    <div class="container mx-auto max-w-6xl text-white">
       {{- partial "header.html" . -}}
         {{- block "main" . }}
       {{- end }}

diff --git a/themes/drizzle/layouts/index.html b/themes/drizzle/layouts/index.html
@@ -18,7 +18,7 @@
     <h1 class="text-3xl mx-6 mb-4 font-bold text-center">
         Latest Issue
     </h1>
-    <div class="rounded shadow-xl bg-opacity-50 mx-2 p-6 text-justify bg-white text-2xl hover:bg-opacity-100 transition ease-out duration-200">
+    <div class="rounded shadow-xl bg-opacity-50 mx-2 p-6 text-justify bg-bg text-2xl hover:bg-opacity-100 transition ease-out duration-200">
         {{- range ( where .Site.RegularPages "Type" "post" | first 1) -}}
         <div class="text-xs">
             {{ .Date.Format "Mon, January 02, 2006" }}