Nostr Web Client

Yeah, you just need to make sure that you support 256+ color terminals and then create some way to define a theme in a single file and have some theme picker in the TUI (or at least in config file). It's ok if it's ansi codes, etc.

If you want to go fancy you could also support CSS style colors (#abc, #aabbcc, rgb(0,0,255)), that would increase the number of people willing to create a theme for you 😃

I can do a quick theme for you if I have time and if you have easy way to create the theme 😉

nout 10mo ago

Oh and just btw, check out https://github.com/charmbracelet/bubbletea for some cool tricks you can do with TUI in Go.

You can do some cool things with it like this markdown reader:

?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NDA5NTU0NTMsIm5iZiI6MTc0MDk1NTE1MywicGF0aCI6Ii8yNTA4Ny8zNjEwMzQyODUtYzIyNDYzNjYtZjg0Yi00ODQ3LWI0MzEtMzJhNjFjYTA3Yjc0LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAzMDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMzAyVDIyMzkxM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThkZjVmNmQ0OWU1MTNmZTlhOGQyNWZiMWJiZjllNGIwMzA5YWFlZmRmODcxYTZmNTFmNTY5OTA2ZjdhZTE5YzEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.iHCp6OjVzMUL1hvgupgbw6nljSR_AgBx9li1lspvHJc

Reply to this note

Please Login to reply.

Discussion

cloud fodder 10mo ago

this bubble library 👀

so jus send me, foreground, background, highlight.. there are v few setting rn so its ez 😁 if u want. github or here

mister_monster 10mo ago

Ysk bubbletea has some limitations, minimum terminal size and some stuff. I like it, but keeping it simple was what I decided on in the end for a project I have on the back burner, which is also a TUI nostr client.

nout 10mo ago

Ok, I'll post the hexdec version, but it's easy to translate to rgb() if you need:

The default colors

bg: #141414 (apply this bg also on the characters that do borders)

fg: #c6c6c6 (most of foreground text, unless highlighted)

Line highlight bg: #1b1b1b (this can also be applied to the header)

Line highlight fg: #ffffff

The main fg color to highlight actions: I like this orange-yellow: #ffaf00

Style borders separately

border bg: #141414 (match overall bg)

border fg: #444444

border font fg: #666666 (I like this actually somewhat faded, you could even keep it at #444444)

You can also do round corners for borders

lefttop = ╭

righttop = ╮

leftbottom = ╰

rightbottom = ╯

topmiddle = ┬

bottommiddle = ┴

leftmiddle = ├

rightmiddle = ┤

cross = ┼