@marioschmidt/design-system-tokens 1.0.23 → 1.0.24
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.
- package/dist/android/brands/advertorial/sizeclass-compact/typography_styles.xml +430 -430
- package/dist/android/brands/advertorial/sizeclass-regular/typography_styles.xml +431 -431
- package/dist/android/brands/bild/sizeclass-compact/typography_styles.xml +436 -436
- package/dist/android/brands/bild/sizeclass-regular/typography_styles.xml +434 -434
- package/dist/android/brands/sportbild/sizeclass-compact/typography_styles.xml +442 -442
- package/dist/android/brands/sportbild/sizeclass-regular/typography_styles.xml +442 -442
- package/dist/css/brands/advertorial/density/density-compact.css +1 -1
- package/dist/css/brands/advertorial/density/density-default.css +1 -1
- package/dist/css/brands/advertorial/density/density-spacious.css +1 -1
- package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/advertorial/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +626 -626
- package/dist/css/brands/advertorial/semantic/typography/typography-md.css +627 -627
- package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +624 -624
- package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +624 -624
- package/dist/css/brands/bild/density/density-compact.css +1 -1
- package/dist/css/brands/bild/density/density-default.css +1 -1
- package/dist/css/brands/bild/density/density-spacious.css +1 -1
- package/dist/css/brands/bild/overrides/brandcolormapping.css +140 -140
- package/dist/css/brands/bild/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/bild/semantic/color/colormode-dark.css +385 -385
- package/dist/css/brands/bild/semantic/color/colormode-light.css +385 -385
- package/dist/css/brands/bild/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/bild/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/bild/semantic/typography/typography-lg.css +637 -637
- package/dist/css/brands/bild/semantic/typography/typography-md.css +632 -632
- package/dist/css/brands/bild/semantic/typography/typography-sm.css +632 -632
- package/dist/css/brands/bild/semantic/typography/typography-xs.css +633 -633
- package/dist/css/brands/sportbild/density/density-compact.css +1 -1
- package/dist/css/brands/sportbild/density/density-default.css +1 -1
- package/dist/css/brands/sportbild/density/density-spacious.css +1 -1
- package/dist/css/brands/sportbild/overrides/brandcolormapping.css +140 -140
- package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +385 -385
- package/dist/css/brands/sportbild/semantic/color/colormode-light.css +385 -385
- package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/sportbild/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +632 -632
- package/dist/css/brands/sportbild/semantic/typography/typography-md.css +631 -631
- package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +631 -631
- package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +631 -631
- package/dist/css/shared/colorprimitive.css +97 -97
- package/dist/css/shared/fontprimitive.css +22 -22
- package/dist/css/shared/sizeprimitive.css +1 -1
- package/dist/css/shared/spaceprimitive.css +1 -1
- package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +91 -91
- package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +389 -389
- package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +389 -389
- package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +91 -91
- package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +389 -389
- package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +389 -389
- package/dist/flutter/shared/colorprimitive.dart +82 -82
- package/dist/flutter/shared/fontprimitive.dart +21 -21
- package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +91 -91
- package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +389 -389
- package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +389 -389
- package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +91 -91
- package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +389 -389
- package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +389 -389
- package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/shared/Colorprimitive.swift +82 -82
- package/dist/ios/shared/Fontprimitive.swift +21 -21
- package/dist/js/brands/advertorial/density/density-compact.js +1 -1
- package/dist/js/brands/advertorial/density/density-default.js +1 -1
- package/dist/js/brands/advertorial/density/density-spacious.js +1 -1
- package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/advertorial/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +210 -210
- package/dist/js/brands/bild/density/density-compact.js +1 -1
- package/dist/js/brands/bild/density/density-default.js +1 -1
- package/dist/js/brands/bild/density/density-spacious.js +1 -1
- package/dist/js/brands/bild/overrides/brandcolormapping.js +92 -92
- package/dist/js/brands/bild/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/bild/semantic/color/colormode-dark.js +390 -390
- package/dist/js/brands/bild/semantic/color/colormode-light.js +390 -390
- package/dist/js/brands/bild/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/bild/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/bild/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-xs.js +210 -210
- package/dist/js/brands/sportbild/density/density-compact.js +1 -1
- package/dist/js/brands/sportbild/density/density-default.js +1 -1
- package/dist/js/brands/sportbild/density/density-spacious.js +1 -1
- package/dist/js/brands/sportbild/overrides/brandcolormapping.js +92 -92
- package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +390 -390
- package/dist/js/brands/sportbild/semantic/color/colormode-light.js +390 -390
- package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/sportbild/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +210 -210
- package/dist/js/shared/colorprimitive.js +83 -83
- package/dist/js/shared/fontprimitive.js +22 -22
- package/dist/js/shared/sizeprimitive.js +1 -1
- package/dist/js/shared/spaceprimitive.js +1 -1
- package/dist/manifest.json +1 -1
- package/dist/scss/brands/advertorial/density/density-compact.scss +1 -1
- package/dist/scss/brands/advertorial/density/density-default.scss +1 -1
- package/dist/scss/brands/advertorial/density/density-spacious.scss +1 -1
- package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/brands/bild/density/density-compact.scss +1 -1
- package/dist/scss/brands/bild/density/density-default.scss +1 -1
- package/dist/scss/brands/bild/density/density-spacious.scss +1 -1
- package/dist/scss/brands/bild/overrides/brandcolormapping.scss +92 -92
- package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +390 -390
- package/dist/scss/brands/bild/semantic/color/colormode-light.scss +390 -390
- package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/bild/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/brands/sportbild/density/density-compact.scss +1 -1
- package/dist/scss/brands/sportbild/density/density-default.scss +1 -1
- package/dist/scss/brands/sportbild/density/density-spacious.scss +1 -1
- package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +92 -92
- package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +390 -390
- package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +390 -390
- package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/shared/colorprimitive.scss +83 -83
- package/dist/scss/shared/fontprimitive.scss +22 -22
- package/dist/scss/shared/sizeprimitive.scss +1 -1
- package/dist/scss/shared/spaceprimitive.scss +1 -1
- package/package.json +1 -1
|
@@ -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 -
|
|
118
|
-
/** Bild: 046 ; SpoBi:
|
|
119
|
-
static const
|
|
120
|
-
/** Bild:
|
|
121
|
-
static const
|
|
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
|
}
|