Ismael Canal
4.3K posts

Ismael Canal
@basiclines
Builder with Product Design & Front-end skills. Design Engineer at @github. Making @listy_is a little better everyday.
Santiago de Compostela, España Присоединился Ekim 2009
903 Подписки1.7K Подписчики
Закреплённый твит

🌸🌀🌟
just created ゆったり as a palette that has inspired me over the years. my website, most of the apps i use and all bits of technology are tinted by these colors.
read more & download ↓
yuttari.ramses.work




日本語

Did some small collab with Tiago here to make sure our color engine works nice on Windows, MacOS and Linux
Tiago Botelho@tiagonbotelho
/diff was the first feature I shipped on the Copilot CLI, so it warms my heart to see syntax highlighting land for it in the latest version 🔥
English


@jonathantrevno So tempted to do it Star Wars style but fell odd in context
English

@hmorneau @DerekLegenzoff Thanks! We just have an open PR with the fix applied. Hopefully will land during this week!
English

@DerekLegenzoff Anyone else what their copilot cli randomly changing color. I went from black to red. It's happening quite often right now.

English

We just shipped some improvements to gpt-5.4 and gpt-5.3-codex in the Copilot CLI. The models are now better at providing updates as they work and have better formatting for their final responses.
We have more updates planned too. If you have feedback on what else you'd like to see improved with these models, let us know!

English

@mattsilx You can actually check here:
github.com/basiclines/ram…
Supports rgb, lab and oklch interpolation
English

that’s basically what I do - rely on css vars so i can reassign them. e.g. text-base-11 / bg-base-4, then might tint via a utility that remaps the vars. So same element has same contrast regardless the hue being adopted. Curious about your formula for generating shades while keeping contrast consistent across hues.

English

@JohnPhamous @adrianmg Love it. How did you read Arc theme values?
English

@mattsilx Then your contrast "contract" is just to make sure you have enough steps between backgrounds and foregrounds. Testing is a bit trickier because accessibility will depend a lot on the theme picked, so you need to test accessibility on mass, like hundreds of themes
English

Interesting! Any reason for not using oklch? I've been calc()-ing over oklch values to derive a base color from a primary + secondary pair. But we're really solving the same problem: how do you enforce contrast and hierarchy rules? My current approach: a 12-step shade scale per color, with defined usage for each step range. But feel a better api is approachable...
English

@mattsilx actually the interpolation uses oklch, but instead of manually creating the shades, i just create them programatically and append a css style tag with them
English

@mattsilx I've been exploring ways to dramatically simplify theme definitions to just 8 colors: foreground/background/+6 hues (RGBCMY).
Then, interpolate each hue between FG/BG with different levels of depth. Use those colors in the components instead of the raw color values
English

@basiclines Been working on something very similar! Most systems nail assignment but completely miss that colors relate to each other. Blending that with component hierarchy is where it gets really hard. Curious to see your mental model!
English

Our new Color Engine is heavily inspired by the amazing work the Ghostty team did here:
x.com/mitchellh/stat…
Mitchell Hashimoto@mitchellh
Ghostty will now auto-generate a full, cohesive 256-color theme from just the base 16-color palette. This makes it significantly easier to make custom themes that are beautiful (just define 16 colors). See the demo below showing multiple themes fully generated. Thanks to Jake Stewart who contributed this to Ghostty and made a nice write-up explaining the background and approach: gist.github.com/jake-stewart/0…
English

@stuebe2k14 If you use a code block they should look the same, but beware of tighter widths
English

@willmcgugan We will make it better! Thx for the examples this is really helpful
English

@basiclines You're gonna hate me, and I wouldn't blame you.
The tables break when you crush them a bit. There is what i'm assuming is partial escape sequences.
The column width calculation is also sub-optimal (see video).



English




