From 7cc456724513da27d1abac9e9af03a1cefd91fc3 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Thu, 7 Nov 2019 21:39:09 -0500
Subject: [PATCH] [O] Optimize color representation

---
 .../overall/overall-line/overall-line.ts      | 24 ++++---------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/src/pages/overall/overall-line/overall-line.ts b/src/pages/overall/overall-line/overall-line.ts
index 1d91753..d764981 100644
--- a/src/pages/overall/overall-line/overall-line.ts
+++ b/src/pages/overall/overall-line/overall-line.ts
@@ -56,44 +56,28 @@ export default class OverallLine extends Vue
                     [
                         {
                             yAxis: 20000,
-                            itemStyle:
-                            {
-                                color: 'rgb(230,253,255)',
-                                opacity: 0.1
-                            }
+                            itemStyle: {color: 'rgba(230,253,255,0.1)'}
                         }, {yAxis: 100}
                     ],
                     // 80 to 100
                     [
                         {
                             yAxis: 100,
-                            itemStyle:
-                            {
-                                color: 'rgb(241,255,237)',
-                                opacity: 0.1
-                            }
+                            itemStyle: {color: 'rgba(241,255,237,0.1)'}
                         }, {yAxis: 80}
                     ],
                     // 70 to 80
                     [
                         {
                             yAxis: 80,
-                            itemStyle:
-                            {
-                                color: 'rgb(255,244,213)',
-                                opacity: 0.1
-                            }
+                            itemStyle: {color: 'rgba(255,244,213,0.1)'}
                         }, {yAxis: 70}
                     ],
                     // Below 70 (Fail)
                     [
                         {
                             yAxis: 70,
-                            itemStyle:
-                            {
-                                color: 'rgb(255,190,184)',
-                                opacity: 0.1
-                            }
+                            itemStyle: {color: 'rgb(255,190,184, 0.1)'}
                         }, {yAxis: -1000}
                     ]
                 ]