Skip to content

Components: Fix Styling for TextControland TextAreaControl in dark themes #69640

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Mamaduka merged 15 commits into from
May 5, 2025
Merged

Components: Fix Styling for TextControland TextAreaControl in dark themes #69640

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
f9e47b1
fix: Background color for text-control
im3dabasia Mar 20, 2025
a5a5f32
style: Add color settings for text/textarea control component
im3dabasia Mar 20, 2025
55211ad
style: Fix focus styles in textarea
im3dabasia Mar 20, 2025
1f3e511
style: Adjust box shadow CSS
im3dabasia Mar 20, 2025
b5a5caa
docs: Update changelog
im3dabasia Mar 20, 2025
e63334c
fix: Bg styling in text* components
im3dabasia Mar 25, 2025
c4dbd82
chore: Use input focus styles
im3dabasia Apr 4, 2025
d4ad5fd
revert: Extra css override
im3dabasia Apr 4, 2025
1e215d2
revert: Extra css line
im3dabasia Apr 4, 2025
8e8d9c0
docs: Add changelog entry
im3dabasia Apr 4, 2025
2f38e59
chore: remove duplicate logs
im3dabasia Apr 4, 2025
e0e3e9b
fix: Use mixins for input-control
im3dabasia Apr 30, 2025
fbdc62e
chore: remove log
im3dabasia Apr 30, 2025
865f7ba
chore: Add changelog entry
im3dabasia Apr 30, 2025
d774b13
chore: minor doc update
im3dabasia May 5, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix: Bg styling in text* components
  • Loading branch information
@im3dabasia
im3dabasia committed May 5, 2025
commit e63334c7b620410dec2658d9ad05dfb9f9d649e0
2 changes: 1 addition & 1 deletion packages/components/src/text-control/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
height: $grid-unit-40;
// Override input style margin in WP forms.css.
margin: 0;
background: transparent;
background: $components-color-background;
color: $components-color-foreground;
@include input-control;

Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/textarea-control/styles/textarea-control-styles.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ export const StyledTextarea = styled.textarea`
display: block;
font-family: ${ font( 'default.fontFamily' ) };
line-height: 20px;
background: transparent;
background: ${ COLORS.theme.background };
color: ${ COLORS.theme.foreground };

// Vertical padding is to match the standard 40px control height when rows=1,
Expand Down