From 0bd7ea9429ac3d6d3344f097fdef00ced94fd885 Mon Sep 17 00:00:00 2001 From: Michael Geers Date: Wed, 4 May 2022 05:44:24 +0200 Subject: [PATCH] Refine new ui; contrasts, legibility, logo in nightly, reduced margins on mobile (#3318) --- assets/css/app.css | 4 +++ .../components/Energyflow/Visualization.vue | 2 +- assets/js/components/Footer.vue | 2 +- assets/js/components/LabelAndValue.vue | 8 ++++- assets/js/components/Loadpoints.vue | 2 +- assets/js/components/TargetCharge.vue | 4 +-- assets/js/components/Vehicle.vue | 2 ++ assets/js/components/VehicleStatus.vue | 2 +- assets/js/components/Version.vue | 5 +-- ...{index.94c74e6c.css => index.9aa9be50.css} | 2 +- .../{index.9c0e6ab3.js => index.eb012e12.js} | 34 +++++++++---------- dist/index.html | 4 +-- 12 files changed, 42 insertions(+), 29 deletions(-) rename dist/assets/{index.94c74e6c.css => index.9aa9be50.css} (92%) rename dist/assets/{index.9c0e6ab3.js => index.eb012e12.js} (86%) diff --git a/assets/css/app.css b/assets/css/app.css index 5c6faa575..c7063c161 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -17,6 +17,7 @@ --evcc-yellow: #faf000; --bs-gray-dark: #28293e; --bs-gray-medium: #93949e; + --bs-gray-light: #b5b6c3; --evcc-grid: var(--bs-gray-dark); --evcc-self: var(--evcc-dark-green); @@ -125,6 +126,9 @@ a { .text-gray-medium { color: var(--bs-gray-medium); } +.text-gray-light { + color: var(--bs-gray-light); +} .bg-dark { background-color: var(--bs-gray-dark) !important; } diff --git a/assets/js/components/Energyflow/Visualization.vue b/assets/js/components/Energyflow/Visualization.vue index d84e0bad8..c75a57245 100644 --- a/assets/js/components/Energyflow/Visualization.vue +++ b/assets/js/components/Energyflow/Visualization.vue @@ -220,7 +220,7 @@ export default { } .self-consumption { background-color: var(--evcc-self); - color: var(--bs-white); + color: var(--bs-dark); } .pv-export { background-color: var(--evcc-export); diff --git a/assets/js/components/Footer.vue b/assets/js/components/Footer.vue index d6127955f..7e498a155 100644 --- a/assets/js/components/Footer.vue +++ b/assets/js/components/Footer.vue @@ -1,6 +1,6 @@