From f005e91f0b32e6eaba77929027d7b410ceef283c Mon Sep 17 00:00:00 2001
From: Aria Givi <aria@pc-karl.fritz.box>
Date: Thu, 27 Feb 2020 09:51:07 +0100
Subject: [PATCH] adjusted styles for dark mode
---
package-lock.json | 4 ++--
resources/less/metager/general/cards.less | 2 +-
resources/less/metager/general/specific.less | 2 +-
resources/less/metager/pages/help_faq.less | 2 +-
resources/less/metager/variables-dark.less | 1 +
resources/less/metager/variables.less | 1 +
resources/views/widget/widget.blade.php | 2 +-
7 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 2a3cc32cf..f3441075d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2088,7 +2088,7 @@
"cross-spawn": {
"version": "6.0.5",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
- "integrity": "sha1-Sl7Hxk364iw6FBJNus3uhG2Ay8Q=",
+ "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
"dev": true,
"requires": {
"nice-try": "^1.0.4",
@@ -5758,7 +5758,7 @@
"nice-try": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
- "integrity": "sha1-ozeKdpbOfSI+iPybdkvX7xCJ42Y=",
+ "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
"dev": true
},
"no-case": {
diff --git a/resources/less/metager/general/cards.less b/resources/less/metager/general/cards.less
index 9821c419a..248391b58 100644
--- a/resources/less/metager/general/cards.less
+++ b/resources/less/metager/general/cards.less
@@ -1,7 +1,7 @@
.card,
.card-medium {
border: 1px solid #ccc;
- background-color: white;
+ background-color: @card-background-color;
box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
padding: 8px;
margin: 4px;
diff --git a/resources/less/metager/general/specific.less b/resources/less/metager/general/specific.less
index 1a00e3594..028c84540 100644
--- a/resources/less/metager/general/specific.less
+++ b/resources/less/metager/general/specific.less
@@ -4,7 +4,7 @@
.form-group {
font-family: sans-serif;
font-size: 1em;
- color: @color-black;
+ color: @text-color;
background-color: transparent;
text-align: center;
}
diff --git a/resources/less/metager/pages/help_faq.less b/resources/less/metager/pages/help_faq.less
index 4e4f0d963..40d590a0d 100644
--- a/resources/less/metager/pages/help_faq.less
+++ b/resources/less/metager/pages/help_faq.less
@@ -14,7 +14,7 @@
}
.search-example {
border: 1px solid #aaa;
- background-color: #eee;
+ background-color: @background-color;
border-radius: 5px;
padding: 10px;
}
diff --git a/resources/less/metager/variables-dark.less b/resources/less/metager/variables-dark.less
index ab866b109..cda46be15 100644
--- a/resources/less/metager/variables-dark.less
+++ b/resources/less/metager/variables-dark.less
@@ -2,6 +2,7 @@
@import "./variables.less";
// Default Background Color
+@card-background-color: @color-strong-grey;
@background-color: @color-almost-black;
@background-color-mobile: @color-almost-black;
@sidebar-list-hover-color: @color-strong-grey;
diff --git a/resources/less/metager/variables.less b/resources/less/metager/variables.less
index 85294b684..ade380088 100644
--- a/resources/less/metager/variables.less
+++ b/resources/less/metager/variables.less
@@ -10,6 +10,7 @@
@color-black: black;
// Default Background Color
@background-color: white;
+@card-background-color: @background-color;
@background-color-mobile: #FAFAFA;
@sidebar-list-hover-color: @color-almost-white;
// Default Font
diff --git a/resources/views/widget/widget.blade.php b/resources/views/widget/widget.blade.php
index 64fbb43fa..059d80cb0 100644
--- a/resources/views/widget/widget.blade.php
+++ b/resources/views/widget/widget.blade.php
@@ -6,7 +6,7 @@
<h1 class="page-title">{{ trans('widget.head') }}</h1>
<div class="card-medium">
<p>{{ trans('widget.body.1') }}</p>
- <p id="widgetLinks" class="btn-group"><a class="btn btn-default mutelink" href="websearch/">{{ trans('widget.body.2') }}</a><a class="btn btn-default mutelink" href="sitesearch/">{{ trans('widget.body.3') }}</a></p>
+ <p id="widgetLinks" class="btn-group"><a class="btn btn-default" href="websearch/">{{ trans('widget.body.2') }}</a><a class="btn btn-default" href="sitesearch/">{{ trans('widget.body.3') }}</a></p>
<p>{{ trans('widget.body.4') }}</p>
</div>
@endsection
--
GitLab