diff --git a/README.md b/README.md
index e827eba..3d82b76 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@ Built with ❤️ by [Themesberg](https://themesberg.com) based on Tailwind CSS
Check out a live demo by clicking here:
-🔗 [Landwind live preview](https://demo.themesberg.com/landwind)
+🔗 [Landwind live preview](https://demo.themesberg.com/landwind) (🌗 switch on dark mode using your computer preferences)
## Getting started
diff --git a/index.html b/index.html
index df0c57d..1df8195 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,38 @@
-
+
+
Landwind - Tailwind CSS Landing Page Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/output.css b/output.css
index b89e033..2ff3d0f 100644
--- a/output.css
+++ b/output.css
@@ -1079,6 +1079,10 @@ input:checked + .toggle-bg {
margin-right: 0.5rem;
}
+.mb-2 {
+ margin-bottom: 0.5rem;
+}
+
.mb-8 {
margin-bottom: 2rem;
}
@@ -1091,10 +1095,6 @@ input:checked + .toggle-bg {
margin-top: 1.5rem;
}
-.mb-2 {
- margin-bottom: 0.5rem;
-}
-
.mb-3 {
margin-bottom: 0.75rem;
}
@@ -1448,11 +1448,6 @@ input:checked + .toggle-bg {
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
-.border-purple-600 {
- --tw-border-opacity: 1;
- border-color: rgb(126 58 242 / var(--tw-border-opacity));
-}
-
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -1478,14 +1473,14 @@ input:checked + .toggle-bg {
background-color: rgb(108 43 217 / var(--tw-bg-opacity));
}
-.bg-purple-600 {
+.bg-gray-50 {
--tw-bg-opacity: 1;
- background-color: rgb(126 58 242 / var(--tw-bg-opacity));
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
-.bg-gray-50 {
+.bg-purple-600 {
--tw-bg-opacity: 1;
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+ background-color: rgb(126 58 242 / var(--tw-bg-opacity));
}
.bg-gray-200 {
@@ -1551,16 +1546,16 @@ input:checked + .toggle-bg {
padding-right: 1rem;
}
-.py-3 {
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
-}
-
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
+.py-3 {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+}
+
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
@@ -1581,22 +1576,22 @@ input:checked + .toggle-bg {
padding-right: 0.5rem;
}
-.pr-4 {
- padding-right: 1rem;
-}
-
.pl-3 {
padding-left: 0.75rem;
}
-.pb-8 {
- padding-bottom: 2rem;
+.pr-4 {
+ padding-right: 1rem;
}
.pt-20 {
padding-top: 5rem;
}
+.pb-8 {
+ padding-bottom: 2rem;
+}
+
.pt-8 {
padding-top: 2rem;
}
@@ -1640,16 +1635,16 @@ input:checked + .toggle-bg {
line-height: 2.5rem;
}
-.text-base {
- font-size: 1rem;
- line-height: 1.5rem;
-}
-
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
+.text-base {
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
@@ -1851,6 +1846,11 @@ input:checked + .toggle-bg {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
+.hover\:text-blue-700:hover {
+ --tw-text-opacity: 1;
+ color: rgb(26 86 219 / var(--tw-text-opacity));
+}
+
.hover\:text-gray-900:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
@@ -1871,11 +1871,6 @@ input:checked + .toggle-bg {
color: rgb(75 85 99 / var(--tw-text-opacity));
}
-.hover\:text-blue-700:hover {
- --tw-text-opacity: 1;
- color: rgb(26 86 219 / var(--tw-text-opacity));
-}
-
.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
@@ -2089,19 +2084,14 @@ input:checked + .toggle-bg {
--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}
-.dark .dark\:focus\:ring-purple-900:focus {
- --tw-ring-opacity: 1;
- --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity));
-}
-
-.dark .dark\:focus\:ring-gray-900:focus {
+.dark .dark\:focus\:ring-gray-700:focus {
--tw-ring-opacity: 1;
- --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
+ --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
}
-.dark .dark\:focus\:ring-gray-700:focus {
+.dark .dark\:focus\:ring-purple-900:focus {
--tw-ring-opacity: 1;
- --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
+ --tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity));
}
@media (min-width: 640px) {
diff --git a/tailwind.config.js b/tailwind.config.js
index 109d3b3..a97ee3e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,7 +1,6 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["index.html", "./node_modules/flowbite/**/*.js"],
- darkMode: 'class',
theme: {
extend: {
colors: {