WallyHackenslacker/mainty
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: integrate dark mode toggle on auth and setup views

Browse Source
This commit is contained in:
Wally Hackenslacker
2026-05-01 15:11:28 -04:00
parent 09565eb3d6
commit df7baa8276
2 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/login.php
+7 -5
View File
@@ -6,10 +6,11 @@
<title><?php echo APP_NAME; ?> - Login</title> <title><?php echo APP_NAME; ?> - Login</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<?php $themeSection = 'head'; include __DIR__ . '/partials/theme.php'; ?>
</head> </head>
<body class="bg-gray-100 min-h-screen flex items-center justify-center"> <body class="theme-page min-h-screen flex items-center justify-center">
<div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md"> <div class="theme-surface p-8 rounded-lg shadow-md w-full max-w-md">
<h1 class="text-3xl font-bold text-gray-800 mb-6 text-center"><?php echo APP_NAME; ?></h1> <h1 class="text-3xl font-bold theme-text mb-6 text-center"><?php echo APP_NAME; ?></h1>
<?php if (isset($_SESSION['error'])): ?> <?php if (isset($_SESSION['error'])): ?>
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4"> <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
@@ -25,9 +26,9 @@
<form method="POST" action="<?php echo url('/login'); ?>" class="space-y-4"> <form method="POST" action="<?php echo url('/login'); ?>" class="space-y-4">
<div> <div>
<label for="password" class="block text-sm font-medium text-gray-700 mb-1">Password</label> <label for="password" class="block text-sm font-medium theme-text mb-1">Password</label>
<input type="password" id="password" name="password" required autofocus <input type="password" id="password" name="password" required autofocus
class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" class="w-full px-3 py-2 border border-gray-300 theme-input theme-border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
placeholder="Enter your password"> placeholder="Enter your password">
</div> </div>
@@ -37,5 +38,6 @@
</button> </button>
</form> </form>
</div> </div>
<?php $themeSection = 'body'; include __DIR__ . '/partials/theme.php'; ?>
</body> </body>
</html> </html>
views/setup.php
+9 -7
View File
@@ -6,10 +6,11 @@
<title><?php echo APP_NAME; ?> - Setup</title> <title><?php echo APP_NAME; ?> - Setup</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<?php $themeSection = 'head'; include __DIR__ . '/partials/theme.php'; ?>
</head> </head>
<body class="bg-gray-100 min-h-screen flex items-center justify-center"> <body class="theme-page min-h-screen flex items-center justify-center">
<div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md"> <div class="theme-surface p-8 rounded-lg shadow-md w-full max-w-md">
<h1 class="text-3xl font-bold text-gray-800 mb-6 text-center"><?php echo APP_NAME; ?> Setup</h1> <h1 class="text-3xl font-bold theme-text mb-6 text-center"><?php echo APP_NAME; ?> Setup</h1>
<?php if (isset($_SESSION['error'])): ?> <?php if (isset($_SESSION['error'])): ?>
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4"> <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
@@ -54,16 +55,16 @@
<?php else: ?> <?php else: ?>
<form method="POST" action="<?php echo url('/setup'); ?>" class="space-y-4"> <form method="POST" action="<?php echo url('/setup'); ?>" class="space-y-4">
<div> <div>
<label for="password" class="block text-sm font-medium text-gray-700 mb-1">Create Password</label> <label for="password" class="block text-sm font-medium theme-text-muted mb-1">Create Password</label>
<input type="password" id="password" name="password" required <input type="password" id="password" name="password" required
class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" class="w-full px-3 py-2 border border-gray-300 theme-input theme-border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
placeholder="Enter password (min 6 characters)"> placeholder="Enter password (min 6 characters)">
</div> </div>
<div> <div>
<label for="confirm_password" class="block text-sm font-medium text-gray-700 mb-1">Confirm Password</label> <label for="confirm_password" class="block text-sm font-medium theme-text-muted mb-1">Confirm Password</label>
<input type="password" id="confirm_password" name="confirm_password" required <input type="password" id="confirm_password" name="confirm_password" required
class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" class="w-full px-3 py-2 border border-gray-300 theme-input theme-border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
placeholder="Confirm password"> placeholder="Confirm password">
</div> </div>
@@ -74,5 +75,6 @@
</form> </form>
<?php endif; ?> <?php endif; ?>
</div> </div>
<?php $themeSection = 'body'; include __DIR__ . '/partials/theme.php'; ?>
</body> </body>
</html> </html>