Add suport for fourth, pink skill tree

This commit is contained in:
ataylorme 2020-10-22 14:21:35 -07:00
parent 29d6c4cc8a
commit 3aeb83b8a7
2 changed files with 4 additions and 1 deletions

View file

@ -147,6 +147,9 @@
.red { .red {
--themeHue: 18; --themeHue: 18;
} }
.pink {
--themeHue: 325;
}
a { a {
color: inherit; color: inherit;

View file

@ -60,7 +60,7 @@ export default class VaultHunter extends Component {
const trees = const trees =
Object.keys(this.state.skills).map((treeName, treeIndex) => { Object.keys(this.state.skills).map((treeName, treeIndex) => {
return ( 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> <style>{`.${style.tree}:nth-child(${treeIndex + 1}) { --invested: ${this.state.invested[treeIndex]}; --treeindex: ${treeIndex};}`}</style>
<h2 class={style.treeName}>{ treeName }</h2> <h2 class={style.treeName}>{ treeName }</h2>
<div class={style.skills}> <div class={style.skills}>