<!DOCTYPE html>
<html>
    <head>
        <title>{{ title }}</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
        <style>
            html {
                background-color: #181a1b !important;
                margin: 10px;
            }
            html {
                color-scheme: dark !important;
            }
            html, body, input, textarea, select, button, dialog {
                background-color: #181a1b;
            }
            html, body, input, textarea, select, button {
                border-color: #736b5e;
                color: #e8e6e3;
            }
            a {
                color: #3391ff;
            }
            table {
                border-color: #545b5e;
            }
            ::placeholder {
                color: #b2aba1;
            }
            input:-webkit-autofill,
            textarea:-webkit-autofill,
            select:-webkit-autofill {
                background-color: #404400 !important;
                color: #e8e6e3 !important;
            }
            ::-webkit-scrollbar {
                background-color: #202324;
                color: #aba499;
            }
            ::-webkit-scrollbar-thumb {
                background-color: #454a4d;
            }
            ::-webkit-scrollbar-thumb:hover {
                background-color: #575e62;
            }
            ::-webkit-scrollbar-thumb:active {
                background-color: #484e51;
            }
            ::-webkit-scrollbar-corner {
                background-color: #181a1b;
            }
            * {
                scrollbar-color: #454a4d #202324;
            }
            ::selection {
                background-color: #004daa !important;
                color: #e8e6e3 !important;
            }
            ::-moz-selection {
                background-color: #004daa !important;
                color: #e8e6e3 !important;
            }
            input[type="text"], input[type="text"]:focus, input[type="password"], input[type="password"]:focus, input[type="email"], input[type="email"]:focus {
                background-color: #202324 !important;
                color: #e8e6e3;
            }
            form {
                outline: 1px solid grey; 
                padding: 20px;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            .err-banner {
                background-color: #AA0000;
                padding: 20px;
                margin-bottom: 10px;
                width: 15%;
            }
            .modal-content {
                background-color: #181a1b;
            }
        </style>
    </head>
    <body>
    {% include "core/templates/widgets/topbar.jinja" %}
    {% block content %}
    <h1>{{ server_name }}</h1>
    {% endblock content %}
    </body>
</html>