isaacclad/ladill-queue
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Disable OS dark mode so Queue stays light-themed.
Deploy Ladill Queue / deploy (push) Successful in 26s
Details

Browse Source 
Use class-only Tailwind dark variant and color-scheme: light so the app shell ignores system dark preferences.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-29 20:58:14 +00:00
co-authored by Cursor
parent 6bb181bbc1
commit 660cc8d351
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+7
View File
@@ -1,6 +1,9 @@
@import 'tailwindcss'; @import 'tailwindcss';
@plugin '@tailwindcss/forms'; @plugin '@tailwindcss/forms';
/* Light UI only — ignore OS dark mode; dark: utilities require .dark on an ancestor. */
@custom-variant dark (&:where(.dark, .dark *));
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php'; @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php'; @source '../../storage/framework/views/*.php';
@source '../**/*.blade.php'; @source '../**/*.blade.php';
@@ -15,6 +18,10 @@
display: none !important; display: none !important;
} }
html {
color-scheme: light;
}
/* QR create/show: flush mobile action bar to the physical screen bottom (mobile only) */ /* QR create/show: flush mobile action bar to the physical screen bottom (mobile only) */
@media (max-width: 1023px) { @media (max-width: 1023px) {
.mobile-action-bar { .mobile-action-bar {
resources/views/components/app-layout.blade.php
+1 -1
View File
@@ -1,6 +1,6 @@
@props(['title' => 'Ladill Queue', 'heading' => null]) @props(['title' => 'Ladill Queue', 'heading' => null])
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="h-full"> <html lang="en" class="h-full light">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">