Skip to content

v9.0.0

Compare
Choose a tag to compare
@primer primer released this 21 Aug 23:16
· 47 commits to main since this release
d775cbc

Major Changes

  • #1021 8b015a0 Thanks @langermank! - Update invisible button variant text color to be default instead of link blue

  • #1025 9ab8102 Thanks @langermank! - Fix inconsistent HC transparent colors

  • #1023 0f5625e Thanks @langermank! - Change fgColor-onEmphasis to white in dark high contrast theme

  • #1016 39862e9 Thanks @langermank! - # Updated neutral base color scales

    Changes

    • Theme specific neutral scales have been replaced with two new scales: light and dark.
    • The new light and dark scales are inverted, where 0 is the lightest shade in light and the darkest shade in dark.
    • Functional color tokens have been updated to use the new light and dark scales, and several overrides have been removed due to the new inverted design.

    Migration

    • Functional color tokens all work as expected and have been tested to meet minimum contrast requirements.
    • If you are using primer/primitives base color scales directly, you may need to update how those colors are applied. See the migration table which outlines approximately how the new colors map to the old colors.

    Light scale migration

    Old color New color
    0 0
    1 2
    2 5
    3 7
    4 7
    5 8
    6 8
    7 9
    8 10
    9 11

    Dark scale migration

    Old color New color
    9 0
    8 1
    7 2
    6 4
    5 6
    4 7
    3 8
    2 9
    1 10
    0 11

    Dark high contrast scale migration

    Old color New color
    9 0
    8 3
    7 5
    6 6
    5 7
    4 8
    3 9
    2 10
    1 11

    Dark dimmed scale migration

    Old color New color
    9 1
    8 2
    7 4
    6 5
    5 6
    4 7
    3 7
    2 8
    1 9
    0 10

    Light high contrast scale migration

    Old color New color
    0 white
    1 2
    2 5
    3 7
    4 7
    5 8
    6 9
    7 10
    8 11
    9 black
  • #1024 2348455 Thanks @langermank! - Extend neutral scale to include white/black (0-13)

  • #956 13f62d5 Thanks @lukasoppermann! - Removed space tokens

  • #1026 401fef1 Thanks @langermank! - - Update counter bg styles

    • Contrast fixes
  • #968 d845fdf Thanks @lukasoppermann! - Rename data-[colorName]-color to data-[colorName]-color-emphasis