use opaque colors

Author: silverwind

web_src/js/components/ActivityHeatmap.vue

@@ -27,12 +27,12 @@ export default {
   data: () => ({
     isLoading: true,
     colorRange: [
-      'var(--color-secondary-alpha-70)',
-      'var(--color-primary-alpha-30)',
-      'var(--color-primary-alpha-40)',
-      'var(--color-primary-alpha-60)',
-      'var(--color-primary-alpha-80)',
+      'var(--color-secondary)',
+      '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: [],