From be2d23cd87014b29796f2b25c3aa8a21b2256367 Mon Sep 17 00:00:00 2001
From: kek7198 <grayboy99@protonmail.com>
Date: Wed, 1 Dec 2021 12:19:48 -0600
Subject: [PATCH] fix

---
 files/static/src/main.css |  4 ++++
 tailwind.config.js        | 12 +++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/files/static/src/main.css b/files/static/src/main.css
index dd43de1bf..62f54d4a1 100644
--- a/files/static/src/main.css
+++ b/files/static/src/main.css
@@ -2,6 +2,10 @@
 @tailwind components;
 @tailwind utilities;
 
+:root {
+	--color-primary: 220, 38, 38;
+}
+
 @import url('https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&display=swap');
 
 @responsive {
diff --git a/tailwind.config.js b/tailwind.config.js
index 23e54b844..b80901e48 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,6 +9,15 @@ module.exports = {
   darkMode: 'class', // or 'media' or 'class'
   theme: {
     colors: {
+      primary: ({ opacityVariable, opacityValue }) => {
+        if (opacityValue !== undefined) {
+          return `rgba(var(--color-primary), ${opacityValue})`
+        }
+        if (opacityVariable !== undefined) {
+          return `rgba(var(--color-primary), var(${opacityVariable}, 1))`
+        }
+        return `rgb(var(--color-primary))`
+      },
       transparent: 'transparent',
       current: 'currentColor',
       black: colors.black,
@@ -20,7 +29,8 @@ module.exports = {
       blue: colors.sky
     },
     fontFamily: {
-      'heading': ['Delius Swash Caps']
+      'heading': ['Delius Swash Caps'],
+      'serif': ['Georgia']
     },
     extend: {
       boxShadow: {