Add dark mode [db]

2018-08-06 08:01:00 +02:00
parent fabc3ad24e
commit 9fd6890667
17 changed files with 117 additions and 10 deletions
@@ -31,7 +31,7 @@
            </form>
          </div>

-          <div class="card-footer bg-white">
+          <div class="card-footer auth-footer">
            <div class="form-group row mb-0">
              <span class="col-md-4 col-form-label text-md-right text-muted">…or authenticate with</span>

@@ -37,7 +37,7 @@
            </form>
          </div>

-          <div class="card-footer bg-white text-muted">
+          <div class="card-footer auth-footer text-muted">
            You can also register by logging in with
            <a href="{{route('oauth-google-authorize')}}">Google</a>,
            <a href="{{route('oauth-github-authorize')}}">GitHub</a>,
@@ -14,7 +14,7 @@
  <script src="{{ asset('js/app.js') }}" defer></script>

  <!-- Styles -->
-  <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+  <link href="{{ dark_mode() ? asset('css/app-dark.css') : asset('css/app.css') }}" rel="stylesheet">
  <link href="{{ asset('fonts/fa-dtbl-1.css') }}" rel="stylesheet">
 </head>
 <body>
@@ -1,9 +1,9 @@
 {{-- Global navbar --}}

-<nav class="navbar navbar-expand-md navbar-light page-navbar">
+<nav class="navbar navbar-expand-md navbar-{{ dark_mode() ? 'dark' : 'light' }} page-navbar">
  <div class="container">
    <a class="navbar-brand" href="{{ route('dash') }}" aria-label="Go to Dashboard">
-      <img src="/images/logo.svg" aria-hidden=true alt="LOGO" height="32px" style="margin: -10px 0" class="mr-2">{{--
+      <img src="/images/logo{{ dark_mode() ? '-dark' : '' }}.svg" aria-hidden=true alt="LOGO" height="32px" style="margin: -10px 0" class="mr-2">{{--
      --}}datatable.directory
    </a>

@@ -16,6 +16,11 @@
        <a href="'.e(route('profile.edit')).'">profile settings</a> page.
        ', 'text-muted', false) !!}
    </div>
+    <div class="col-md-10 mt-3">
+      {!! Widget::header(2, 'General') !!}
+      {!! Widget::checkbox('dark_mode', 'Use Dark Mode')->value($user->dark_mode) !!}
+    </div>
+

    <div class="col-md-10 mt-3">
      {!! Widget::header(2, 'Identifiers') !!}