From: silverwind <me@silverwind.io>
Date: Fri, 13 Nov 2020 19:49:46 +0000 (+0100)
Subject: Make heatmap colors more distinct (#13533)
X-Git-Tag: v1.15.0-dev~677
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=3cd00c33cebf5651f2fdbc356783d1be0733ac71;p=gitea.git

Make heatmap colors more distinct (#13533)

* Make heatmap colors more distinct

Fixes: https://github.com/go-gitea/gitea/issues/13529

* use opaque colors

* make first color less opaque

Co-authored-by: techknowlogick <techknowlogick@gitea.io>
---

diff --git a/web_src/js/components/ActivityHeatmap.vue b/web_src/js/components/ActivityHeatmap.vue
index a9a6889514..1970cb609a 100644
--- a/web_src/js/components/ActivityHeatmap.vue
+++ b/web_src/js/components/ActivityHeatmap.vue
@@ -28,11 +28,11 @@ export default {
     isLoading: true,
     colorRange: [
       'var(--color-secondary-alpha-70)',
-      'var(--color-primary-alpha-60)',
-      'var(--color-primary-alpha-70)',
-      'var(--color-primary-alpha-80)',
-      'var(--color-primary-alpha-90)',
+      'var(--color-primary-light-4)',
+      'var(--color-primary-light-2)',
       'var(--color-primary)',
+      'var(--color-primary-dark-2)',
+      'var(--color-primary-dark-4)',
     ],
     endDate: new Date(),
     values: [],