Cegid logo
Design System
SizeAvatar

Opacity

CdsOpacityDecorative

20

CdsOpacityDisabled

32

CdsOpacityHexa0

00

CdsOpacityHexa1

03

CdsOpacityHexa2

05

CdsOpacityHexa3

08

CdsOpacityHexa4

0A

CdsOpacityHexa5

0D

CdsOpacityHexa6

0F

Decorative

undefined

CdsOpacityDecorative

20

Disabled

undefined

CdsOpacityDisabled

32

Hexa

0

CdsOpacityHexa0

00
1

CdsOpacityHexa1

03
2

CdsOpacityHexa2

05
3

CdsOpacityHexa3

08
4

CdsOpacityHexa4

0A
5

CdsOpacityHexa5

0D
6

CdsOpacityHexa6

0F
7

CdsOpacityHexa7

12
8

CdsOpacityHexa8

14
9

CdsOpacityHexa9

17
10

CdsOpacityHexa10

1A
11

CdsOpacityHexa11

1C
12

CdsOpacityHexa12

1F
13

CdsOpacityHexa13

21
14

CdsOpacityHexa14

24
15

CdsOpacityHexa15

26
16

CdsOpacityHexa16

29
17

CdsOpacityHexa17

2B
18

CdsOpacityHexa18

2E
19

CdsOpacityHexa19

30
20

CdsOpacityHexa20

33
21

CdsOpacityHexa21

36
22

CdsOpacityHexa22

38
23

CdsOpacityHexa23

3B
24

CdsOpacityHexa24

3D
25

CdsOpacityHexa25

40
26

CdsOpacityHexa26

42
27

CdsOpacityHexa27

45
28

CdsOpacityHexa28

47
29

CdsOpacityHexa29

4A
30

CdsOpacityHexa30

4D
31

CdsOpacityHexa31

4F
32

CdsOpacityHexa32

52
33

CdsOpacityHexa33

54
34

CdsOpacityHexa34

57
35

CdsOpacityHexa35

59
36

CdsOpacityHexa36

5C
37

CdsOpacityHexa37

5E
38

CdsOpacityHexa38

61
39

CdsOpacityHexa39

63
40

CdsOpacityHexa40

66
41

CdsOpacityHexa41

69
42

CdsOpacityHexa42

6B
43

CdsOpacityHexa43

6E
44

CdsOpacityHexa44

70
45

CdsOpacityHexa45

73
46

CdsOpacityHexa46

75
47

CdsOpacityHexa47

78
48

CdsOpacityHexa48

7A
49

CdsOpacityHexa49

7D
50

CdsOpacityHexa50

7F
51

CdsOpacityHexa51

82
52

CdsOpacityHexa52

85
53

CdsOpacityHexa53

87
54

CdsOpacityHexa54

8A
55

CdsOpacityHexa55

8C
56

CdsOpacityHexa56

8F
57

CdsOpacityHexa57

91
58

CdsOpacityHexa58

94
59

CdsOpacityHexa59

96
60

CdsOpacityHexa60

99
61

CdsOpacityHexa61

9C
62

CdsOpacityHexa62

9E
63

CdsOpacityHexa63

A1
64

CdsOpacityHexa64

A3
65

CdsOpacityHexa65

A6
66

CdsOpacityHexa66

A8
67

CdsOpacityHexa67

AB
68

CdsOpacityHexa68

AD
69

CdsOpacityHexa69

B0
70

CdsOpacityHexa70

B3
71

CdsOpacityHexa71

B5
72

CdsOpacityHexa72

B8
73

CdsOpacityHexa73

BA
74

CdsOpacityHexa74

BD
75

CdsOpacityHexa75

BF
76

CdsOpacityHexa76

C2
77

CdsOpacityHexa77

C4
78

CdsOpacityHexa78

C7
79

CdsOpacityHexa79

C9
80

CdsOpacityHexa80

CC
81

CdsOpacityHexa81

CF
82

CdsOpacityHexa82

D1
83

CdsOpacityHexa83

D4
84

CdsOpacityHexa84

D6
85

CdsOpacityHexa85

D9
86

CdsOpacityHexa86

DB
87

CdsOpacityHexa87

DE
88

CdsOpacityHexa88

E0
89

CdsOpacityHexa89

E3
90

CdsOpacityHexa90

E5
91

CdsOpacityHexa91

E8
92

CdsOpacityHexa92

EB
93

CdsOpacityHexa93

ED
94

CdsOpacityHexa94

F0
95

CdsOpacityHexa95

F2
96

CdsOpacityHexa96

F5
97

CdsOpacityHexa97

F7
98

CdsOpacityHexa98

FA
99

CdsOpacityHexa99

FC
100

CdsOpacityHexa100

FF

Inactive

undefined

CdsOpacityInactive

64

Overlay

resting

CdsOpacityOverlayResting

0
hovered

CdsOpacityOverlayHovered

6
disabled

CdsOpacityOverlayDisabled

6
selected

CdsOpacityOverlaySelected

10
activated

CdsOpacityOverlayActivated

12
dragged

CdsOpacityOverlayDragged

14
focused

CdsOpacityOverlayFocused

16
pressed

CdsOpacityOverlayPressed

20