Cegid logo
Design System

Opacity

CdsOpacityDecorative

20

CdsOpacityDisabled

32

CdsOpacityHexa0

00

CdsOpacityHexa1

03

CdsOpacityHexa2

05

CdsOpacityHexa3

08

CdsOpacityHexa4

0A

CdsOpacityHexa5

0D

CdsOpacityHexa6

0F

CdsOpacityHexa7

12

CdsOpacityHexa8

14

CdsOpacityHexa9

17

CdsOpacityHexa10

1A

CdsOpacityHexa11

1C

CdsOpacityHexa12

1F

CdsOpacityHexa13

21

CdsOpacityHexa14

24

CdsOpacityHexa15

26

CdsOpacityHexa16

29

CdsOpacityHexa17

2B

CdsOpacityHexa18

2E

CdsOpacityHexa19

30

CdsOpacityHexa20

33

CdsOpacityHexa21

36

CdsOpacityHexa22

38

CdsOpacityHexa23

3B

CdsOpacityHexa24

3D

CdsOpacityHexa25

40

CdsOpacityHexa26

42

CdsOpacityHexa27

45

CdsOpacityHexa28

47

CdsOpacityHexa29

4A

CdsOpacityHexa30

4D

CdsOpacityHexa31

4F

CdsOpacityHexa32

52

CdsOpacityHexa33

54

CdsOpacityHexa34

57

CdsOpacityHexa35

59

CdsOpacityHexa36

5C

CdsOpacityHexa37

5E

CdsOpacityHexa38

61

CdsOpacityHexa39

63

CdsOpacityHexa40

66

CdsOpacityHexa41

69

CdsOpacityHexa42

6B

CdsOpacityHexa43

6E

CdsOpacityHexa44

70

CdsOpacityHexa45

73

CdsOpacityHexa46

75

CdsOpacityHexa47

78

CdsOpacityHexa48

7A

CdsOpacityHexa49

7D

CdsOpacityHexa50

7F

CdsOpacityHexa51

82

CdsOpacityHexa52

85

CdsOpacityHexa53

87

CdsOpacityHexa54

8A

CdsOpacityHexa55

8C

CdsOpacityHexa56

8F

CdsOpacityHexa57

91

CdsOpacityHexa58

94

CdsOpacityHexa59

96

CdsOpacityHexa60

99

CdsOpacityHexa61

9C

CdsOpacityHexa62

9E

CdsOpacityHexa63

A1

CdsOpacityHexa64

A3

CdsOpacityHexa65

A6

CdsOpacityHexa66

A8

CdsOpacityHexa67

AB

CdsOpacityHexa68

AD

CdsOpacityHexa69

B0

CdsOpacityHexa70

B3

CdsOpacityHexa71

B5

CdsOpacityHexa72

B8

CdsOpacityHexa73

BA

CdsOpacityHexa74

BD

CdsOpacityHexa75

BF

CdsOpacityHexa76

C2

CdsOpacityHexa77

C4

CdsOpacityHexa78

C7

CdsOpacityHexa79

C9

CdsOpacityHexa80

CC

CdsOpacityHexa81

CF

CdsOpacityHexa82

D1

CdsOpacityHexa83

D4

CdsOpacityHexa84

D6

CdsOpacityHexa85

D9

CdsOpacityHexa86

DB

CdsOpacityHexa87

DE

CdsOpacityHexa88

E0

CdsOpacityHexa89

E3

CdsOpacityHexa90

E5

CdsOpacityHexa91

E8

CdsOpacityHexa92

EB

CdsOpacityHexa93

ED

CdsOpacityHexa94

F0

CdsOpacityHexa95

F2

CdsOpacityHexa96

F5

CdsOpacityHexa97

F7

CdsOpacityHexa98

FA

CdsOpacityHexa99

FC

CdsOpacityHexa100

FF

CdsOpacityInactive

64

CdsOpacityOverlayResting

0

CdsOpacityOverlayHovered

6

CdsOpacityOverlayDisabled

6

CdsOpacityOverlaySelected

10

CdsOpacityOverlayActivated

12

CdsOpacityOverlayDragged

14

CdsOpacityOverlayFocused

16

CdsOpacityOverlayPressed

20

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