force dark mode in Laravel Nova

This commit is contained in:
Benjamin Takats
2022-11-29 21:31:45 +01:00
parent ecdfb0b4b9
commit e907b1b6cb
8 changed files with 118 additions and 13 deletions

View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ \Laravel\Nova\Nova::rtlEnabled() ? 'rtl' : 'ltr' }}" class="h-full font-sans antialiased">
<head>
<meta name="theme-color" content="#fff">
<meta charset="utf-8">
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="viewport" content="width=device-width"/>
<meta name="locale" content="{{ str_replace('_', '-', app()->getLocale()) }}"/>
@include('nova::partials.meta')
<!-- Styles -->
<link rel="stylesheet" href="{{ mix('app.css', 'vendor/nova') }}">
@if ($styles = \Laravel\Nova\Nova::availableStyles(request()))
<!-- Tool Styles -->
@foreach($styles as $asset)
<link rel="stylesheet" href="{!! $asset->url() !!}">
@endforeach
@endif
<script>
document.documentElement.classList.add('dark');
</script>
</head>
<body class="min-w-site text-sm font-medium min-h-full text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-900">
@inertia
<div class="relative z-50">
<div id="notifications" name="notifications"></div>
</div>
<div>
<div id="dropdowns" name="dropdowns"></div>
<div id="modals" name="modals"></div>
</div>
<!-- Scripts -->
<script src="{{ mix('manifest.js', 'vendor/nova') }}"></script>
<script src="{{ mix('vendor.js', 'vendor/nova') }}"></script>
<script src="{{ mix('app.js', 'vendor/nova') }}"></script>
<!-- Build Nova Instance -->
<script>
const config = @json(\Laravel\Nova\Nova::jsonVariables(request()));
window.Nova = createNovaApp(config)
Nova.countdown()
</script>
@if ($scripts = \Laravel\Nova\Nova::availableScripts(request()))
<!-- Tool Scripts -->
@foreach ($scripts as $asset)
<script src="{!! $asset->url() !!}"></script>
@endforeach
@endif
<!-- Start Nova -->
<script defer>
Nova.liftOff()
</script>
</body>
</html>