<!DOCTYPE html>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="{{ asset('app.js') }}" defer></script>
<link rel="icon" href="/app/resources/images/favicon.{{ config('dark_mode') ? 'dark' : 'light' }}.png">

<link rel="stylesheet" href="{{ asset('app.css') }}">

<title>{% block title %}{% endblock %} &bull; Directory Lister</title>

<div id="app" class="flex flex-col min-h-screen font-mono {{ config('dark_mode') ? 'dark-mode' : '' }}">
    {% block content %}{% endblock %}
</div>

<!DOCTYPE html>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="{{ asset('app.js') }}" defer></script>
<link rel="icon" href="/app/resources/images/favicon.{{ config('dark_mode') ? 'dark' : 'light' }}.png">

<link rel="stylesheet" href="{{ asset('app.css') }}">

<title>{% block title %}{% endblock %} &bull; Directory Lister</title>

<div id="app" class="flex flex-col min-h-screen font-mono {{ config('dark_mode') ? 'dark-mode' : 'light-mode' }}">
    {% block content %}{% endblock %}
</div>

Add 'light-mode' class when not in dark mode
Add 'light-mode' class when not in dark mode
