@marioschmidt/design-system-tokens 1.0.23 → 1.0.25

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 (246) hide show
  1. package/dist/android/brands/advertorial/sizeclass-compact/typography_styles.xml +430 -430
  2. package/dist/android/brands/advertorial/sizeclass-regular/typography_styles.xml +431 -431
  3. package/dist/android/brands/bild/sizeclass-compact/typography_styles.xml +436 -436
  4. package/dist/android/brands/bild/sizeclass-regular/typography_styles.xml +434 -434
  5. package/dist/android/brands/sportbild/sizeclass-compact/typography_styles.xml +442 -442
  6. package/dist/android/brands/sportbild/sizeclass-regular/typography_styles.xml +442 -442
  7. package/dist/css/brands/advertorial/density/density-compact.css +1 -1
  8. package/dist/css/brands/advertorial/density/density-default.css +1 -1
  9. package/dist/css/brands/advertorial/density/density-spacious.css +1 -1
  10. package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +494 -494
  11. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  12. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  13. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  14. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  15. package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +23 -23
  16. package/dist/css/brands/advertorial/semantic/effects/effects-light.css +23 -23
  17. package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +626 -626
  18. package/dist/css/brands/advertorial/semantic/typography/typography-md.css +627 -627
  19. package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +624 -624
  20. package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +624 -624
  21. package/dist/css/brands/bild/density/density-compact.css +1 -1
  22. package/dist/css/brands/bild/density/density-default.css +1 -1
  23. package/dist/css/brands/bild/density/density-spacious.css +1 -1
  24. package/dist/css/brands/bild/overrides/brandcolormapping.css +140 -140
  25. package/dist/css/brands/bild/overrides/brandtokenmapping.css +494 -494
  26. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  27. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  28. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  29. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  30. package/dist/css/brands/bild/semantic/color/colormode-dark.css +385 -385
  31. package/dist/css/brands/bild/semantic/color/colormode-light.css +385 -385
  32. package/dist/css/brands/bild/semantic/effects/effects-dark.css +23 -23
  33. package/dist/css/brands/bild/semantic/effects/effects-light.css +23 -23
  34. package/dist/css/brands/bild/semantic/typography/typography-lg.css +637 -637
  35. package/dist/css/brands/bild/semantic/typography/typography-md.css +632 -632
  36. package/dist/css/brands/bild/semantic/typography/typography-sm.css +632 -632
  37. package/dist/css/brands/bild/semantic/typography/typography-xs.css +633 -633
  38. package/dist/css/brands/sportbild/density/density-compact.css +1 -1
  39. package/dist/css/brands/sportbild/density/density-default.css +1 -1
  40. package/dist/css/brands/sportbild/density/density-spacious.css +1 -1
  41. package/dist/css/brands/sportbild/overrides/brandcolormapping.css +140 -140
  42. package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +494 -494
  43. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
  44. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
  45. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
  46. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
  47. package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +385 -385
  48. package/dist/css/brands/sportbild/semantic/color/colormode-light.css +385 -385
  49. package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +23 -23
  50. package/dist/css/brands/sportbild/semantic/effects/effects-light.css +23 -23
  51. package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +632 -632
  52. package/dist/css/brands/sportbild/semantic/typography/typography-md.css +631 -631
  53. package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +631 -631
  54. package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +631 -631
  55. package/dist/css/shared/colorprimitive.css +97 -97
  56. package/dist/css/shared/fontprimitive.css +22 -22
  57. package/dist/css/shared/sizeprimitive.css +1 -1
  58. package/dist/css/shared/spaceprimitive.css +1 -1
  59. package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +291 -291
  60. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  61. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  62. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  63. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  64. package/dist/flutter/brands/advertorial/semantic/effects/effects-dark.dart +186 -15
  65. package/dist/flutter/brands/advertorial/semantic/effects/effects-light.dart +186 -15
  66. package/dist/flutter/brands/advertorial/semantic/typography/typography-lg.dart +1060 -138
  67. package/dist/flutter/brands/advertorial/semantic/typography/typography-md.dart +1059 -137
  68. package/dist/flutter/brands/advertorial/semantic/typography/typography-sm.dart +1060 -138
  69. package/dist/flutter/brands/advertorial/semantic/typography/typography-xs.dart +1059 -137
  70. package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +91 -91
  71. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +291 -291
  72. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  73. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  74. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  75. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  76. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +389 -389
  77. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +389 -389
  78. package/dist/flutter/brands/bild/semantic/effects/effects-dark.dart +186 -15
  79. package/dist/flutter/brands/bild/semantic/effects/effects-light.dart +186 -15
  80. package/dist/flutter/brands/bild/semantic/typography/typography-lg.dart +1060 -138
  81. package/dist/flutter/brands/bild/semantic/typography/typography-md.dart +1059 -137
  82. package/dist/flutter/brands/bild/semantic/typography/typography-sm.dart +1060 -138
  83. package/dist/flutter/brands/bild/semantic/typography/typography-xs.dart +1059 -137
  84. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +91 -91
  85. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +291 -291
  86. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
  87. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
  88. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
  89. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
  90. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +389 -389
  91. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +389 -389
  92. package/dist/flutter/brands/sportbild/semantic/effects/effects-dark.dart +186 -15
  93. package/dist/flutter/brands/sportbild/semantic/effects/effects-light.dart +186 -15
  94. package/dist/flutter/brands/sportbild/semantic/typography/typography-lg.dart +1060 -138
  95. package/dist/flutter/brands/sportbild/semantic/typography/typography-md.dart +1059 -137
  96. package/dist/flutter/brands/sportbild/semantic/typography/typography-sm.dart +1060 -138
  97. package/dist/flutter/brands/sportbild/semantic/typography/typography-xs.dart +1059 -137
  98. package/dist/flutter/shared/colorprimitive.dart +82 -82
  99. package/dist/flutter/shared/fontprimitive.dart +21 -21
  100. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +291 -291
  101. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  102. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  103. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  104. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  105. package/dist/ios/brands/advertorial/semantic/effects/EffectsDark.swift +48 -16
  106. package/dist/ios/brands/advertorial/semantic/effects/EffectsLight.swift +48 -16
  107. package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +200 -200
  108. package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +200 -200
  109. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +91 -91
  110. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +291 -291
  111. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  112. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  113. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  114. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  115. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +389 -389
  116. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +389 -389
  117. package/dist/ios/brands/bild/semantic/effects/EffectsDark.swift +48 -16
  118. package/dist/ios/brands/bild/semantic/effects/EffectsLight.swift +48 -16
  119. package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +200 -200
  120. package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +200 -200
  121. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +91 -91
  122. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +291 -291
  123. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
  124. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
  125. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
  126. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
  127. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +389 -389
  128. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +389 -389
  129. package/dist/ios/brands/sportbild/semantic/effects/EffectsDark.swift +48 -16
  130. package/dist/ios/brands/sportbild/semantic/effects/EffectsLight.swift +48 -16
  131. package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +200 -200
  132. package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +200 -200
  133. package/dist/ios/shared/Colorprimitive.swift +82 -82
  134. package/dist/ios/shared/Fontprimitive.swift +21 -21
  135. package/dist/js/brands/advertorial/density/density-compact.js +1 -1
  136. package/dist/js/brands/advertorial/density/density-default.js +1 -1
  137. package/dist/js/brands/advertorial/density/density-spacious.js +1 -1
  138. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +292 -292
  139. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  140. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  141. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  142. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  143. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +181 -21
  144. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +181 -21
  145. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +892 -254
  146. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +892 -254
  147. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +892 -254
  148. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +892 -254
  149. package/dist/js/brands/bild/density/density-compact.js +1 -1
  150. package/dist/js/brands/bild/density/density-default.js +1 -1
  151. package/dist/js/brands/bild/density/density-spacious.js +1 -1
  152. package/dist/js/brands/bild/overrides/brandcolormapping.js +92 -92
  153. package/dist/js/brands/bild/overrides/brandtokenmapping.js +292 -292
  154. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  155. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  156. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  157. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  158. package/dist/js/brands/bild/semantic/color/colormode-dark.js +390 -390
  159. package/dist/js/brands/bild/semantic/color/colormode-light.js +390 -390
  160. package/dist/js/brands/bild/semantic/effects/effects-dark.js +181 -21
  161. package/dist/js/brands/bild/semantic/effects/effects-light.js +181 -21
  162. package/dist/js/brands/bild/semantic/typography/typography-lg.js +892 -254
  163. package/dist/js/brands/bild/semantic/typography/typography-md.js +892 -254
  164. package/dist/js/brands/bild/semantic/typography/typography-sm.js +892 -254
  165. package/dist/js/brands/bild/semantic/typography/typography-xs.js +892 -254
  166. package/dist/js/brands/sportbild/density/density-compact.js +1 -1
  167. package/dist/js/brands/sportbild/density/density-default.js +1 -1
  168. package/dist/js/brands/sportbild/density/density-spacious.js +1 -1
  169. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +92 -92
  170. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +292 -292
  171. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
  172. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
  173. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
  174. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
  175. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +390 -390
  176. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +390 -390
  177. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +181 -21
  178. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +181 -21
  179. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +892 -254
  180. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +892 -254
  181. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +892 -254
  182. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +892 -254
  183. package/dist/js/shared/colorprimitive.js +83 -83
  184. package/dist/js/shared/fontprimitive.js +22 -22
  185. package/dist/js/shared/sizeprimitive.js +1 -1
  186. package/dist/js/shared/spaceprimitive.js +1 -1
  187. package/dist/manifest.json +1 -1
  188. package/dist/scss/brands/advertorial/density/density-compact.scss +1 -1
  189. package/dist/scss/brands/advertorial/density/density-default.scss +1 -1
  190. package/dist/scss/brands/advertorial/density/density-spacious.scss +1 -1
  191. package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +292 -292
  192. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  193. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  194. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  195. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  196. package/dist/scss/brands/bild/density/density-compact.scss +1 -1
  197. package/dist/scss/brands/bild/density/density-default.scss +1 -1
  198. package/dist/scss/brands/bild/density/density-spacious.scss +1 -1
  199. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +92 -92
  200. package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +292 -292
  201. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  202. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  203. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  204. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  205. package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +390 -390
  206. package/dist/scss/brands/bild/semantic/color/colormode-light.scss +390 -390
  207. package/dist/scss/brands/sportbild/density/density-compact.scss +1 -1
  208. package/dist/scss/brands/sportbild/density/density-default.scss +1 -1
  209. package/dist/scss/brands/sportbild/density/density-spacious.scss +1 -1
  210. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +92 -92
  211. package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +292 -292
  212. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
  213. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
  214. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
  215. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
  216. package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +390 -390
  217. package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +390 -390
  218. package/dist/scss/shared/colorprimitive.scss +83 -83
  219. package/dist/scss/shared/fontprimitive.scss +22 -22
  220. package/dist/scss/shared/sizeprimitive.scss +1 -1
  221. package/dist/scss/shared/spaceprimitive.scss +1 -1
  222. package/package.json +1 -1
  223. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-dark.xml +0 -20
  224. package/dist/android/res/values/brands/advertorial/semantic/effects/effects-light.xml +0 -20
  225. package/dist/android/res/values/brands/bild/semantic/effects/effects-dark.xml +0 -20
  226. package/dist/android/res/values/brands/bild/semantic/effects/effects-light.xml +0 -20
  227. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-dark.xml +0 -20
  228. package/dist/android/res/values/brands/sportbild/semantic/effects/effects-light.xml +0 -20
  229. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +0 -56
  230. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +0 -56
  231. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +0 -459
  232. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +0 -459
  233. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +0 -459
  234. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +0 -459
  235. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +0 -56
  236. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +0 -56
  237. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +0 -459
  238. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +0 -459
  239. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +0 -459
  240. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +0 -459
  241. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +0 -56
  242. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +0 -56
  243. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +0 -459
  244. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +0 -459
  245. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +0 -459
  246. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +0 -459
