diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 00000000..33ad091d
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/src/styles/tailwind.scss b/src/styles/tailwind.scss
new file mode 100644
index 00000000..9bb37ee6
--- /dev/null
+++ b/src/styles/tailwind.scss
@@ -0,0 +1,4 @@
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 00000000..5b86b532
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+  darkMode: 'class',
+  theme: {
+
+    backgroundColor: theme => ({
+      ...theme('colors'),
+      "sidebar-logo":'#2b2f3a'
+    })
+  },
+  plugins: [],
+
+
+}