From ff20368ac19e8158bae45168b280c2ec32bf592f Mon Sep 17 00:00:00 2001
From: Davide Aprea <davide@suma-ev.de>
Date: Thu, 22 Oct 2020 08:46:38 +0200
Subject: [PATCH] darkened input fields and buttons in dark mode
---
resources/less/metager/bs-variables.less | 4 ++--
resources/less/metager/general/forms.less | 5 +++++
resources/less/metager/parts/bitpay.less | 4 ++--
resources/less/metager/parts/button.less | 4 ++--
resources/less/metager/variables-dark.less | 5 ++++-
resources/less/metager/variables.less | 5 ++++-
6 files changed, 19 insertions(+), 8 deletions(-)
diff --git a/resources/less/metager/bs-variables.less b/resources/less/metager/bs-variables.less
index 140426856..96cbaff82 100644
--- a/resources/less/metager/bs-variables.less
+++ b/resources/less/metager/bs-variables.less
@@ -169,12 +169,12 @@
//##
//** `<input>` background color
-@input-bg: #fff;
+@input-bg: @input-background;
//** `<input disabled>` background color
@input-bg-disabled: @gray-lighter;
//** Text color for `<input>`s
-@input-color: @gray;
+@input-color: @input-text;
//** `<input>` border color
@input-border: #ccc;
diff --git a/resources/less/metager/general/forms.less b/resources/less/metager/general/forms.less
index 358e74a0f..ca63b1d74 100644
--- a/resources/less/metager/general/forms.less
+++ b/resources/less/metager/general/forms.less
@@ -105,6 +105,11 @@ output {
color: @input-color;
}
+#pubkey{
+ background-color: @input-bg;
+ color: @input-text;
+}
+
// Common form controls
//
diff --git a/resources/less/metager/parts/bitpay.less b/resources/less/metager/parts/bitpay.less
index e1ce9a01f..69baae7fb 100644
--- a/resources/less/metager/parts/bitpay.less
+++ b/resources/less/metager/parts/bitpay.less
@@ -4,8 +4,8 @@
border: 0;
}
.field-input {
- color: #666;
- background: #fff;
+ color: @input-text;
+ background: @input-bg;
border: 1px solid #eee;
height: 30px;
box-sizing: border-box;
diff --git a/resources/less/metager/parts/button.less b/resources/less/metager/parts/button.less
index d3fe30e00..8755c09f9 100644
--- a/resources/less/metager/parts/button.less
+++ b/resources/less/metager/parts/button.less
@@ -22,8 +22,8 @@
// Alternative buttons
.btn-default {
-color: #333;
-background-color: #ffffff;
+color: @input-text;
+background-color: @input-bg;
border-color: #ccc;
}
diff --git a/resources/less/metager/variables-dark.less b/resources/less/metager/variables-dark.less
index ea43ab34d..3db77f7a0 100644
--- a/resources/less/metager/variables-dark.less
+++ b/resources/less/metager/variables-dark.less
@@ -28,4 +28,7 @@
@story-font-color: @color-almost-white;
@icon-color:1;
-@searchbar-background-color: @color-almost-black;
\ No newline at end of file
+@searchbar-background-color: @color-almost-black;
+
+@input-background: @color-almost-black;
+@input-text: @color-almost-white;
\ No newline at end of file
diff --git a/resources/less/metager/variables.less b/resources/less/metager/variables.less
index 90be249ac..91eaf06ca 100644
--- a/resources/less/metager/variables.less
+++ b/resources/less/metager/variables.less
@@ -75,4 +75,7 @@ sans-serif;
@story-font-color:#474747;
@icon-color:0;
-@searchbar-background-color: white;
\ No newline at end of file
+@searchbar-background-color: white;
+
+@input-background:#fff;
+@input-text:#000;
\ No newline at end of file
--
GitLab