From 181081f8da891017d9f43a5daac92f09d4237023 Mon Sep 17 00:00:00 2001 From: Bochkovskyi Date: Fri, 29 Sep 2023 19:18:30 +0300 Subject: [PATCH] add app theme colors --- src/app/layout.jsx | 2 +- src/components/message.jsx | 2 +- tailwind.config.js | 8 ++++++++ 3 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/app/layout.jsx b/src/app/layout.jsx index 175b4fd..9faa593 100644 --- a/src/app/layout.jsx +++ b/src/app/layout.jsx @@ -5,7 +5,7 @@ import './global.css' export default function RootLayout({ children }) { return ( - +
{children}
diff --git a/src/components/message.jsx b/src/components/message.jsx index 977a9ed..34859a1 100644 --- a/src/components/message.jsx +++ b/src/components/message.jsx @@ -16,7 +16,7 @@ export default function Message({ sentAt, children }) { alt="Picture of the author" /> -
+

{children}

{formatTime(sentAt)}
diff --git a/tailwind.config.js b/tailwind.config.js index 591fd3f..0f716ca 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,7 +1,15 @@ /** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{html,js,jsx}'], + darkMode: 'class', theme: { + colors: { + light: '#fff', + lightAccent: '#efeff3', + dark: '#18323b', + darkAccent: '#102024', + primary: '#00c2ed', + }, extend: {}, }, plugins: [],