UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

eufemia.dnb.no/uilib

dnbexperience/eufemia

38 lines • 1.77 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/* * Button theme * */ .eufemia-scope--11_8_2 .dnb-button--primary, .eufemia-scope--11_8_2 .dnb-button--secondary, .eufemia-scope--11_8_2 .dnb-button--tertiary { --button-color-icon--disabled: var(--color-black-55); --button-color-text--disabled: var(--color-black-55); } .eufemia-scope--11_8_2 .dnb-button--primary { --button-color-bg--default: var(--color-emerald-green); --button-color-bg--hover: var(--color-sea-green); --button-color-bg--active: var(--color-sea-green); --button-color-bg--disabled: var(--color-black-8); --button-color-border--hover: var(--color-sea-green); --button-color-border--disabled: var(--color-black-55); --button-color-icon--hover: var(--color-white); --button-color-icon--active: var(--color-white); --button-color-text--hover: var(--color-white); --button-color-text--active: var(--color-white); } .eufemia-scope--11_8_2 .dnb-button--secondary { --button-color-bg--active: var(--color-pistachio); --button-color-bg--disabled: var(--color-white); --button-color-border--default: var(--color-emerald-green); --button-color-border--disabled: var(--color-black-55); --button-color-icon--default: var(--color-emerald-green); --button-color-icon--active: var(--color-emerald-green); --button-color-text--default: var(--color-emerald-green); --button-color-text--active: var(--color-emerald-green); } .eufemia-scope--11_8_2 .dnb-button--tertiary { --button-color-icon--default: var(--color-emerald-green); --button-color-icon--hover: var(--color-emerald-green); --button-color-icon--active: var(--color-emerald-green); --button-color-text--default: var(--color-emerald-green); --button-color-text--hover: var(--color-emerald-green); --button-color-text--active: var(--color-emerald-green); }