Skip to content

Conversation

@smokris
Copy link

@smokris smokris commented Jan 8, 2026

The Drupal content management system's default admin theme styles <select> elements, adding a custom arrow image. Dark Reader's adjustments cause the arrow image to be rendered too large. This PR adds a CSS override to improve the styling.

Default (Dark Reader disabled) Dark Reader before Dark Reader after
drupal-claro-light drupal-claro-dark-before drupal-claro-dark-after

In the "Dark Reader before" screenshot above, I added pink arrows pointing to the misrendered <select> arrow.

@alexanderby
Copy link
Member

Could you please screenshot the actual CSS background value of the icon? If it's SVG, it may be potentially fixed in the next release.

@smokris
Copy link
Author

smokris commented Jan 8, 2026

Sure, here are screenshots that include the Inspector view of the CSS values:

Dark Reader disabled Dark Reader enabled
drupal-claro-light-css drupal-claro-dark-css

@alexanderby
Copy link
Member

Thanks, the issue was those SVGs with viewBox but no width and height were behaving differently to those the Dark Reader was making. Should be fixed in the next release.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants