You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+5-4Lines changed: 5 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -90,13 +90,14 @@ Each has numbered `accent` properties and sets the `accent-color` property as we
90
90
--accent-6: var(--colour-6);
91
91
--accent-7: var(--colour-7);
92
92
--accent-8: var(--colour-8);
93
+
--accent-9: var(--colour-9);
93
94
}
94
95
```
95
96
The accent variables are often used in the following way on interactive elements:
96
-
1.`accent-3` The standard accent colour.
97
-
2.`accent-2` The accent used when elements are being viewed (either by focus or hover).
98
-
3.`accent-4` The element is being activated or interactive with.
99
-
4.`accent-8` Contrast colour with the main accent.
97
+
1.`accent-4` The standard accent colour for the element.
98
+
2.`accent-3` The accent used when elements are being viewed (either by focus or hover).
99
+
3.`accent-2` The element is being activated or interactive with.
100
+
4.`accent-8` Contrast colour with the main accent, usually text or background.
100
101
101
102
If you have a button or input and there is no accent class currently set on the element or a common ancestor then they will fallback to using the neutral colours as their accent.
0 commit comments