@marioschmidt/design-system-tokens 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +767 -0
  3. package/dist/css/base/index.css +8 -0
  4. package/dist/css/base/primitive-color-value-global.css +100 -0
  5. package/dist/css/base/primitive-color-value.css +100 -0
  6. package/dist/css/base/primitive-font-value-global.css +49 -0
  7. package/dist/css/base/primitive-font-value.css +49 -0
  8. package/dist/css/base/primitive-size-value-global.css +55 -0
  9. package/dist/css/base/primitive-size-value.css +55 -0
  10. package/dist/css/base/primitive-space-value-global.css +31 -0
  11. package/dist/css/base/primitive-space-value.css +31 -0
  12. package/dist/css/density/density-compact-global.css +14 -0
  13. package/dist/css/density/density-compact.css +14 -0
  14. package/dist/css/density/density-default-global.css +14 -0
  15. package/dist/css/density/density-default.css +14 -0
  16. package/dist/css/density/density-spacious-global.css +14 -0
  17. package/dist/css/density/density-spacious.css +14 -0
  18. package/dist/css/density/index.css +7 -0
  19. package/dist/css/mapping/brand-advertorial-global.css +277 -0
  20. package/dist/css/mapping/brand-advertorial.css +277 -0
  21. package/dist/css/mapping/brand-bild-global.css +277 -0
  22. package/dist/css/mapping/brand-bild.css +277 -0
  23. package/dist/css/mapping/brand-color-bild-global.css +74 -0
  24. package/dist/css/mapping/brand-color-bild.css +74 -0
  25. package/dist/css/mapping/brand-color-sportbild-global.css +74 -0
  26. package/dist/css/mapping/brand-color-sportbild.css +74 -0
  27. package/dist/css/mapping/brand-sportbild-global.css +277 -0
  28. package/dist/css/mapping/brand-sportbild.css +277 -0
  29. package/dist/css/mapping/index.css +9 -0
  30. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg-global.css +490 -0
  31. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.css +490 -0
  32. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md-global.css +490 -0
  33. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-md.css +490 -0
  34. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm-global.css +490 -0
  35. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.css +490 -0
  36. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs-global.css +490 -0
  37. package/dist/css/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.css +490 -0
  38. package/dist/css/semantic/advertorial/breakpoints/index.css +8 -0
  39. package/dist/css/semantic/advertorial/color/color-advertorial-dark-global.css +425 -0
  40. package/dist/css/semantic/advertorial/color/color-advertorial-dark.css +425 -0
  41. package/dist/css/semantic/advertorial/color/color-advertorial-light-global.css +425 -0
  42. package/dist/css/semantic/advertorial/color/color-advertorial-light.css +425 -0
  43. package/dist/css/semantic/advertorial/color/index.css +6 -0
  44. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg-global.css +490 -0
  45. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-lg.css +490 -0
  46. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md-global.css +490 -0
  47. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-md.css +490 -0
  48. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm-global.css +490 -0
  49. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-sm.css +490 -0
  50. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs-global.css +490 -0
  51. package/dist/css/semantic/bild/breakpoints/breakpoint-bild-xs.css +490 -0
  52. package/dist/css/semantic/bild/breakpoints/index.css +8 -0
  53. package/dist/css/semantic/bild/color/color-bild-dark-global.css +425 -0
  54. package/dist/css/semantic/bild/color/color-bild-dark.css +425 -0
  55. package/dist/css/semantic/bild/color/color-bild-light-global.css +425 -0
  56. package/dist/css/semantic/bild/color/color-bild-light.css +425 -0
  57. package/dist/css/semantic/bild/color/index.css +6 -0
  58. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg-global.css +490 -0
  59. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.css +490 -0
  60. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md-global.css +490 -0
  61. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-md.css +490 -0
  62. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm-global.css +490 -0
  63. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.css +490 -0
  64. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs-global.css +490 -0
  65. package/dist/css/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.css +490 -0
  66. package/dist/css/semantic/sportbild/breakpoints/index.css +8 -0
  67. package/dist/css/semantic/sportbild/color/color-sportbild-dark-global.css +425 -0
  68. package/dist/css/semantic/sportbild/color/color-sportbild-dark.css +425 -0
  69. package/dist/css/semantic/sportbild/color/color-sportbild-light-global.css +425 -0
  70. package/dist/css/semantic/sportbild/color/color-sportbild-light.css +425 -0
  71. package/dist/css/semantic/sportbild/color/index.css +6 -0
  72. package/dist/js/base/index.js +15 -0
  73. package/dist/js/base/primitive-color-value.js +98 -0
  74. package/dist/js/base/primitive-font-value.js +47 -0
  75. package/dist/js/base/primitive-size-value.js +53 -0
  76. package/dist/js/base/primitive-space-value.js +29 -0
  77. package/dist/js/density/density-compact.js +12 -0
  78. package/dist/js/density/density-default.js +12 -0
  79. package/dist/js/density/density-spacious.js +12 -0
  80. package/dist/js/density/index.js +13 -0
  81. package/dist/js/mapping/brand-advertorial.js +276 -0
  82. package/dist/js/mapping/brand-bild.js +277 -0
  83. package/dist/js/mapping/brand-color-bild.js +78 -0
  84. package/dist/js/mapping/brand-color-sportbild.js +78 -0
  85. package/dist/js/mapping/brand-sportbild.js +280 -0
  86. package/dist/js/mapping/index.js +17 -0
  87. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.js +477 -0
  88. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-md.js +477 -0
  89. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.js +477 -0
  90. package/dist/js/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.js +477 -0
  91. package/dist/js/semantic/advertorial/breakpoints/index.js +15 -0
  92. package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +347 -0
  93. package/dist/js/semantic/advertorial/color/color-advertorial-light.js +343 -0
  94. package/dist/js/semantic/advertorial/color/index.js +11 -0
  95. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-lg.js +478 -0
  96. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-md.js +478 -0
  97. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-sm.js +478 -0
  98. package/dist/js/semantic/bild/breakpoints/breakpoint-bild-xs.js +478 -0
  99. package/dist/js/semantic/bild/breakpoints/index.js +15 -0
  100. package/dist/js/semantic/bild/color/color-bild-dark.js +347 -0
  101. package/dist/js/semantic/bild/color/color-bild-light.js +343 -0
  102. package/dist/js/semantic/bild/color/index.js +11 -0
  103. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.js +479 -0
  104. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-md.js +479 -0
  105. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.js +479 -0
  106. package/dist/js/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.js +479 -0
  107. package/dist/js/semantic/sportbild/breakpoints/index.js +15 -0
  108. package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +347 -0
  109. package/dist/js/semantic/sportbild/color/color-sportbild-light.js +343 -0
  110. package/dist/js/semantic/sportbild/color/index.js +11 -0
  111. package/dist/json/base/primitive-color-value.json +148 -0
  112. package/dist/json/base/primitive-font-value.json +59 -0
  113. package/dist/json/base/primitive-size-value.json +51 -0
  114. package/dist/json/base/primitive-space-value.json +27 -0
  115. package/dist/json/density/density-compact.json +16 -0
  116. package/dist/json/density/density-default.json +16 -0
  117. package/dist/json/density/density-spacious.json +16 -0
  118. package/dist/json/mapping/brand-advertorial.json +393 -0
  119. package/dist/json/mapping/brand-bild.json +393 -0
  120. package/dist/json/mapping/brand-color-bild.json +98 -0
  121. package/dist/json/mapping/brand-color-sportbild.json +98 -0
  122. package/dist/json/mapping/brand-sportbild.json +393 -0
  123. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.json +686 -0
  124. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-md.json +686 -0
  125. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.json +686 -0
  126. package/dist/json/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.json +686 -0
  127. package/dist/json/semantic/advertorial/color/color-advertorial-dark.json +307 -0
  128. package/dist/json/semantic/advertorial/color/color-advertorial-light.json +307 -0
  129. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-lg.json +686 -0
  130. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-md.json +686 -0
  131. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-sm.json +686 -0
  132. package/dist/json/semantic/bild/breakpoints/breakpoint-bild-xs.json +686 -0
  133. package/dist/json/semantic/bild/color/color-bild-dark.json +307 -0
  134. package/dist/json/semantic/bild/color/color-bild-light.json +307 -0
  135. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.json +686 -0
  136. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-md.json +686 -0
  137. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.json +686 -0
  138. package/dist/json/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.json +686 -0
  139. package/dist/json/semantic/sportbild/color/color-sportbild-dark.json +307 -0
  140. package/dist/json/semantic/sportbild/color/color-sportbild-light.json +307 -0
  141. package/dist/manifest.json +183 -0
  142. package/dist/scss/base/index.scss +8 -0
  143. package/dist/scss/base/primitive-color-value.scss +97 -0
  144. package/dist/scss/base/primitive-font-value.scss +46 -0
  145. package/dist/scss/base/primitive-size-value.scss +52 -0
  146. package/dist/scss/base/primitive-space-value.scss +28 -0
  147. package/dist/scss/density/density-compact.scss +11 -0
  148. package/dist/scss/density/density-default.scss +11 -0
  149. package/dist/scss/density/density-spacious.scss +11 -0
  150. package/dist/scss/density/index.scss +7 -0
  151. package/dist/scss/mapping/brand-advertorial.scss +274 -0
  152. package/dist/scss/mapping/brand-bild.scss +274 -0
  153. package/dist/scss/mapping/brand-color-bild.scss +71 -0
  154. package/dist/scss/mapping/brand-color-sportbild.scss +71 -0
  155. package/dist/scss/mapping/brand-sportbild.scss +274 -0
  156. package/dist/scss/mapping/index.scss +9 -0
  157. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-lg.scss +475 -0
  158. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-md.scss +475 -0
  159. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-sm.scss +475 -0
  160. package/dist/scss/semantic/advertorial/breakpoints/breakpoint-advertorial-xs.scss +475 -0
  161. package/dist/scss/semantic/advertorial/breakpoints/index.scss +8 -0
  162. package/dist/scss/semantic/advertorial/color/color-advertorial-dark.scss +318 -0
  163. package/dist/scss/semantic/advertorial/color/color-advertorial-light.scss +318 -0
  164. package/dist/scss/semantic/advertorial/color/index.scss +6 -0
  165. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-lg.scss +475 -0
  166. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-md.scss +475 -0
  167. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-sm.scss +475 -0
  168. package/dist/scss/semantic/bild/breakpoints/breakpoint-bild-xs.scss +475 -0
  169. package/dist/scss/semantic/bild/breakpoints/index.scss +8 -0
  170. package/dist/scss/semantic/bild/color/color-bild-dark.scss +318 -0
  171. package/dist/scss/semantic/bild/color/color-bild-light.scss +318 -0
  172. package/dist/scss/semantic/bild/color/index.scss +6 -0
  173. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-lg.scss +475 -0
  174. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-md.scss +475 -0
  175. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-sm.scss +475 -0
  176. package/dist/scss/semantic/sportbild/breakpoints/breakpoint-sportbild-xs.scss +475 -0
  177. package/dist/scss/semantic/sportbild/breakpoints/index.scss +8 -0
  178. package/dist/scss/semantic/sportbild/color/color-sportbild-dark.scss +318 -0
  179. package/dist/scss/semantic/sportbild/color/color-sportbild-light.scss +318 -0
  180. package/dist/scss/semantic/sportbild/color/index.scss +6 -0
  181. package/package.json +62 -0
