Skip to content

Added liquid color theme.#631

Open
Randy808 wants to merge 1 commit into
Blockstream:masterfrom
Randy808:color-themes
Open

Added liquid color theme.#631
Randy808 wants to merge 1 commit into
Blockstream:masterfrom
Randy808:color-themes

Conversation

@Randy808

Copy link
Copy Markdown
Collaborator

To run locally, npm install and use the following snippets:

# Bitcoin
export API_URL=https://blockstream.info/api
export PORT=4999
source flavors/blockstream/config.env
source flavors/bitcoin-mainnet/config.env
npm run dev-server
# Liquid
export API_URL=https://blockstream.info/liquid/api
export PORT=5000
source flavors/blockstream/config.env
source flavors/liquid-mainnet/config.env
npm run dev-server

@Randy808 Randy808 self-assigned this Jun 22, 2026
@Randy808

Copy link
Copy Markdown
Collaborator Author

Also requesting review from @sprihozhiy. I'm currently not able to add him to the list of reviewers

@Randy808 Randy808 force-pushed the color-themes branch 2 times, most recently from 42ecab9 to 3a048e8 Compare June 23, 2026 01:10
</div>
<h1 className="table-header-title">Latest Blocks</h1>
</div>
{!blocks ? (

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Moving the load rendering check up here fixes a divergence with blockstream.info that was causing the unconditional render of the table, which moved the loading icon to the table's body

text-align: center;
font-size: 14px;
line-height: 2.4;
left: 0px;

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added the left: 0px as a small fix for the misaligned banner in test networks.

Before:

Image

After:

Image

Comment thread client/src/views/network-selection.js
@FedOken

FedOken commented Jun 24, 2026

Copy link
Copy Markdown
Collaborator

/explorer-api page this page styled for Bitcoin only, are there plans to update them for other versions?

@Randy808

Copy link
Copy Markdown
Collaborator Author

@FedOken I'm not sure but we can ask

@sprihozhiy

Copy link
Copy Markdown
Contributor

@Randy808 , I’m not sure which Figma screen you’re using. I looked at the file you shared with me and noticed some minor discrepancies compared to the original design. I guess the design team will ask for updates anyway.

Screenshot 2026-06-24 at 10 30 44 AM Screenshot 2026-06-24 at 10 30 55 AM Screenshot 2026-06-24 at 10 33 25 AM Screenshot 2026-06-24 at 10 34 21 AM

@sprihozhiy

Copy link
Copy Markdown
Contributor
Screenshot 2026-06-24 at 10 39 42 AM Screenshot 2026-06-24 at 10 39 59 AM

@sprihozhiy

sprihozhiy commented Jun 24, 2026

Copy link
Copy Markdown
Contributor

As for the color theme, the colors look good. All the values have been applied correctly.

@Randy808

Copy link
Copy Markdown
Collaborator Author

I mentioned to @sprihozhiy on Slack that this PR is specifically for the color theme.

The styles are not finalized and have continued to change, so I don’t think this PR should be blocked on visual details that are still in flux. I’m happy to accommodate design updates where practical, but the priority right now is to get the core changes into master so we can deploy to staging and begin broader functional QA.

Remaining visual discrepancies can be reviewed with the design team before release and handled as follow-up styling changes as needed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants