diff --git a/client/src/components/MempoolLegend.svelte b/client/src/components/MempoolLegend.svelte index ec7bb85..eb16150 100644 --- a/client/src/components/MempoolLegend.svelte +++ b/client/src/components/MempoolLegend.svelte @@ -5,10 +5,11 @@ import { numberFormat } from '../utils/format.js' import { logTxSize, byteTxSize } from '../utils/misc.js' import { interpolateHcl } from 'd3-interpolate' import { color, hcl } from 'd3-color' -import { hlToHex, orange, teal, green, purple } from '../utils/color.js' +import { hlToHex, orange, teal, blue, green, purple } from '../utils/color.js' const orangeHex = hlToHex(orange) const tealHex = hlToHex(teal) +const blueHex = hlToHex(blue) const greenHex = hlToHex(green) const purpleHex = hlToHex(purple) @@ -42,7 +43,7 @@ resize() onMount(() => { resize() - colorScale = generateColorScale(orangeHex, tealHex) + colorScale = generateColorScale(orangeHex, blueHex) feeColorScale = generateColorScale(tealHex, purpleHex) }) diff --git a/client/src/models/BitcoinTx.js b/client/src/models/BitcoinTx.js index 2e3ceea..3fcf78d 100644 --- a/client/src/models/BitcoinTx.js +++ b/client/src/models/BitcoinTx.js @@ -1,7 +1,7 @@ import TxView from './TxView.js' import config from '../config.js' import { subsidyAt } from '../utils/bitcoin.js' -import { mixColor, pink, bluegreen, orange, teal, green, purple } from '../utils/color.js' +import { mixColor, pink, bluegreen, orange, teal, blue, green, purple } from '../utils/color.js' export default class BitcoinTx { constructor (data, vertexArray, isCoinbase = false) { @@ -89,7 +89,7 @@ export default class BitcoinTx { this.colors = { age: { block: { color: orange }, - pool: { color: orange, endColor: teal, duration: 60000 }, + pool: { color: orange, endColor: blue, duration: 60000 }, }, fee: { block: { color: feeColor }, diff --git a/client/src/utils/color.js b/client/src/utils/color.js index 1e8d0b3..efe1f08 100644 --- a/client/src/utils/color.js +++ b/client/src/utils/color.js @@ -16,6 +16,7 @@ export const pink = { h: 0.03, l: 0.35 } export const bluegreen = { h: 0.45, l: 0.4 } export const orange = { h: 0.181, l: 0.472 } export const teal = { h: 0.475, l: 0.55 } +export const blue = { h: 0.5, l: 0.55 } export const green = { h: 0.37, l: 0.35 } export const purple = { h: 0.95, l: 0.35 }