diff options
author | marudor <marudor@marudor.de> | 2019-05-16 15:02:17 +0200 |
---|---|---|
committer | marudor <marudor@marudor.de> | 2019-05-16 15:04:08 +0200 |
commit | 5c2388d3a2092505aff9f7b2e78e561c4db65385 (patch) | |
tree | a4a469baef25b98c3a33125ac8a65334775c7ec8 /templates/landingpage.html.ep | |
parent | b85db3a10df32cb2648607c83d37160ac3ee8691 (diff) |
Add dark mode (only available with prefers-color-scheme currently)
Diffstat (limited to 'templates/landingpage.html.ep')
-rw-r--r-- | templates/landingpage.html.ep | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/templates/landingpage.html.ep b/templates/landingpage.html.ep index 725640a..dfe3361 100644 --- a/templates/landingpage.html.ep +++ b/templates/landingpage.html.ep @@ -2,7 +2,7 @@ % if (stash('error')) { <div class="row"> <div class="col s12"> - <div class="card red darken-4"> + <div class="card caution-color"> <div class="card-content white-text"> <span class="card-title">Backend-Fehler</span> <p><%= stash('error') %></p> @@ -18,7 +18,7 @@ %= include '_checked_in', journey => $status; % } % elsif ($status->{cancelled}) { - <div class="card yellow lighten-4"> + <div class="card info-color"> <div class="card-content"> <span class="card-title">Zugausfall dokumentieren</span> <p>Prinzipiell wärest du nun eingecheckt in @@ -47,20 +47,20 @@ </div> % } % else { - <div class="card grey darken-4"> - <div class="card-content white-text"> + <div class="card"> + <div class="card-content"> <span class="card-title">Hallo, <%= current_user()->{name} %>!</span> <p>Du bist gerade nicht eingecheckt.</p> <div class="geolocation"> - <button class="btn waves-effect waves-light btn-flat white">Stationen in der Umgebung abfragen</button> + <button class="btn waves-effect waves-light btn-flat">Stationen in der Umgebung abfragen</button> </div> %= form_for 'list_departures' => begin <div class="input-field"> - %= text_field 'station', id => 'station', class => 'autocomplete white-text', required => undef + %= text_field 'station', id => 'station', class => 'autocomplete contrast-color-text', required => undef <label for="station">Manuelle Eingabe (Name oder DS100)</label> </div> <div class="center-align"> - <button class="btn waves-effect waves-light btn-flat white" type="submit" name="action" value="departures"> + <button class="btn waves-effect waves-light btn-flat" type="submit" name="action" value="departures"> <i class="material-icons left">send</i> Abfahrten </button> |