From 6afebffe1fe9a6d4d569f6ae927dc6b5656672d3 Mon Sep 17 00:00:00 2001
From: Gabriel Almeida <gabriel@logspace.ai>
Date: Wed, 17 May 2023 11:28:18 -0300
Subject: [PATCH] style(tailwind.config.js): added dark theme for attribution

---
 src/frontend/tailwind.config.js | 56 ++++++++++++++++++---------------
 1 file changed, 30 insertions(+), 26 deletions(-)

diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index fd532c9fc..bf0fe7ac0 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -1,10 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 import plugin from "tailwindcss/plugin";
 module.exports = {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,tsx,jsx}",
-  ],
+  content: ["./index.html", "./src/**/*.{js,ts,tsx,jsx}"],
   darkMode: "class",
   important: true,
   theme: {
@@ -55,32 +52,39 @@ module.exports = {
             margin: 0,
           },
         },
-        '.password':{
-          "-webkit-text-security":"disc",
-          "font-family": "text-security-disc"
-
+        ".password": {
+          "-webkit-text-security": "disc",
+          "font-family": "text-security-disc",
         },
-        '.stop': {
-          '-webkit-animation-play-state': 'paused',
-          '-moz-animation-play-state': 'paused',
-          'animation-play-state': 'paused',
+        ".stop": {
+          "-webkit-animation-play-state": "paused",
+          "-moz-animation-play-state": "paused",
+          "animation-play-state": "paused",
         },
-        '.custom-scroll':{
-          '&::-webkit-scrollbar': {
-            'width': '8px',
+        ".custom-scroll": {
+          "&::-webkit-scrollbar": {
+            width: "8px",
           },
-          '&::-webkit-scrollbar-track': {
-            'backgroundColor': '#f1f1f1',
+          "&::-webkit-scrollbar-track": {
+            backgroundColor: "#f1f1f1",
           },
-          '&::-webkit-scrollbar-thumb': {
-            'backgroundColor': '#ccc',
-            'borderRadius': '999px',
+          "&::-webkit-scrollbar-thumb": {
+            backgroundColor: "#ccc",
+            borderRadius: "999px",
           },
-          '&::-webkit-scrollbar-thumb:hover': {
-            'backgroundColor': '#bbb'
-        }
-      },
-    })
-    }),require('@tailwindcss/line-clamp'),require('@tailwindcss/typography'),
+          "&::-webkit-scrollbar-thumb:hover": {
+            backgroundColor: "#bbb",
+          },
+        },
+        ".dark .theme-attribution .react-flow__attribution": {
+          backgroundColor: "rgba(255, 255, 255, 0.2)",
+        },
+        ".dark .theme-attribution .react-flow__attribution a": {
+          color: "black",
+        },
+      });
+    }),
+    require("@tailwindcss/line-clamp"),
+    require("@tailwindcss/typography"),
   ],
 };