From 3aeb83b8a7b1cb8ef8b3244cd569b62474904879 Mon Sep 17 00:00:00 2001
From: ataylorme <andrew.taylor@fox.com>
Date: Thu, 22 Oct 2020 14:21:35 -0700
Subject: [PATCH] Add suport for fourth, pink skill tree

---
 src/components/VaultHunter/index.css | 3 +++
 src/components/VaultHunter/index.js  | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/VaultHunter/index.css b/src/components/VaultHunter/index.css
index 403690e..747f28f 100644
--- a/src/components/VaultHunter/index.css
+++ b/src/components/VaultHunter/index.css
@@ -147,6 +147,9 @@
 .red {
   --themeHue: 18;
 }
+.pink {
+  --themeHue: 325;
+}
 
 a {
   color: inherit;
diff --git a/src/components/VaultHunter/index.js b/src/components/VaultHunter/index.js
index b769357..5fcfd8b 100644
--- a/src/components/VaultHunter/index.js
+++ b/src/components/VaultHunter/index.js
@@ -60,7 +60,7 @@ export default class VaultHunter extends Component {
     const trees =
       Object.keys(this.state.skills).map((treeName, treeIndex) => {
         return (
-          <div class={`${style.tree} ${[style.green, style.blue, style.red][treeIndex]}`}>
+          <div class={`${style.tree} ${[style.green, style.blue, style.red, style.pink][treeIndex]}`}>
             <style>{`.${style.tree}:nth-child(${treeIndex + 1}) { --invested: ${this.state.invested[treeIndex]}; --treeindex: ${treeIndex};}`}</style>
             <h2 class={style.treeName}>{ treeName }</h2>
             <div class={style.skills}>