Skip to content

v3.1.1

Choose a tag to compare

@github-actions github-actions released this 22 Oct 11:12
· 23 commits to main since this release
v3.1.1
48356a3

Contrast fixes

Nothing breaks and no API changes. Text now meets 4.5:1 and icons and the focus ring 3:1 against what they sit on, in light and dark. Visual changes to expect:

  • Data tables: the resting sort icon on sortable columns is darker (75% opacity, was 30%) and goes to full on hover and focus.
  • Nested tables: a table inside an expanded row now keeps a visible outline on the grey band around it. In dark, its header bar is a little lighter so the column labels stay readable.
  • Dark primary text: RuiTextField and RuiTextArea with color="primary" or color="secondary", and the RuiFileUpload link and icon, use the lighter tone in dark, as buttons and chips already did.
  • Chip close icon: 80% opacity, was 60%.
  • Focus ring: drawn from a new --rui-focus variable: primary in light (unchanged) and primary-lighter in dark, where it was hard to see on raised surfaces.

Dark primary itself is unchanged and stays a fill colour. If your app writes text-rui-primary for text, add dark:text-rui-primary-lighter to keep it at 4.5:1 in dark.

   🐞 Bug Fixes

  • tables: Raise contrast of sort icons and nested tables  -  by @kelsos (27348)
  • theme: Keep dark primary text and focus ring readable  -  by @kelsos (8d126)
    View changes on GitHub