mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 11:11:10 -05:00
the dark mode fix is in
This commit is contained in:
@@ -6,7 +6,22 @@
|
||||
.btn-primary {
|
||||
@apply inline-flex items-center px-6 py-2.5 border border-transparent rounded-full shadow-md text-sm font-medium text-white bg-gradient-to-r from-primary to-secondary hover:from-primary/90 hover:to-secondary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/50 transform hover:scale-105 transition-all;
|
||||
}
|
||||
/* Default icon style (moon icon) */
|
||||
#theme-toggle+.theme-toggle-btn i::before {
|
||||
content: "\f186";
|
||||
/* Moon icon */
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
/* Solid icon */
|
||||
}
|
||||
|
||||
/* Change to sun icon and color when checkbox is checked */
|
||||
#theme-toggle:checked+.theme-toggle-btn i::before {
|
||||
content: "\f185";
|
||||
/* Sun icon */
|
||||
color: theme('colors.yellow.400');
|
||||
/* Tailwind yellow-400 color */
|
||||
}
|
||||
.btn-secondary {
|
||||
@apply inline-flex items-center px-6 py-2.5 border border-gray-200 dark:border-gray-700 rounded-full shadow-md text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary/50 transform hover:scale-105 transition-all;
|
||||
}
|
||||
@@ -137,6 +152,6 @@
|
||||
|
||||
/* Turnstile Widget */
|
||||
.turnstile {
|
||||
@apply flex justify-center items-center my-4;
|
||||
@apply flex items-center justify-center my-4;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user