@@ -0,0 +1,307 @@
1
+ {
2
+ "Semantic": {
3
+ "Core": {
4
+ "coreColorPrimary": "#de0000",
5
+ "coreColorSecondary": "#242629",
6
+ "coreColorTertiary": "#ffffff",
7
+ "coreColorSecondaryConstant": "#ffffff",
8
+ "coreColorTertiaryConstant": "#242629",
9
+ "coreColorTertiaryVvPipeTEST": "#b0d1f2",
10
+ "leoTestColor": "#b0d1f2"
11
+ },
12
+ "Attention": {
13
+ "accentColorPrimary": "#ffffff",
14
+ "accentColorPrimaryConstant": "#de0000",
15
+ "attentionColorSuccessPrimary": "#00c273",
16
+ "attentionColorSuccessSecondary": "#006e3d",
17
+ "attentionColorExtraLow": "#333d40",
18
+ "attentionColorLow": "#ffbf00",
19
+ "attentionColorMedium": "#fc8226",
20
+ "attentionColorHigh": "#de0000"
21
+ },
22
+ "Border": {
23
+ "borderColorLowContrast": "#4a5259",
24
+ "borderColorLowContrastConstant": "#e8edf0",
25
+ "borderColorMediumContrast": "#666b70",
26
+ "borderColorHighContrast": "#ffffff",
27
+ "borderColorSuccess": "#00c273",
28
+ "borderColorWarning": "#de0000",
29
+ "borderColorPrimaryDisabled": "#333d40",
30
+ "borderColorSecondaryDisabled": "#4a5259"
31
+ },
32
+ "Icon": {
33
+ "iconColorPrimary": "#8c9196",
34
+ "iconColorPrimaryConstant": "#4a5259",
35
+ "iconColorInverse": "#4a5259",
36
+ "iconColorSecondaryConstant": "#8c9196",
37
+ "iconColorConstantOnDark": "#f2f5f5",
38
+ "iconColorSuccess": "#00c273"
39
+ },
40
+ "Overlay": {
41
+ "overlayScrimBlack": "rgba(0, 0, 0, 0.7)",
42
+ "overlayScrimWhite": "rgba(255, 255, 255, 0.7)"
43
+ },
44
+ "State": {
45
+ "colorPrimaryActive": "#de0000",
46
+ "colorSecondaryActive": "#f2f5f5",
47
+ "colorSecondaryActiveInverse": "#242629",
48
+ "colorTertiaryActive": "#00c273",
49
+ "colorPrimaryDisabled": "#333d40",
50
+ "colorSecondaryDisabled": "#4a5259",
51
+ "colorTertiaryDisabled": "#666b70"
52
+ },
53
+ "Surface": {
54
+ "surfaceColorPrimary": "#242629",
55
+ "surfaceColorPrimaryInverse": "#ffffff",
56
+ "surfaceColorPrimaryConstantLight": "#ffffff",
57
+ "surfaceColorPrimaryConstantDark": "#242629",
58
+ "surfaceColorSecondary": "#2b3038",
59
+ "surfaceColorTertiary": "#333d40",
60
+ "surfaceColorTertiaryInverse": "#e8edf0",
61
+ "surfaceColorQuartenary": "#4a5259",
62
+ "surfaceColorQuartenaryInverse": "#cfd4d9",
63
+ "surfaceColorSuccess": "#cff5e3",
64
+ "surfaceColorPrimaryGradientStop": "rgba(36, 38, 41, 0)",
65
+ "surfaceColorSecondaryGradientStop": "rgba(43, 48, 56, 0)",
66
+ "surfaceColorTertiaryGradientStop": "rgba(51, 61, 64, 0)"
67
+ },
68
+ "Heading": {
69
+ "headlineColorPrimary": "#ffffff",
70
+ "headlineColorWhiteConst": "#ffffff",
71
+ "kickerTextColorOnSurface": "#8c9196",
72
+ "kickerTextColorOnRed": "#ffffff",
73
+ "kickerTextColorOnDarkBg": "rgba(255, 255, 255, 0.8)",
74
+ "kickerTextColorOnBrightBg": "rgba(0, 0, 0, 0.7)"
75
+ },
76
+ "Text": {
77
+ "textColorPrimary": "#e8edf0",
78
+ "textColorPrimaryConstant": "#242629",
79
+ "textColorPrimaryInverse": "#242629",
80
+ "textColorPrimaryInverseConstant": "#e8edf0",
81
+ "textColorSecondary": "#8c9196",
82
+ "textColorMuted": "#cfd4d9",
83
+ "textColorOnDarkSurface": "#ffffff",
84
+ "textColorAccent": "#ffffff",
85
+ "textColorAccentConstant": "#de0000",
86
+ "textColorSuccessConstant": "#006e3d",
87
+ "textColorAttentionHigh": "#de0000",
88
+ "textColorAttentionMedium": "#fc8226"
89
+ },
90
+ "Label": {
91
+ "labelColorPrimary": "#e8edf0",
92
+ "labelColorPrimaryInverse": "#242629",
93
+ "labelColorPrimaryConstant": "#242629",
94
+ "labelColorPrimaryInverseConstant": "#e8edf0",
95
+ "labelColorSecondary": "#cfd4d9",
96
+ "labelColorTertiary": "#8c9196",
97
+ "labelColorDisabled": "#4a5259"
98
+ },
99
+ "LayerOpacity": {
100
+ "layerOpacity00": 0,
101
+ "layerOpacity05": 5,
102
+ "layerOpacity10": 10,
103
+ "layerOpacity20": 20,
104
+ "layerOpacity30": 30,
105
+ "layerOpacity40": 40,
106
+ "layerOpacity50": 50,
107
+ "layerOpacity60": 60,
108
+ "layerOpacity70": 70,
109
+ "layerOpacity80": 80,
110
+ "layerOpacity90": 90,
111
+ "layerOpacity100": 100
112
+ }
113
+ },
114
+ "Component": {
115
+ "Avatar": {
116
+ "avatarLabelColor": "#ffffff",
117
+ "avatarLabelColorHover": "#de0000"
118
+ },
119
+ "Alert": {
120
+ "alertSurfaceColor": "#333d40",
121
+ "alertSurfaceColorConstant": "#ffffff"
122
+ },
123
+ "Breadcrumb": {
124
+ "breadcrumbTextColorIdle": "#f2f5f5",
125
+ "breadcrumbTextColorHover": "#ffffff"
126
+ },
127
+ "BreakingNews": {
128
+ "breakingNewsTopTitleTextColor": "#1c1c1c",
129
+ "breakingNewsBottomTitleTextColor": "#1c1c1c",
130
+ "breakingNewsTitleSurfaceColor": "#fc8226",
131
+ "breakingNewsSurfaceColor": "#e8edf0",
132
+ "breakingNewsTextContentColor": "#242629"
133
+ },
134
+ "Button": {
135
+ "Primary": {
136
+ "buttonPrimaryLabelColor": "#ffffff",
137
+ "buttonPrimaryNeutralBgColorIdle": "#ffffff",
138
+ "buttonPrimaryNeutralBgColorHover": "#e8edf0",
139
+ "buttonPrimaryBrandBgColorIdle": "#de0000",
140
+ "buttonPrimaryBrandBgColorHover": "#b00003",
141
+ "buttonPrimarySuccessColorIdle": "#17995c",
142
+ "buttonPrimarySuccessColorHover": "#006e3d"
143
+ },
144
+ "Secondary": {
145
+ "buttonSecondaryLabelColor": "#e8edf0",
146
+ "buttonSecondaryBgColorIdle": "#4a5259",
147
+ "buttonSecondaryBgColorHover": "rgba(207, 212, 217, 0.5)"
148
+ },
149
+ "Tertiary": {
150
+ "buttonTertiaryLabelColor": "#f2f5f5",
151
+ "buttonTertiaryBorderColorIdle": "#4a5259",
152
+ "buttonTertiaryBorderColorHover": "#ffffff",
153
+ "buttonTertiarySuccessBgColorHover": "rgba(0, 156, 89, 0.5)",
154
+ "buttonTertiarySuccessBorderColor": "#17995c"
155
+ },
156
+ "Ghost": {
157
+ "buttonGhostBgColorHover": "rgba(207, 212, 217, 0.5)"
158
+ },
159
+ "buttonLiveTickerLoadNewSurfaceColor": "#242629",
160
+ "buttonLiveTickerLoadNewLabelColor": "#f2f5f5"
161
+ },
162
+ "Card": {
163
+ "cardSurfaceBgColor": "#2b3038"
164
+ },
165
+ "Chips": {
166
+ "chipsBgColorIdle": "#4a5259",
167
+ "chipsBgColorActive": "#ffffff",
168
+ "chipsBgColorHover": "#cfd4d9",
169
+ "chipsLabelColorIdle": "#ffffff",
170
+ "chipsLabelColorHover": "#242629"
171
+ },
172
+ "Dropdown": {
173
+ "dropdownBgColorIdle": "#333d40",
174
+ "dropdownBgColorHover": "#4a5259"
175
+ },
176
+ "Empties": {
177
+ "emptiesLogoColor": "#2b3038",
178
+ "emptiesBgColor": "#333d40"
179
+ },
180
+ "Foldout": {
181
+ "foldoutLabelColorIdle": "#cfd4d9",
182
+ "foldoutLabelColorActive": "#f2f5f5"
183
+ },
184
+ "Gallery": {
185
+ "appImageLightboxGalleryBgColor": "#000000"
186
+ },
187
+ "Hey": {
188
+ "heyDrawerSurfaceColor": "#333d40",
189
+ "heyFavInputFieldSurfaceColor": "#4a5259",
190
+ "heyIconUtilColor": "#ffffff",
191
+ "heySeparatorColor": "#666b70",
192
+ "heyTextColor": "#e8edf0"
193
+ },
194
+ "InputField": {
195
+ "inputFieldBorderColorIdle": "#8c9196",
196
+ "inputFieldBorderColorActive": "#e8edf0",
197
+ "inputFieldBorderColorDark": "#cfd4d9",
198
+ "inputFieldBorderColorDarkActive": "#ffffff",
199
+ "inputFieldBgColorDarkLowContrast": "#333d40",
200
+ "inputFieldBgColorDarkMediumContrast": "#4a5259",
201
+ "inputFieldBgColorDarkHighContrast": "#e8edf0"
202
+ },
203
+ "Kicker": {
204
+ "Standard": {
205
+ "kickerBgColorOnSurface": "#8c9196"
206
+ },
207
+ "Partner": {
208
+ "kickerBzBgColor": "#e3001c",
209
+ "kickerFitbookBgColor": "#ff96b8",
210
+ "kickerPetbookBgColor": "#badb91",
211
+ "kickerMyhomebookBgColor": "#66cccc",
212
+ "kickerTravelbookBgColor": "#8ff0ed",
213
+ "kickerTechbookBgColor": "#94e3ff",
214
+ "kickerKaufberaterBgColor": "#54476e",
215
+ "kickerCobiBgColor": "#db241c",
216
+ "kickerAubiBgColor": "#f00000",
217
+ "kickerSpobiBgColor": "#174582"
218
+ }
219
+ },
220
+ "Mediaplayer": {
221
+ "vidPlayerControlsAutoplayButtonBgColor": "rgba(0, 0, 0, 0.2)",
222
+ "vidPlayerControlButtonsBgHoverColor": "rgba(222, 0, 0, 0.8)",
223
+ "vidPlayerControlButtonsBgColorHover": "rgba(0, 0, 0, 0.2)",
224
+ "vidPlayerControlButtonsBgColorPressed": "rgba(0, 0, 0, 0.05)",
225
+ "vidPlayerOverlayScrimColor": "rgba(0, 0, 0, 0.5)",
226
+ "audioPlayerPlayButtonBgColor": "rgba(255, 255, 255, 0.3)",
227
+ "vidPlayerTooltipBgColor": "rgba(0, 0, 0, 0.7)",
228
+ "vidPlayerProgressBarPreloadBgColor": "rgba(255, 255, 255, 0.3)",
229
+ "vidPlayerUnmuteButtonBgColor": "rgba(0, 0, 0, 0.2)",
230
+ "vidPlayerUnmuteButtonBgColorHover": "rgba(0, 0, 0, 0.35)"
231
+ },
232
+ "Menu": {
233
+ "menuSurfaceColor": "#242629",
234
+ "menuScrolledSurfaceGradientColor": "rgba(36, 38, 41, 0.95)",
235
+ "menuLinkLaneSurfaceColor": "#242629",
236
+ "menuLinkLaneLabelColor": "#8c9196",
237
+ "menuLinkLaneLabelColorActive": "#ffffff",
238
+ "appTopBarSurfaceColor": "#333d40",
239
+ "appTopBarIconColor": "#8c9196",
240
+ "appTopBarTextColorPrimary": "#e8edf0",
241
+ "appTobBarTabNavBottomBorder": "#4a5259",
242
+ "appTobBarTabNavBottomBorderActive": "#ffffff"
243
+ },
244
+ "MenuItem": {
245
+ "menuItemLabelColorPrimary": "#8c9196",
246
+ "menuItemLabelColorPrimaryActive": "#f2f5f5",
247
+ "menuItemLabelColorSecondary": "#ffffff",
248
+ "menuItemBorderColorActive": "#ffffff"
249
+ },
250
+ "PartnerLinks": {
251
+ "partnerLinksBgColorIdle": "#333d40",
252
+ "partnerLinksBgColorActive": "#8c9196",
253
+ "partnerLinksBorderColorIdle": "#cfd4d9",
254
+ "partnerLinksBorderColorActive": "#e8edf0",
255
+ "partnerLinksContainerBorderColor": "#4a5259"
256
+ },
257
+ "Newsticker": {
258
+ "newsTickerTimestampColor": "#8c9196",
259
+ "newsTickerBadgeIconsColor": "#8c9196"
260
+ },
261
+ "Pagination": {
262
+ "paginationElementColorDefault": "#8c9196",
263
+ "paginationElementColorActive": "#ffffff",
264
+ "galleryPaginationElementActiveOpacity": 100,
265
+ "scrollBarTrackBgColor": "rgba(255, 255, 255, 0.1)",
266
+ "scrollBarThumbBgColor": "#8c9196"
267
+ },
268
+ "Selection": {
269
+ "selectionBorderColor": "#8c9196"
270
+ },
271
+ "Slider": {
272
+ "sliderButtonOpacity": 90,
273
+ "sliderTrackBgColor": "rgba(255, 255, 255, 0.35)"
274
+ },
275
+ "SocialShareButton": {
276
+ "socialShareButtonLabelColorDefault": "#ffffff",
277
+ "socialShareButtonLabelColorActive": "#ffffff",
278
+ "socialShareButtonBgColorDefault": "#4a5259",
279
+ "socialShareButtonBgColorActive": "#333d40"
280
+ },
281
+ "Subheader": {
282
+ "subheadersColor": "#e8edf0"
283
+ },
284
+ "Tab": {
285
+ "tabBgColorHover": "#333d40",
286
+ "tabLabelColorActive": "#f2f5f5",
287
+ "tabLabelColorDefault": "#ffffff",
288
+ "appBottomTabBarBgColor": "#333d40"
289
+ },
290
+ "Teaser": {
291
+ "teaserHoverOpacity": 80,
292
+ "teaserTitleBackgroundGradientStart": "rgba(0, 0, 0, 0.7)",
293
+ "teaserTitleBackgroundGradientStop": "rgba(0, 0, 0, 0)"
294
+ },
295
+ "TextLink": {
296
+ "textLinkColorPrimary": "#8c9196",
297
+ "textLinkColorSecondary": "#cfd4d9",
298
+ "textLinkColorSecondaryActive": "#e8edf0"
299
+ },
300
+ "_DSysDoc": {
301
+ "dsDocSpacingItemBgColor": "rgba(255, 255, 255, 0.2)",
302
+ "dsDocSpacingItemBorderColor": "rgba(255, 255, 255, 0.8)",
303
+ "_DSysDocs_labelTextSurfaceColorPrimaryPrimitiveName": "BILD010",
304
+ "_DSysDocs_labelTextColorMode": "(Dark Mode)"
305
+ }
306
+ }
307
+ }
@@ -0,0 +1,307 @@
1
+ {
2
+ "Semantic": {
3
+ "Core": {
4
+ "coreColorPrimary": "#de0000",
5
+ "coreColorSecondary": "#ffffff",
6
+ "coreColorTertiary": "#242629",
7
+ "coreColorSecondaryConstant": "#ffffff",
8
+ "coreColorTertiaryConstant": "#242629",
9
+ "coreColorTertiaryVvPipeTEST": "#476e94",
10
+ "leoTestColor": "#476e94"
11
+ },
12
+ "Attention": {
13
+ "accentColorPrimary": "#de0000",
14
+ "accentColorPrimaryConstant": "#de0000",
15
+ "attentionColorSuccessPrimary": "#00c273",
16
+ "attentionColorSuccessSecondary": "#006e3d",
17
+ "attentionColorExtraLow": "#ffffff",
18
+ "attentionColorLow": "#ffbf00",
19
+ "attentionColorMedium": "#fc8226",
20
+ "attentionColorHigh": "#de0000"
21
+ },
22
+ "Border": {
23
+ "borderColorLowContrast": "#e8edf0",
24
+ "borderColorLowContrastConstant": "#e8edf0",
25
+ "borderColorMediumContrast": "#cfd4d9",
26
+ "borderColorHighContrast": "#242629",
27
+ "borderColorSuccess": "#00c273",
28
+ "borderColorWarning": "#de0000",
29
+ "borderColorPrimaryDisabled": "#f2f5f5",
30
+ "borderColorSecondaryDisabled": "#e8edf0"
31
+ },
32
+ "Icon": {
33
+ "iconColorPrimary": "#4a5259",
34
+ "iconColorPrimaryConstant": "#4a5259",
35
+ "iconColorInverse": "#cfd4d9",
36
+ "iconColorSecondaryConstant": "#8c9196",
37
+ "iconColorConstantOnDark": "#f2f5f5",
38
+ "iconColorSuccess": "#00c273"
39
+ },
40
+ "Overlay": {
41
+ "overlayScrimBlack": "rgba(0, 0, 0, 0.7)",
42
+ "overlayScrimWhite": "rgba(255, 255, 255, 0.7)"
43
+ },
44
+ "State": {
45
+ "colorPrimaryActive": "#de0000",
46
+ "colorSecondaryActive": "#242629",
47
+ "colorSecondaryActiveInverse": "#f2f5f5",
48
+ "colorTertiaryActive": "#00c273",
49
+ "colorPrimaryDisabled": "#f2f5f5",
50
+ "colorSecondaryDisabled": "#e8edf0",
51
+ "colorTertiaryDisabled": "#8c9196"
52
+ },
53
+ "Surface": {
54
+ "surfaceColorPrimary": "#ffffff",
55
+ "surfaceColorPrimaryInverse": "#242629",
56
+ "surfaceColorPrimaryConstantLight": "#ffffff",
57
+ "surfaceColorPrimaryConstantDark": "#242629",
58
+ "surfaceColorSecondary": "#f2f5f5",
59
+ "surfaceColorTertiary": "#e8edf0",
60
+ "surfaceColorTertiaryInverse": "#333d40",
61
+ "surfaceColorQuartenary": "#cfd4d9",
62
+ "surfaceColorQuartenaryInverse": "#4a5259",
63
+ "surfaceColorSuccess": "#cff5e3",
64
+ "surfaceColorPrimaryGradientStop": "rgba(255, 255, 255, 0)",
65
+ "surfaceColorSecondaryGradientStop": "rgba(242, 245, 245, 0)",
66
+ "surfaceColorTertiaryGradientStop": "rgba(232, 237, 240, 0)"
67
+ },
68
+ "Heading": {
69
+ "headlineColorPrimary": "#242629",
70
+ "headlineColorWhiteConst": "#ffffff",
71
+ "kickerTextColorOnSurface": "#de0000",
72
+ "kickerTextColorOnRed": "#ffffff",
73
+ "kickerTextColorOnDarkBg": "rgba(255, 255, 255, 0.8)",
74
+ "kickerTextColorOnBrightBg": "rgba(0, 0, 0, 0.7)"
75
+ },
76
+ "Text": {
77
+ "textColorPrimary": "#242629",
78
+ "textColorPrimaryConstant": "#242629",
79
+ "textColorPrimaryInverse": "#e8edf0",
80
+ "textColorPrimaryInverseConstant": "#e8edf0",
81
+ "textColorSecondary": "#8c9196",
82
+ "textColorMuted": "#666b70",
83
+ "textColorOnDarkSurface": "#ffffff",
84
+ "textColorAccent": "#de0000",
85
+ "textColorAccentConstant": "#de0000",
86
+ "textColorSuccessConstant": "#006e3d",
87
+ "textColorAttentionHigh": "#de0000",
88
+ "textColorAttentionMedium": "#fc8226"
89
+ },
90
+ "Label": {
91
+ "labelColorPrimary": "#242629",
92
+ "labelColorPrimaryInverse": "#e8edf0",
93
+ "labelColorPrimaryConstant": "#242629",
94
+ "labelColorPrimaryInverseConstant": "#e8edf0",
95
+ "labelColorSecondary": "#4a5259",
96
+ "labelColorTertiary": "#8c9196",
97
+ "labelColorDisabled": "#cfd4d9"
98
+ },
99
+ "LayerOpacity": {
100
+ "layerOpacity00": 0,
101
+ "layerOpacity05": 5,
102
+ "layerOpacity10": 10,
103
+ "layerOpacity20": 20,
104
+ "layerOpacity30": 30,
105
+ "layerOpacity40": 40,
106
+ "layerOpacity50": 50,
107
+ "layerOpacity60": 60,
108
+ "layerOpacity70": 70,
109
+ "layerOpacity80": 80,
110
+ "layerOpacity90": 90,
111
+ "layerOpacity100": 100
112
+ }
113
+ },
114
+ "Component": {
115
+ "Avatar": {
116
+ "avatarLabelColor": "#242629",
117
+ "avatarLabelColorHover": "#de0000"
118
+ },
119
+ "Alert": {
120
+ "alertSurfaceColor": "#ffffff",
121
+ "alertSurfaceColorConstant": "#ffffff"
122
+ },
123
+ "Breadcrumb": {
124
+ "breadcrumbTextColorIdle": "#4a5259",
125
+ "breadcrumbTextColorHover": "#242629"
126
+ },
127
+ "BreakingNews": {
128
+ "breakingNewsTopTitleTextColor": "#1c1c1c",
129
+ "breakingNewsBottomTitleTextColor": "#1c1c1c",
130
+ "breakingNewsTitleSurfaceColor": "#fc8226",
131
+ "breakingNewsSurfaceColor": "#242629",
132
+ "breakingNewsTextContentColor": "#ffffff"
133
+ },
134
+ "Button": {
135
+ "Primary": {
136
+ "buttonPrimaryLabelColor": "#ffffff",
137
+ "buttonPrimaryNeutralBgColorIdle": "#242629",
138
+ "buttonPrimaryNeutralBgColorHover": "#4a5259",
139
+ "buttonPrimaryBrandBgColorIdle": "#de0000",
140
+ "buttonPrimaryBrandBgColorHover": "#b00003",
141
+ "buttonPrimarySuccessColorIdle": "#17995c",
142
+ "buttonPrimarySuccessColorHover": "#006e3d"
143
+ },
144
+ "Secondary": {
145
+ "buttonSecondaryLabelColor": "#4a5259",
146
+ "buttonSecondaryBgColorIdle": "#e8edf0",
147
+ "buttonSecondaryBgColorHover": "#cfd4d9"
148
+ },
149
+ "Tertiary": {
150
+ "buttonTertiaryLabelColor": "#4a5259",
151
+ "buttonTertiaryBorderColorIdle": "#cfd4d9",
152
+ "buttonTertiaryBorderColorHover": "#4a5259",
153
+ "buttonTertiarySuccessBgColorHover": "#cff5e3",
154
+ "buttonTertiarySuccessBorderColor": "#17995c"
155
+ },
156
+ "Ghost": {
157
+ "buttonGhostBgColorHover": "#cfd4d9"
158
+ },
159
+ "buttonLiveTickerLoadNewSurfaceColor": "#ffffff",
160
+ "buttonLiveTickerLoadNewLabelColor": "#8c9196"
161
+ },
162
+ "Card": {
163
+ "cardSurfaceBgColor": "#ffffff"
164
+ },
165
+ "Chips": {
166
+ "chipsBgColorIdle": "#e8edf0",
167
+ "chipsBgColorActive": "#de0000",
168
+ "chipsBgColorHover": "#b00003",
169
+ "chipsLabelColorIdle": "#242629",
170
+ "chipsLabelColorHover": "#ffffff"
171
+ },
172
+ "Dropdown": {
173
+ "dropdownBgColorIdle": "#ffffff",
174
+ "dropdownBgColorHover": "#f2f5f5"
175
+ },
176
+ "Empties": {
177
+ "emptiesLogoColor": "#cfd4d9",
178
+ "emptiesBgColor": "#f2f5f5"
179
+ },
180
+ "Foldout": {
181
+ "foldoutLabelColorIdle": "#4a5259",
182
+ "foldoutLabelColorActive": "#de0000"
183
+ },
184
+ "Gallery": {
185
+ "appImageLightboxGalleryBgColor": "#000000"
186
+ },
187
+ "Hey": {
188
+ "heyDrawerSurfaceColor": "#f2f5f5",
189
+ "heyFavInputFieldSurfaceColor": "#e8edf0",
190
+ "heyIconUtilColor": "#4a5259",
191
+ "heySeparatorColor": "#cfd4d9",
192
+ "heyTextColor": "#4a5259"
193
+ },
194
+ "InputField": {
195
+ "inputFieldBorderColorIdle": "#cfd4d9",
196
+ "inputFieldBorderColorActive": "#4a5259",
197
+ "inputFieldBorderColorDark": "#8c9196",
198
+ "inputFieldBorderColorDarkActive": "#242629",
199
+ "inputFieldBgColorDarkLowContrast": "#333d40",
200
+ "inputFieldBgColorDarkMediumContrast": "#4a5259",
201
+ "inputFieldBgColorDarkHighContrast": "#e8edf0"
202
+ },
203
+ "Kicker": {
204
+ "Standard": {
205
+ "kickerBgColorOnSurface": "#de0000"
206
+ },
207
+ "Partner": {
208
+ "kickerBzBgColor": "#e3001c",
209
+ "kickerFitbookBgColor": "#ff96b8",
210
+ "kickerPetbookBgColor": "#badb91",
211
+ "kickerMyhomebookBgColor": "#66cccc",
212
+ "kickerTravelbookBgColor": "#8ff0ed",
213
+ "kickerTechbookBgColor": "#94e3ff",
214
+ "kickerKaufberaterBgColor": "#54476e",
215
+ "kickerCobiBgColor": "#db241c",
216
+ "kickerAubiBgColor": "#f00000",
217
+ "kickerSpobiBgColor": "#174582"
218
+ }
219
+ },
220
+ "Mediaplayer": {
221
+ "vidPlayerControlsAutoplayButtonBgColor": "rgba(0, 0, 0, 0.2)",
222
+ "vidPlayerControlButtonsBgHoverColor": "rgba(222, 0, 0, 0.8)",
223
+ "vidPlayerControlButtonsBgColorHover": "rgba(0, 0, 0, 0.2)",
224
+ "vidPlayerControlButtonsBgColorPressed": "rgba(0, 0, 0, 0.05)",
225
+ "vidPlayerOverlayScrimColor": "rgba(0, 0, 0, 0.5)",
226
+ "audioPlayerPlayButtonBgColor": "rgba(255, 255, 255, 0.3)",
227
+ "vidPlayerTooltipBgColor": "rgba(0, 0, 0, 0.7)",
228
+ "vidPlayerProgressBarPreloadBgColor": "rgba(255, 255, 255, 0.3)",
229
+ "vidPlayerUnmuteButtonBgColor": "rgba(0, 0, 0, 0.2)",
230
+ "vidPlayerUnmuteButtonBgColorHover": "rgba(0, 0, 0, 0.35)"
231
+ },
232
+ "Menu": {
233
+ "menuSurfaceColor": "#ffffff",
234
+ "menuScrolledSurfaceGradientColor": "rgba(255, 255, 255, 0.95)",
235
+ "menuLinkLaneSurfaceColor": "#ffffff",
236
+ "menuLinkLaneLabelColor": "#4a5259",
237
+ "menuLinkLaneLabelColorActive": "#242629",
238
+ "appTopBarSurfaceColor": "#ffffff",
239
+ "appTopBarIconColor": "#4a5259",
240
+ "appTopBarTextColorPrimary": "#242629",
241
+ "appTobBarTabNavBottomBorder": "#e8edf0",
242
+ "appTobBarTabNavBottomBorderActive": "#de0000"
243
+ },
244
+ "MenuItem": {
245
+ "menuItemLabelColorPrimary": "#4a5259",
246
+ "menuItemLabelColorPrimaryActive": "#242629",
247
+ "menuItemLabelColorSecondary": "#ffffff",
248
+ "menuItemBorderColorActive": "#de0000"
249
+ },
250
+ "PartnerLinks": {
251
+ "partnerLinksBgColorIdle": "#ffffff",
252
+ "partnerLinksBgColorActive": "#e8edf0",
253
+ "partnerLinksBorderColorIdle": "#cfd4d9",
254
+ "partnerLinksBorderColorActive": "#242629",
255
+ "partnerLinksContainerBorderColor": "#cfd4d9"
256
+ },
257
+ "Newsticker": {
258
+ "newsTickerTimestampColor": "#8c9196",
259
+ "newsTickerBadgeIconsColor": "#8c9196"
260
+ },
261
+ "Pagination": {
262
+ "paginationElementColorDefault": "#cfd4d9",
263
+ "paginationElementColorActive": "#de0000",
264
+ "galleryPaginationElementActiveOpacity": 100,
265
+ "scrollBarTrackBgColor": "rgba(0, 0, 0, 0.1)",
266
+ "scrollBarThumbBgColor": "#8c9196"
267
+ },
268
+ "Selection": {
269
+ "selectionBorderColor": "#4a5259"
270
+ },
271
+ "Slider": {
272
+ "sliderButtonOpacity": 90,
273
+ "sliderTrackBgColor": "rgba(255, 255, 255, 0.35)"
274
+ },
275
+ "SocialShareButton": {
276
+ "socialShareButtonLabelColorDefault": "#ffffff",
277
+ "socialShareButtonLabelColorActive": "#ffffff",
278
+ "socialShareButtonBgColorDefault": "#4a5259",
279
+ "socialShareButtonBgColorActive": "#333d40"
280
+ },
281
+ "Subheader": {
282
+ "subheadersColor": "#242629"
283
+ },
284
+ "Tab": {
285
+ "tabBgColorHover": "#e8edf0",
286
+ "tabLabelColorActive": "#333d40",
287
+ "tabLabelColorDefault": "#4a5259",
288
+ "appBottomTabBarBgColor": "#ffffff"
289
+ },
290
+ "Teaser": {
291
+ "teaserHoverOpacity": 80,
292
+ "teaserTitleBackgroundGradientStart": "rgba(0, 0, 0, 0.7)",
293
+ "teaserTitleBackgroundGradientStop": "rgba(0, 0, 0, 0)"
294
+ },
295
+ "TextLink": {
296
+ "textLinkColorPrimary": "#242629",
297
+ "textLinkColorSecondary": "#8c9196",
298
+ "textLinkColorSecondaryActive": "#242629"
299
+ },
300
+ "_DSysDoc": {
301
+ "dsDocSpacingItemBgColor": "rgba(222, 0, 0, 0.1)",
302
+ "dsDocSpacingItemBorderColor": "rgba(222, 0, 0, 0.5)",
303
+ "_DSysDocs_labelTextSurfaceColorPrimaryPrimitiveName": "BILD100",
304
+ "_DSysDocs_labelTextColorMode": "(Light Mode)"
305
+ }
306
+ }
307
+ }