Contrast Ratio, Smarter Styling & Fixes

This update brings smarter styling suggestions, UI improvements, and the ability to see contrast ratio for any selected element.

New Feature:

• Contrast Ratio Display – Now you’ll see the contrast ratio on every selected element, helping you stay accessible and compliant.

Improvements:

• Improved how updated values are displayed in the UI.
• Increased size of aside components for better readability.
• When typing in the element style panel, the first matching suggestion is now highlighted for quicker selection with Enter.

Bug Fixes:

• Fixed issue where HTML elements appeared after clicking on the body.
• Corrected incorrect value display after editing in Inspect.
• Values now update properly even without adding "px".
• Flex properties no longer show override if no change is made.
• Custom values added to the element style panel now persist after refresh or re-selection.
• Fixed Activity tab issue where editing (e.g., letter-spacing) broke the pane until closed.

Update now to enjoy better styling control, visual clarity, and accessibility insights. #Pixefy, #DevTools, #WebDesign, #Frontend, #Accessibility.

‍