search

lightspeedwp / lsx-design

A WordPress Block theme designed to work seamlessly with WooCommerce, supported by a Figma Design System.
https://lsx.design
GNU General Public License v3.0
26 stars 0 forks source link

LSX Design - Colour Palette & Button Improvements #91

Closed Justinabes007 closed 5 months ago

Justinabes007 commented 8 months ago

Describe the bug Currently LSX Design Colour Palette and Buttons require attention to improve Accessibility and standardise the Button Hovers, Active & Focus states to work better with the available Colour Palette. Plus improving options for Fonts Styles & Sub Headings

Expected behavior

  1. Adjust the Theme Colour Pallete to be more sustainable for future updates and client projects
  2. Improve Button Styling - Including Hover, Active & Focus states
  3. Better options for SubHeadings that align with Headings

Expected Outcomes

  1. Buttons: Better Colour associations using Colours from the same colour palette for Hover, Active, Focus states with hover animations
  2. Naming convention improvements: Adjusting the naming convention to work with Colour Palette and Custom colours created
  3. Heading & Subheadings: Improving the options to speed up Page edits when working with Headings and Subheadings to avoid additional config per Block required.

Designs on Figma: https://www.figma.com/file/lDKd5sQc3nhX4ItgczYMJ5/LightSpeed-Website---2023?type=design&node-id=0-1&mode=design

github-actions[bot] commented 5 months ago

Stale issue message