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 @@