From 16245701e0f3695870efa3ce05a3ae95e8ba014f Mon Sep 17 00:00:00 2001
From: krateng <git.noreply@krateng.ch>
Date: Mon, 23 Oct 2023 01:45:50 +0200
Subject: [PATCH] More CSS color variables

---
 maloja/web/static/css/maloja.css | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/maloja/web/static/css/maloja.css b/maloja/web/static/css/maloja.css
index 4766a20..18abe3a 100644
--- a/maloja/web/static/css/maloja.css
+++ b/maloja/web/static/css/maloja.css
@@ -1,9 +1,13 @@
 @import url("/grisons.css");
 
 :root {
-    --color-diamond: 103, 161, 253;
-    --color-platinum: 229, 228, 226;
-    --color-gold: 255,215,0;
+    --color-certified-diamond: 103, 161, 253;
+    --color-certified-platinum: 229, 228, 226;
+    --color-certified-gold: 255, 215, 0;
+
+    --color-rank-gold: var(--color-certified-gold);
+    --color-rank-silver: 192, 192, 192;
+    --color-rank-bronze: 205, 127, 50;
 }
 
 body {
@@ -29,13 +33,13 @@ body.certified {
 
 
 .certified_diamond {
-    --shine_color: var(--color-diamond);
+    --shine_color: var(--color-certified-diamond);
 }
 .certified_platinum{
-    --shine_color: var(--color-platinum);
+    --shine_color: var(--color-certified-platinum);
 }
 .certified_gold {
-    --shine_color: var(--color-gold);
+    --shine_color: var(--color-certified-gold);
 }
 
 body.certified .top_info .image div {
@@ -550,13 +554,13 @@ h2.headerwithextra+span.afterheader {
 
 
 .shiny.gold {
-	background-color:gold;
+	background-color: rgba(var(--color-rank-gold),1);
 }
 .shiny.silver {
-	background-color:silver;
+	background-color: rgba(var(--color-rank-silver),1);
 }
 .shiny.bronze {
-	background-color:#cd7f32;
+	background-color: rgba(var(--color-rank-bronze),1);
 }
 
 @keyframes shiny {