WIP

Author: adamwathan

src/pages/blog/tailwindcss-v4-beta/index.mdx

@@ -5,18 +5,18 @@ import card from './card.jpg'
 export const meta = {
   title: "Tailwind CSS v4.0 Beta 1",
   description: `After a long alpha period, we're excited to release the first public beta of Tailwind CSS v4.0.`,
-  date: '2024-11-21T18:00:00.000Z',
+  date: '2024-11-21T18:30:00.000Z',
   authors: [adamwathan],
   image: card,
 }
 
 {/*excerpt*/}
 
-Last summer at Tailwind Connect [I shared a preview of Oxide](https://www.youtube.com/watch?v=CLkxRnRQtDE&t=2146s) — a new high-performance engine for Tailwind CSS that we've been working on, designed to simplify the developer experience and take advantage of how the web platform has evolved since Tailwind was first released.
+About eight months ago we [open-sourced our progress](https://tailwindcss.com/blog/tailwindcss-v4-alpha) on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
 
 {/*/excerpt*/}
 
-![Tailwind CSS v4.0-alpha](./card.jpg)
+![Tailwind CSS v4.0-beta](./card.jpg)
 
 About eight months ago we [open-sourced our progress](https://tailwindcss.com/blog/tailwindcss-v4-alpha) on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
 

src/pages/docs/v4-beta.mdx

@@ -959,6 +959,8 @@ Use `field-sizing-content` to make the control resize to fit its contents, or `f
 
 ### \`color-scheme\` utilities
 
+Ever been annoyed that your app was showing light scrollbars in dark mode? You want these new `color-scheme` utilities.
+
 ```html {{example: { p: 'none', hint: 'Scroll the content to see the scrollbar themes' } }}
 <div class="grid grid-cols-1 sm:grid-cols-2 [color-scheme:light]">
   <div class="p-8 pt-7">
@@ -992,8 +994,7 @@ Use `field-sizing-content` to make the control resize to fit its contents, or `f
 </div>
 ```
 
-
-Ever been annoyed that your app was showing light scrollbars in dark mode? You want these new `color-scheme` utilities — here are all the new classes:
+Here's a full list of all the new APIs:
 
 <div className="not-prose">
   <ClassTable showHeading={false} utilities={{