Skip to content
Snippets Groups Projects
Commit a9c92dac authored by Davide Aprea's avatar Davide Aprea
Browse files

added dark mode design for /key

parent 1f4f4169
No related branches found
No related tags found
3 merge requests!1739Development,!1717Resolve "Major Startpage Redesign",!1713Resolve "Add setting to enable darkmode"
// Variables
@import "../variables-dark.less";
@import "../general/cards.less";
#key-site {
background-color:@background-color;
color:@text-color;
.section {
.card-medium;
margin: 8px 0;
.error {
color: red;
text-align: center;
font-weight: bold;
}
}
#form-wrapper {
margin-top: 8px;
form {
text-align: center;
}
}
#back-link {
text-align: center;
margin-top: 16px;
}
}
\ No newline at end of file
......@@ -2,6 +2,8 @@
@import "../variables.less";
@import "../general/cards.less";
#key-site {
background-color:@background-color;
color:@text-color;
.section {
.card-medium;
margin: 8px 0;
......
......@@ -3,7 +3,15 @@
@section('title', $title )
@section('content')
<link type="text/css" rel="stylesheet" href="{{ mix('/css/key.css') }}" />
@if(Cookie::get('dark_mode') === "2")
<link type="text/css" rel="stylesheet" href="{{ mix('css/key-dark.css') }}"/>
@elseif(Cookie::get('dark_mode') === "1")
<link type="text/css" rel="stylesheet" href="{{ mix('css/key.css') }}"/>
@else
<link type="text/css" rel="stylesheet" media="(prefers-color-scheme:dark)" href="{{ mix('css/key-dark.css') }}"/>
<link type="text/css" rel="stylesheet" media="(prefers-color-scheme:light)" href="{{ mix('css/key.css') }}"/>
@endif
<div id="key-site">
<div class="section">
<h1>{{ trans('key.h1')}}</h1>
......
......@@ -37,12 +37,12 @@ mix
.less("resources/less/font-awesome/solid.less", "public/css/fontawesome-solid.css", {
strictMath: true
})
.less(
"resources/less/metager/pages/key.less",
"public/css/key.css", {
.less("resources/less/metager/pages/key.less", "public/css/key.css", {
strictMath: true
}
)
})
.less("resources/less/metager/pages/key-dark.less", "public/css/key-dark.css", {
strictMath: true
})
.less("resources/less/utility.less", "public/css/utility.css", {
strictMath: true
})
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment