From 8ac0f2c1afded2714f33576f70663e14ecede56e Mon Sep 17 00:00:00 2001 From: Davide <davide@suma-ev.de> Date: Mon, 19 Oct 2020 10:39:18 +0200 Subject: [PATCH] added os dark mode awareness --- resources/views/layouts/resultPage.blade.php | 4 ++-- resources/views/layouts/staticPages.blade.php | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/resources/views/layouts/resultPage.blade.php b/resources/views/layouts/resultPage.blade.php index 6144841f2..6719031d2 100644 --- a/resources/views/layouts/resultPage.blade.php +++ b/resources/views/layouts/resultPage.blade.php @@ -22,8 +22,8 @@ <link href="/fonts/liberationsans/stylesheet.css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" /> <link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome-solid.css') }}" /> - <link type="text/css" rel="stylesheet alternate" href="{{ mix('css/themes/metager-dark.css') }}" title="MetaGer Dark"/> - <link type="text/css" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" title="MetaGer"/> + <link type="text/css" media="(prefers-color-scheme:dark)" rel="stylesheet" href="{{ mix('css/themes/metager-dark.css') }}" title="MetaGer Dark"/> + <link type="text/css" media="(prefers-color-scheme:light)" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" title="MetaGer"/> @endif <title>{{ $eingabe }} - MetaGer</title> <meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" /> diff --git a/resources/views/layouts/staticPages.blade.php b/resources/views/layouts/staticPages.blade.php index 16e63d595..89d6b8b05 100644 --- a/resources/views/layouts/staticPages.blade.php +++ b/resources/views/layouts/staticPages.blade.php @@ -26,8 +26,8 @@ @else <link rel="search" type="application/opensearchdescription+xml" title="{{ trans('staticPages.opensearch') }}" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), action('StartpageController@loadPlugin', ['key' => Cookie::get('key')])) }}"> @endif - <link type="text/css" rel="stylesheet alternate" href="{{ mix('css/themes/metager-dark.css') }}" title="MetaGer Dark"/> - <link type="text/css" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" title="MetaGer"/> + <link type="text/css" media="(prefers-color-scheme:dark)" rel="stylesheet" href="{{ mix('css/themes/metager-dark.css') }}" title="MetaGer Dark"/> + <link type="text/css" media="(prefers-color-scheme:light)" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" title="MetaGer"/> <link type="text/css" rel="stylesheet" href="{{ mix('css/utility.css') }}" /> <link href="/fonts/liberationsans/stylesheet.css" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" /> -- GitLab