A Better Blog Post Authoring Experience in ACSS 4.0! One of the biggest failures of Gutenberg is its inability to distinguish context properly. For example, if your website uses a black background and white text, Gutenberg will offer you a black background and white text. This is great for PAGES, but not POSTS. Why? Because your post template might inject blog post content into a white/light area even though your site is black. See the Etch blog for an example of this. The problem is that Gutenberg doesn’t know you’re injecting blog post content into a white/light area, so it continues to offer you a white on black authoring experience. This is dumb, and ACSS 4.0 fixes it. In ACSS 4.0, you can override the editor background and foreground color on blog posts only. This is true even if you use a CPT for blog posts. This way, the block editor on PAGES and other CPTs can inherit your website colors while the place you author blog posts can have a custom color experience. Very helpful.

I recently wrote an article with practical tips for working with dark mode in @AutomaticCSS. ACSS has a very intuitive logic for managing color schemes, but getting predictable results might be challenging sometimes. Here are 6 design habits that helped me after hours of trial and error. ✦ Start simple Fewer color layers means fewer surprises. Stick to basic structure first, then layer in complexity once your scheme switching is solid. ✦ Use contextual colors (backgrounds and text) Background and text colors simplify your mental model. Relying on them keeps your logic clean and your color switching predictable. ✦ Stay consistent with the role of each palette Example: Use the Base palette for backgrounds and Neutral for text. Pick a logic early and stick to it, or die trying. ✦ Avoid cross-palette mixing Cross-palette combinations (like --primary background with --neutral text) often break in dark mode. Keep text and background colors in the same palette family. ✦ Use scheme exclusions Sections that are already dark, should not invert. Lock those classes with exclusions so they behave consistently across themes. ✦ Test early, and often Toggle dark mode as you build, and catch inconsistencies early. Don’t wait until the end to find out your layout breaks in night mode. Hope it helps! The full post is here: johnfraskos.com/acss-dark-mo…

ACSS 4.0 is coming soon. Here’s what you need to know. automaticcss.com/preparing-f…

ACSS 4.0 is on the way. We're going to start revealing the details in a series of blog posts and videos over the coming weeks. If you're following us here on X you're in the right place to stay informed. 🎉

Frames LIVE 001 (Frames Q&A & How-To) x.com/i/broadcasts/1OyKAVjEv…

Published on YouTube: What's New in Automatic.css (ACSS) v2.5 youtube.com/watch?v=HKesHBjD…

Published on YouTube: ACSS 2.4: Two New Customizable Breakpoints (XXL and XS) youtube.com/watch?v=39n6GEMd…

Published on YouTube: ACSS 2.4: Contextual Colors youtube.com/watch?v=tDwsEHD9…

Published on YouTube: ACSS 2.4: Easy Custom Corner Ribbons youtube.com/watch?v=Pw4-kMv0…

Published on YouTube: Frame Overview: Feature Section Sierra youtube.com/watch?v=qlmY_pv0…

Published on YouTube: How to Create New Custom Shades & Transparencies on the Fly in ACSS youtube.com/watch?v=1-ThDDck…

Published on YouTube: ACSS 2.3 - Boxed Layout Option & Boxed Layout Styling youtube.com/watch?v=PTY_WZJC…

Published on YouTube: ACSS 2.3: Custom Box Shadow Names, Values, and Variables youtube.com/watch?v=TdNmdzod…

Published on YouTube: ACSS 2.3: Introducing "Pro Mode" youtube.com/watch?v=gDF-Wv3r…

Published on YouTube: ACSS 2.3: Automatic Overlay Header Offset Features youtube.com/watch?v=rhKzL7qS…

Published on YouTube: Frame Overview: Article Section India youtube.com/watch?v=pk8Bxq1H…

Published on YouTube: Frame Overview: CTA Section Golf youtube.com/watch?v=eeTp2TMF…

Published on YouTube: New Frame Release: Image Group Echo youtube.com/watch?v=UDrxod7p…

Published on YouTube: Automatic.css (ACSS) v2.2 - NEW Features Overview (Merry Christmas!) youtube.com/watch?v=H_NI-uLs…

Published on YouTube: Getting Started With Frames Part 2: Customizing the Design youtube.com/watch?v=Jt1bXNUL…