From 94480df84d9bb6b2f43ed31f76574ca67f3d3982 Mon Sep 17 00:00:00 2001
From: Dominik Hebeler <dominik@suma-ev.de>
Date: Mon, 22 Jul 2024 11:52:29 +0200
Subject: [PATCH] add a small gradient
---
metager/resources/less/metager/pages/startpage/tiles.less | 6 +++++-
metager/resources/less/metager/variables-dark.less | 2 ++
2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/metager/resources/less/metager/pages/startpage/tiles.less b/metager/resources/less/metager/pages/startpage/tiles.less
index 9ab89b381..0d396e175 100644
--- a/metager/resources/less/metager/pages/startpage/tiles.less
+++ b/metager/resources/less/metager/pages/startpage/tiles.less
@@ -83,7 +83,11 @@ div#tiles-container {
}
&.orange>div.image {
- background-color: fade(@metager-orange, 60%);
+ @gradient-from: fade(@metager-orange, 80%);
+ @gradient-to: darken(fade(@metager-orange, 80%), 1%);
+
+ background-color: @metager-orange;
+ background: linear-gradient(0deg, @gradient-from 0%, @gradient-to 100%);
}
>div.title {
diff --git a/metager/resources/less/metager/variables-dark.less b/metager/resources/less/metager/variables-dark.less
index 4b912f811..2a7224410 100644
--- a/metager/resources/less/metager/variables-dark.less
+++ b/metager/resources/less/metager/variables-dark.less
@@ -1,5 +1,7 @@
@import "./variables.less";
+@metager-orange: darken(#ff8000, 15%);
+
// Default Background Color
@background-color: @color-almost-black;
@background-color-mobile: @color-almost-black;
--
GitLab