fix (price block): apply color scheme on text

[kaeizen]

Summary by CodeRabbit

• New Features
  • Price block text now adapts to active color schemes, matching your site’s text color for a cohesive, theme-aware appearance.
  • Improves readability and visual consistency in sections using color schemes, without impacting areas that don’t.
  • Applies automatically when a color scheme is enabled; no additional setup required.
  • Uses low-specificity styling to remain compatible with custom overrides and existing designs.

[coderabbitai]

Walkthrough

Adds a CSS rule to apply theme text color to price block text when a color scheme is active, using a low-specificity :where(.stk-has-color-schemes .stk-block-price) .stk-block-text selector. No removals or other modifications.

Changes

Cohort / File(s)	Summary
Price block color-scheme styling src/block/price/style.scss	Added selector :where(.stk-has-color-schemes .stk-block-price) .stk-block-text to set color: var(--stk-text-color) for themed contexts; maintains low specificity via :where(); no other rules changed.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

I twitched my nose at hues so bright,
A price now gleams in themed delight—
With var winds guiding text to light,
Low-spec whispers set it right.
Hop hop! The styles align just so,
A carrot-tinted, CSS glow. 🥕✨

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The title "fix (price block): apply color scheme on text" is concise, single-line, and accurately describes the primary change—applying the project's color-scheme to the price block text. It identifies the affected component (price block) and the intent (apply color scheme), matching the changeset that adds a CSS rule for .stk-block-price under .stk-has-color-schemes. This makes it clear and suitable for teammates scanning PR history.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/price-block-color-scheme

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🤖 Pull request artifacts

file	commit
pr3592-stackable-3592-merge.zip	d6440a5

[github-actions]

Try this Pull Request in the WordPress playground: https://playground.wordpress.net/?mode=seamless#{"landingPage":"/wp-admin/post-new.php?post_type=page","preferredVersions":{"php":"latest","wp":"latest"},"steps":[{"step":"login","username":"admin","password":"password"},{"step":"installPlugin","pluginZipFile":{"resource":"url","url":"https://raw.githubusercontent.com/gambitph/Stackable/artifacts/pr3592-stackable-3592-merge.zip"}}]}

[coderabbitai]

Actionable comments posted: 0

🧹 Nitpick comments (2)

src/block/price/style.scss (2)

15-17: Don’t override user-set text colors (.has-text-color/inline).

Equal specificity means this rule can win over .has-text-color { color: ... } or inline style="color:..." if loaded later. Gate it to elements without explicit color.

-:where(.stk-has-color-schemes .stk-block-price) .stk-block-text {
-  color: var(--stk-text-color);
-}
+:where(.stk-has-color-schemes .stk-block-price)
+.stk-block-text:not(.has-text-color):not([style*="color"]) {
+  color: var(--stk-text-color, currentColor);
+}

---

15-17: Add a safe fallback for --stk-text-color.

If the var isn’t defined, color is dropped; fallback to currentColor.

-color: var(--stk-text-color);
+color: var(--stk-text-color, currentColor);

📜 Review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between fb2381e and d6440a5.

📒 Files selected for processing (1)

• src/block/price/style.scss (1 hunks)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (6)

• GitHub Check: PHP 8.2 and WP 6.5.5
• GitHub Check: PHP 8.2 and WP 6.7.2
• GitHub Check: PHP 8.2 and WP 6.6.2
• GitHub Check: PHP 8.2 and WP latest
• GitHub Check: PHP 7.3 and WP 6.5.5
• GitHub Check: PHP 7.3 and WP latest

🔇 Additional comments (1)

src/block/price/style.scss (1)

15-17: Use of :where() for low specificity is good; confirm intent scope.

If the intent is to theme only the auxiliary text (not the numeric price), this selector is correct. If the price number should also follow the scheme, consider applying color at .stk-block-price and letting it inherit.