From 8aae33c4e1f01c1586888d5511b3fc9735aadd8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bartosz=20Ga=C5=82ek?= <bartosz.galek@allegro.com>
Date: Thu, 11 Jul 2024 12:47:38 +0200
Subject: [PATCH] Contrast fix (#95)

* better contrast
---
 tailwind.config.js | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 62312006..857f5d8f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,24 +1,32 @@
-const colors = require('tailwindcss/colors')
+const colors = require("tailwindcss/colors");
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
     content: [
         "./node_modules/flowbite/**/*.js",
-        './_includes/**/*.html',
-        './_layouts/**/*.html',
-        './_drafts/**/*.md',
-        './_posts/*.md',
-        './*.md',
-        './*.html',
-        './about/*.html',
+        "./_includes/**/*.html",
+        "./_layouts/**/*.html",
+        "./_drafts/**/*.md",
+        "./_posts/*.md",
+        "./*.md",
+        "./*.html",
+        "./about/*.html",
     ],
-    darkMode: 'media',
+    darkMode: "media",
     theme: {
         colors: {
-            transparent: 'transparent',
-            current: 'currentColor',
-            brand: colors.teal,
-            primary: colors.orange
+            transparent: "transparent",
+            current: "currentColor",
+            primary: colors.orange,
+        },
+        extend: {
+            typography: ({ theme }) => ({
+                DEFAULT: {
+                    css: {
+                        '--tw-format-invert-body': theme('colors.gray[300]'),
+                    },
+                },
+            }),
         },
     },
     plugins: [require("flowbite-typography"), require("flowbite/plugin")],