Retropex/bitfeed
1
0
Fork 0
mirror of https://github.com/Retropex/bitfeed.git synced 2025-05-12 19:20:46 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Adjust colors

Browse Source
This commit is contained in:
Mononaut 2022-04-23 15:56:00 -06:00
parent a827ac036b
commit 9d3e5f79e0
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/MempoolLegend.svelte
View File

@ -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)
})

4
client/src/models/BitcoinTx.js
View File

@ -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 },

1
client/src/utils/color.js
View File

@ -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 }