Syntax Bytes with CJ - CSS Battles | Working on Tauri App and Syntax.fm

In this live stream CJ solves some CSS battles and then works on a Tauri / Rust / Svelte app (the Syntax Production Assistant) and Syntax.fm (a SvelteKit App).
00:00:00 Live Stream
cssbattle.dev/...
cssbattle.dev/...
v2.tauri.app/
------------------------------------------------------------------------------
Hit us up on Socials!
www.syntax.fm/...
Brought to you by Sentry - Use code "tastytreats" to get 2 months free - sentry.io/syntax
#css #rust #typescript

[@matiasfacio1988]

For the first CSS Battle, the one with the squares, a possible idea to style could be:
Then, on each grid child, set the background to var(--c). Maybe something like this:
body {
background: #DEFAULT_COLOR
display:grid;
// other properties here
* {
background: var(--c);
}
}