[UI] Add reaction hover background color

- Follows 595e8abd68
- Add the reaction hover background color variable, slightly lighter
than the active background color.
This commit is contained in:
Gusted 2024-08-06 02:05:23 +02:00
parent 641b0f74b6
commit cc11b3027c
No known key found for this signature in database
GPG key ID: FD821B732837125F
2 changed files with 2 additions and 0 deletions

View file

@ -228,6 +228,7 @@
/* should ideally be --color-text-dark, see #15651 */ /* should ideally be --color-text-dark, see #15651 */
--color-reaction-bg: #ffffff12; --color-reaction-bg: #ffffff12;
--color-reaction-active-bg: var(--color-primary-alpha-30); --color-reaction-active-bg: var(--color-primary-alpha-30);
--color-reaction-hover-bg: var(--color-primary-alpha-40);
--color-tooltip-text: #ffffff; --color-tooltip-text: #ffffff;
--color-tooltip-bg: #000000f0; --color-tooltip-bg: #000000f0;
--color-nav-bg: var(--steel-900); --color-nav-bg: var(--steel-900);

View file

@ -244,6 +244,7 @@
/* should ideally be --color-text-dark, see #15651 */ /* should ideally be --color-text-dark, see #15651 */
--color-reaction-bg: #0000000a; --color-reaction-bg: #0000000a;
--color-reaction-active-bg: var(--color-primary-alpha-20); --color-reaction-active-bg: var(--color-primary-alpha-20);
--color-reaction-hover-bg: var(--color-primary-alpha-30);
--color-tooltip-text: #ffffff; --color-tooltip-text: #ffffff;
--color-tooltip-bg: #000000f0; --color-tooltip-bg: #000000f0;
--color-nav-bg: var(--zinc-100); --color-nav-bg: var(--zinc-100);