chore(release): 4.20.4 [skip ci]

## [4.20.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.3...v4.20.4) (2025-10-19) ### Bug Fixes * **homepage:** use inline styles for Your Journey text contrast ([8e51390](8e51390018)), closes [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#9ca3](https://github.com/antialias/soroban-abacus-flashcards/issues/9ca3) [#d1d5](https://github.com/antialias/soroban-abacus-flashcards/issues/d1d5)
fix(homepage): use inline styles for Your Journey text contrast
2025-10-19 19:07:08 +00:00 · 2025-10-19 14:06:02 -05:00 · 2025-10-19 18:58:39 +00:00 · 2025-10-19 13:57:30 -05:00
3 changed files with 29 additions and 13 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,17 @@
+## [4.20.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.3...v4.20.4) (2025-10-19)
+
+
+### Bug Fixes
+
+* **homepage:** use inline styles for Your Journey text contrast ([8e51390](https://github.com/antialias/soroban-abacus-flashcards/commit/8e5139001818d7013e1b2654ac707f7429316d58)), closes [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#9ca3](https://github.com/antialias/soroban-abacus-flashcards/issues/9ca3) [#d1d5](https://github.com/antialias/soroban-abacus-flashcards/issues/d1d5)
+
+## [4.20.3](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.2...v4.20.3) (2025-10-19)
+
+
+### Bug Fixes
+
+* **homepage:** use explicit RGBA colors for Your Journey text ([9c51cc9](https://github.com/antialias/soroban-abacus-flashcards/commit/9c51cc94eec4efcab9c0b9d1190f5b79c0c7d365))
+
 ## [4.20.2](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.1...v4.20.2) (2025-10-19)


--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -379,9 +379,7 @@ export default function HomePage() {
              >
                Your Journey
              </h2>
-              <p className={css({ color: 'gray.200', fontSize: 'md' })}>
-                Progress from beginner to master
-              </p>
+              <p style={{ color: '#e5e7eb', fontSize: '16px' }}>Progress from beginner to master</p>
            </div>

            <div
@@ -426,15 +424,17 @@ export default function HomePage() {
                    >
                      {stage.level}
                    </div>
-                    <div className={css({ fontSize: 'sm', color: 'gray.200' })}>{stage.label}</div>
+                    <div style={{ fontSize: '14px', color: '#e5e7eb' }}>{stage.label}</div>
                    {i < 3 && (
                      <div
-                        className={css({
-                          display: { base: 'none', md: 'block' },
+                        style={{
                          position: 'absolute',
                          right: '-50%',
-                          fontSize: 'xl',
-                          color: 'gray.400',
+                          fontSize: '20px',
+                          color: '#9ca3af',
+                        }}
+                        className={css({
+                          display: { base: 'none', md: 'block' },
                        })}
                      >
                        →
@@ -444,12 +444,14 @@ export default function HomePage() {
                ))}
              </div>
              <div
+                style={{
+                  textAlign: 'center',
+                  fontSize: '14px',
+                  color: '#d1d5db',
+                  fontStyle: 'italic',
+                }}
                className={css({
                  mt: '6',
-                  textAlign: 'center',
-                  fontSize: 'sm',
-                  color: 'gray.300',
-                  fontStyle: 'italic',
                })}
              >
                You'll progress through all these levels eventually ↑
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "soroban-monorepo",
-  "version": "4.20.2",
+  "version": "4.20.4",
  "private": true,
  "description": "Beautiful Soroban Flashcard Generator - Monorepo",
  "workspaces": [
Author	SHA1	Message	Date
semantic-release-bot	89fb670f93	chore(release): 4.20.4 [skip ci] ## [4.20.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.3...v4.20.4) (2025-10-19) ### Bug Fixes * homepage: use inline styles for Your Journey text contrast ([`8e51390`](`8e51390018`)), closes [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#9ca3](https://github.com/antialias/soroban-abacus-flashcards/issues/9ca3) [#d1d5](https://github.com/antialias/soroban-abacus-flashcards/issues/d1d5)	2025-10-19 19:07:08 +00:00
Thomas Hallock	8e51390018	fix(homepage): use inline styles for Your Journey text contrast Switched from Panda CSS to direct inline styles with hex colors: - Labels (Beginner/Intermediate/Advanced/Master): #e5e7eb (light gray) - Subtitle: #e5e7eb (light gray) - Arrows: #9ca3af (medium gray) - Footer: #d1d5db (light gray) This bypasses any CSS framework issues and applies colors directly. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-19 14:06:02 -05:00
semantic-release-bot	e7e54619ae	chore(release): 4.20.3 [skip ci] ## [4.20.3](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.2...v4.20.3) (2025-10-19) ### Bug Fixes * homepage: use explicit RGBA colors for Your Journey text ([`9c51cc9`](`9c51cc94ee`))	2025-10-19 18:58:39 +00:00
Thomas Hallock	9c51cc94ee	fix(homepage): use explicit RGBA colors for Your Journey text Switched from Panda CSS gray tokens to explicit RGBA values for better compatibility: - Text: rgba(229, 231, 235, 1) - light gray for maximum readability - Subtitle: rgba(209, 213, 219, 1) - slightly darker light gray - Arrows: rgba(156, 163, 175, 1) - medium gray This ensures proper rendering regardless of theme token configuration. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-19 13:57:30 -05:00