@@ -12,96 +12,10 @@ import 'dart:ui';
12
12
  class Brandcolormapping {
13
13
  Brandcolormapping._();
14
14
 
15
- // ============================================
16
- // COMPONENT
17
- // ============================================
18
-
19
- static const chipColorActive = Color(0xFFDD0000);
20
-
21
- // Component - Avatar
22
- /** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
23
- static const avatarLabelColor = Color(0xFF232629);
24
- /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
25
- static const avatarLabelColorDark = Color(0xFFFFFFFF);
26
- /** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
27
- static const avatarLabelColorHover = Color(0xFFDD0000);
28
-
29
- // Component - BreakingNews
30
- /** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
31
- static const breakingNewsTextContentColor = Color(0xFFFFFFFF);
32
- /** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
33
- static const breakingNewsSurfaceColor = Color(0xFF232629);
34
- /** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
35
- static const breakingNewsTitleSurfaceColor = Color(0xFFFD8227);
36
- /** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
37
- static const breakingNewsTopTitleTextColor = Color(0xFF1C1C1C);
38
- /** This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode. Bild: 093 ; SpoBi: 081 */
39
- static const breakingNewsSurfaceColorDark = Color(0xFFE9ECEF);
40
- /** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
41
- static const breakingNewsTextContentColorDark = Color(0xFF232629);
42
- /** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
43
- static const breakingNewsBottomTitleTextColor = Color(0xFF1C1C1C);
44
-
45
- // Component - Button - PrimaryBrand
46
- /** Bild: 046 ; SpoBi: 029 */
47
- static const primaryBrandButtonPrimaryBgColorIdle = Color(0xFFDD0000);
48
- /** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
49
- static const primaryBrandButtonPrimaryBgColorIdleDark = Color(0xFFDD0000);
50
- /** Bild: 035 ; SpoBi: 016 */
51
- static const primaryBrandButtonPrimaryBgColorHover = Color(0xFFAF0002);
52
- /** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
53
- static const primaryBrandButtonPrimaryBgColorHoverDark = Color(0xFFAF0002);
54
-
55
- // Component - Button - PrimaryNeutral
56
- /** Bild & SpoBi: Tone 015 */
57
- static const primaryNeutralButtonPrimaryBgColorIdle = Color(0xFF232629);
58
- /** Bild & SpoBi: Tone 035 */
59
- static const primaryNeutralButtonPrimaryBgColorHover = Color(0xFF4B525A);
60
- /** Bild & SpoBi: Tone 100 */
61
- static const primaryNeutralButtonPrimaryBgColorIdleDark = Color(0xFFFFFFFF);
62
- /** Bild: 093 ; SpoBi: 081 */
63
- static const primaryNeutralButtonPrimaryBgColorHoverDark = Color(0xFFE9ECEF);
64
-
65
- // Component - Menu
66
- /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component. */
67
- static const menuLinkLaneSurfaceColor = Color(0xFFFFFFFF);
68
- /** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
69
- static const menuLinkLaneLabelColor = Color(0xFF4B525A);
70
- static const menuLinkLaneLabelColorDark = Color(0xFF8C9196);
71
- /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component on Dark mode. */
72
- static const menuLinkLaneSurfaceColorDark = Color(0xFF232629);
73
- static const menuLinkColorBorderActive = Color(0xFFDD0000);
74
- static const menuLinkColorBorderActiveDark = Color(0xFFFFFFFF);
75
- /** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
76
- static const menuLinkLaneLabelColorActive = Color(0xFF232629);
77
- static const appTopBarSurfaceColor = Color(0xFFFFFFFF);
78
- static const appTopBarBgColorDark = Color(0xFF343C41);
79
- static const appBottomTabBarBgColor = Color(0xFFFFFFFF);
80
- static const appBottomTabBarBgDark = Color(0xFF343C41);
81
- static const appTopBarIconColor = Color(0xFF4B525A);
82
- static const appTopBarIconColorDark = Color(0xFF8C9196);
83
- static const appTopBarTextColor = Color(0xFF232629);
84
- static const appTopBarTextColorDark = Color(0xFFE9ECEF);
85
- static const appTobBarTabNavBottomBorder = Color(0xFFE9ECEF);
86
- static const appTobBarTabNavBottomBorderDark = Color(0xFF4B525A);
87
- static const appTobBarTabNavBottomBorderActive = Color(0xFFDD0000);
88
- static const appTobBarTabNavBottomBorderActiveDark = Color(0xFFFFFFFF);
89
-
90
- // Component - Teaser
91
- static const teaserTitleBackgroundGradientStart = Color(0xb2000000);
92
- static const teaserTitleBackgroundGradientStop = Color(0x00000000);
93
-
94
-
95
15
  // ============================================
96
16
  // GLOBAL
97
17
  // ============================================
98
18
 
99
- // Global - Attention
100
- /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
101
- static const accentColorPrimary = Color(0xFFDD0000);
102
- /** Bild: 100 ; SpoBi: 098 */
103
- static const accentColorPrimaryDark = Color(0xFFFFFFFF);
104
-
105
19
  // Global - Core
106
20
  /** Bild: 046; SpoBi: 016 current css calls this variable main tenant color */
107
21
  static const coreColorPrimary = Color(0xFFDD0000);
@@ -114,11 +28,11 @@ class Brandcolormapping {
114
28
  /** Bild&SpoBi: 100 */
115
29
  static const coreColorTertiaryDark = Color(0xFFFFFFFF);
116
30
 
117
- // Global - State
118
- /** Bild: 046 ; SpoBi: 029 */
119
- static const colorPrimaryActive = Color(0xFFDD0000);
120
- /** Bild: 046 ; SpoBi: 098 */
121
- static const colorPrimaryActiveDark = Color(0xFFDD0000);
31
+ // Global - Attention
32
+ /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
33
+ static const accentColorPrimary = Color(0xFFDD0000);
34
+ /** Bild: 100 ; SpoBi: 098 */
35
+ static const accentColorPrimaryDark = Color(0xFFFFFFFF);
122
36
 
123
37
  // Global - Surface
124
38
  /** Bild: 100 ; SpoBi: 100 */
@@ -138,6 +52,12 @@ class Brandcolormapping {
138
52
  /** Bild: 035 ; SpoBi: 035 */
139
53
  static const surfaceColorQuartenaryDark = Color(0xFF4B525A);
140
54
 
55
+ // Global - State
56
+ /** Bild: 046 ; SpoBi: 029 */
57
+ static const colorPrimaryActive = Color(0xFFDD0000);
58
+ /** Bild: 046 ; SpoBi: 098 */
59
+ static const colorPrimaryActiveDark = Color(0xFFDD0000);
60
+
141
61
  // Global - Text
142
62
  /** Bild & SpoBi: Tone 015 */
143
63
  static const textColorPrimary = Color(0xFF232629);
@@ -162,4 +82,84 @@ class Brandcolormapping {
162
82
  /** Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 */
163
83
  static const kickerBgColorOnSurfaceDark = Color(0xFF8C9196);
164
84
 
85
+
86
+ // ============================================
87
+ // COMPONENT
88
+ // ============================================
89
+
90
+ // Component - Button - PrimaryNeutral
91
+ /** Bild & SpoBi: Tone 015 */
92
+ static const primaryNeutralButtonPrimaryBgColorIdle = Color(0xFF232629);
93
+ /** Bild & SpoBi: Tone 035 */
94
+ static const primaryNeutralButtonPrimaryBgColorHover = Color(0xFF4B525A);
95
+ /** Bild & SpoBi: Tone 100 */
96
+ static const primaryNeutralButtonPrimaryBgColorIdleDark = Color(0xFFFFFFFF);
97
+ /** Bild: 093 ; SpoBi: 081 */
98
+ static const primaryNeutralButtonPrimaryBgColorHoverDark = Color(0xFFE9ECEF);
99
+
100
+ // Component - Button - PrimaryBrand
101
+ /** Bild: 046 ; SpoBi: 029 */
102
+ static const primaryBrandButtonPrimaryBgColorIdle = Color(0xFFDD0000);
103
+ /** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
104
+ static const primaryBrandButtonPrimaryBgColorIdleDark = Color(0xFFDD0000);
105
+ /** Bild: 035 ; SpoBi: 016 */
106
+ static const primaryBrandButtonPrimaryBgColorHover = Color(0xFFAF0002);
107
+ /** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
108
+ static const primaryBrandButtonPrimaryBgColorHoverDark = Color(0xFFAF0002);
109
+
110
+ // Component - BreakingNews
111
+ /** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
112
+ static const breakingNewsTextContentColor = Color(0xFFFFFFFF);
113
+ /** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
114
+ static const breakingNewsSurfaceColor = Color(0xFF232629);
115
+ /** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
116
+ static const breakingNewsTitleSurfaceColor = Color(0xFFFD8227);
117
+ /** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
118
+ static const breakingNewsTopTitleTextColor = Color(0xFF1C1C1C);
119
+ /** This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode. Bild: 093 ; SpoBi: 081 */
120
+ static const breakingNewsSurfaceColorDark = Color(0xFFE9ECEF);
121
+ /** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
122
+ static const breakingNewsTextContentColorDark = Color(0xFF232629);
123
+ /** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
124
+ static const breakingNewsBottomTitleTextColor = Color(0xFF1C1C1C);
125
+
126
+ // Component - Teaser
127
+ static const teaserTitleBackgroundGradientStart = Color(0xb2000000);
128
+ static const teaserTitleBackgroundGradientStop = Color(0x00000000);
129
+
130
+ // Component - Menu
131
+ /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component. */
132
+ static const menuLinkLaneSurfaceColor = Color(0xFFFFFFFF);
133
+ /** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
134
+ static const menuLinkLaneLabelColor = Color(0xFF4B525A);
135
+ static const menuLinkLaneLabelColorDark = Color(0xFF8C9196);
136
+ /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component on Dark mode. */
137
+ static const menuLinkLaneSurfaceColorDark = Color(0xFF232629);
138
+ static const menuLinkColorBorderActive = Color(0xFFDD0000);
139
+ static const menuLinkColorBorderActiveDark = Color(0xFFFFFFFF);
140
+ /** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
141
+ static const menuLinkLaneLabelColorActive = Color(0xFF232629);
142
+ static const appTopBarSurfaceColor = Color(0xFFFFFFFF);
143
+ static const appTopBarBgColorDark = Color(0xFF343C41);
144
+ static const appBottomTabBarBgColor = Color(0xFFFFFFFF);
145
+ static const appBottomTabBarBgDark = Color(0xFF343C41);
146
+ static const appTopBarIconColor = Color(0xFF4B525A);
147
+ static const appTopBarIconColorDark = Color(0xFF8C9196);
148
+ static const appTopBarTextColor = Color(0xFF232629);
149
+ static const appTopBarTextColorDark = Color(0xFFE9ECEF);
150
+ static const appTobBarTabNavBottomBorder = Color(0xFFE9ECEF);
151
+ static const appTobBarTabNavBottomBorderDark = Color(0xFF4B525A);
152
+ static const appTobBarTabNavBottomBorderActive = Color(0xFFDD0000);
153
+ static const appTobBarTabNavBottomBorderActiveDark = Color(0xFFFFFFFF);
154
+
155
+ // Component - Avatar
156
+ /** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
157
+ static const avatarLabelColor = Color(0xFF232629);
158
+ /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
159
+ static const avatarLabelColorDark = Color(0xFFFFFFFF);
160
+ /** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
161
+ static const avatarLabelColorHover = Color(0xFFDD0000);
162
+
163
+ static const chipColorActive = Color(0xFFDD0000);
164
+
165
165
  }