@marioschmidt/design-system-tokens 1.0.22 → 1.0.24

package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart

@@ -12,96 +12,10 @@ import 'dart:ui';
 class Brandcolormapping {
     Brandcolormapping._();
 
-    // ============================================
-    // COMPONENT
-    // ============================================
-
-    static const chipColorActive = Color(0xFF174482);
-
-    // Component - Avatar
-    /** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
-    static const avatarLabelColor = Color(0xFF666B70);
-    /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
-    static const avatarLabelColorDark = Color(0xFFE9ECEF);
-    /** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
-    static const avatarLabelColorHover = Color(0xFF174482);
-
-    // Component - BreakingNews
-    /** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
-    static const breakingNewsTextContentColor = Color(0xFF232629);
-    /** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
-    static const breakingNewsSurfaceColor = Color(0xFFFFBF00);
-    /** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
-    static const breakingNewsTitleSurfaceColor = Color(0xFF0A2750);
-    /** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
-    static const breakingNewsTopTitleTextColor = Color(0xFFFFBF00);
-    /** This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081 */
-    static const breakingNewsSurfaceColorDark = Color(0xFFFFBF00);
-    /** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
-    static const breakingNewsTextContentColorDark = Color(0xFF232629);
-    /** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
-    static const breakingNewsBottomTitleTextColor = Color(0xFFFFFFFF);
-
-    // Component - Button - PrimaryBrand
-    /** Bild: 046 ; SpoBi: 029 */
-    static const primaryBrandButtonPrimaryBgColorIdle = Color(0xFF174482);
-    /** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
-    static const primaryBrandButtonPrimaryBgColorIdleDark = Color(0xFF315998);
-    /** Bild: 035 ; SpoBi: 016 */
-    static const primaryBrandButtonPrimaryBgColorHover = Color(0xFF0A2750);
-    /** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
-    static const primaryBrandButtonPrimaryBgColorHoverDark = Color(0xFF174482);
-
-    // Component - Button - PrimaryNeutral
-    /** Bild & SpoBi: Tone 015 */
-    static const primaryNeutralButtonPrimaryBgColorIdle = Color(0xFF232629);
-    /** Bild & SpoBi: Tone 035 */
-    static const primaryNeutralButtonPrimaryBgColorHover = Color(0xFF4B525A);
-    /** Bild & SpoBi: Tone 100 */
-    static const primaryNeutralButtonPrimaryBgColorIdleDark = Color(0xFFFFFFFF);
-    /** Bild: 093 ; SpoBi: 081 */
-    static const primaryNeutralButtonPrimaryBgColorHoverDark = Color(0xFFBDCADB);
-
-    // Component - Menu
-    /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component. */
-    static const menuLinkLaneSurfaceColor = Color(0xFF0A2750);
-    /** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
-    static const menuLinkLaneLabelColor = Color(0xFFCED4DA);
-    static const menuLinkLaneLabelColorDark = Color(0xFFAEB4B9);
-    /** 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. */
-    static const menuLinkLaneSurfaceColorDark = Color(0xFF0A2750);
-    static const menuLinkColorBorderActive = Color(0xFF0A2750);
-    static const menuLinkColorBorderActiveDark = Color(0xFFF7F9FD);
-    /** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
-    static const menuLinkLaneLabelColorActive = Color(0xFFFFFFFF);
-    static const appTopBarSurfaceColor = Color(0xFF2C3138);
-    static const appTopBarBgColorDark = Color(0xFF2C3138);
-    static const appBottomTabBarBgColor = Color(0xFFFFFFFF);
-    static const appBottomTabBarBgDark = Color(0xFF2C3138);
-    static const appTopBarIconColor = Color(0xFF8C9196);
-    static const appTopBarIconColorDark = Color(0xFF8C9196);
-    static const appTopBarTextColor = Color(0xFFE9ECEF);
-    static const appTopBarTextColorDark = Color(0xFFE9ECEF);
-    static const appTobBarTabNavBottomBorder = Color(0xFF174482);
-    static const appTobBarTabNavBottomBorderDark = Color(0xFF174482);
-    static const appTobBarTabNavBottomBorderActive = Color(0xFFCED4DA);
-    static const appTobBarTabNavBottomBorderActiveDark = Color(0xFFFFFFFF);
-
-    // Component - Teaser
-    static const teaserTitleBackgroundGradientStart = Color(0xb20a2750);
-    static const teaserTitleBackgroundGradientStop = Color(0x000a2750);
-
-
     // ============================================
     // GLOBAL
     // ============================================
 
-    // Global - Attention
-    /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
-    static const accentColorPrimary = Color(0xFF174482);
-    /** Bild: 100 ; SpoBi: 098 */
-    static const accentColorPrimaryDark = Color(0xFFF7F9FD);
-
     // Global - Core
     /** Bild: 046; SpoBi: 016 current css calls this variable main tenant color */
     static const coreColorPrimary = Color(0xFF0A2750);
@@ -114,11 +28,11 @@ class Brandcolormapping {
     /** Bild&SpoBi: 100 */
     static const coreColorTertiaryDark = Color(0xFFFFFFFF);
 
-    // Global - State
-    /** Bild: 046 ; SpoBi: 029 */
-    static const colorPrimaryActive = Color(0xFF174482);
-    /** Bild: 046 ; SpoBi: 098 */
-    static const colorPrimaryActiveDark = Color(0xFFF7F9FD);
+    // Global - Attention
+    /** Bild: Tone 046 ; SpoBi: 016 This variable is used on small UI elements such as the background color for kickers. */
+    static const accentColorPrimary = Color(0xFF174482);
+    /** Bild: 100 ; SpoBi: 098 */
+    static const accentColorPrimaryDark = Color(0xFFF7F9FD);
 
     // Global - Surface
     /** Bild: 100 ; SpoBi: 100 */
@@ -138,6 +52,12 @@ class Brandcolormapping {
     /** Bild: 035 ; SpoBi: 035 */
     static const surfaceColorQuartenaryDark = Color(0xFF4B525A);
 
+    // Global - State
+    /** Bild: 046 ; SpoBi: 029 */
+    static const colorPrimaryActive = Color(0xFF174482);
+    /** Bild: 046 ; SpoBi: 098 */
+    static const colorPrimaryActiveDark = Color(0xFFF7F9FD);
+
     // Global - Text
     /** Bild & SpoBi: Tone 015 */
     static const textColorPrimary = Color(0xFF232629);
@@ -162,4 +82,84 @@ class Brandcolormapping {
     /** Use this variable for the dark mode color of the background immediately around the kicker text element. Bild: 060 ; SpoBi: 060 */
     static const kickerBgColorOnSurfaceDark = Color(0xFF8C9196);
 
+
+    // ============================================
+    // COMPONENT
+    // ============================================
+
+    // Component - Button - PrimaryNeutral
+    /** Bild & SpoBi: Tone 015 */
+    static const primaryNeutralButtonPrimaryBgColorIdle = Color(0xFF232629);
+    /** Bild & SpoBi: Tone 035 */
+    static const primaryNeutralButtonPrimaryBgColorHover = Color(0xFF4B525A);
+    /** Bild & SpoBi: Tone 100 */
+    static const primaryNeutralButtonPrimaryBgColorIdleDark = Color(0xFFFFFFFF);
+    /** Bild: 093 ; SpoBi: 081 */
+    static const primaryNeutralButtonPrimaryBgColorHoverDark = Color(0xFFBDCADB);
+
+    // Component - Button - PrimaryBrand
+    /** Bild: 046 ; SpoBi: 029 */
+    static const primaryBrandButtonPrimaryBgColorIdle = Color(0xFF174482);
+    /** This variable controls the primary button idle color for two brands in dark mode. Bild: 046 ; SpoBi: 038 */
+    static const primaryBrandButtonPrimaryBgColorIdleDark = Color(0xFF315998);
+    /** Bild: 035 ; SpoBi: 016 */
+    static const primaryBrandButtonPrimaryBgColorHover = Color(0xFF0A2750);
+    /** This variable stores colors for the hover state of primary buttons for two brands in dark mode. Bild: 035 ; SpoBi: 029 */
+    static const primaryBrandButtonPrimaryBgColorHoverDark = Color(0xFF174482);
+
+    // Component - BreakingNews
+    /** This variable is used on the text for headlines in the horizontally animated breaking news strip. Bild: 100 ; SpoBi: 015 */
+    static const breakingNewsTextContentColor = Color(0xFF232629);
+    /** This variable is used on the breaking news strip that has horizontally animated headlines. Bild: 015 ; SpoBi: 081 */
+    static const breakingNewsSurfaceColor = Color(0xFFFFBF00);
+    /** This variable is used for the background color of the "Breaking News" title. Bild: 067 ; SpoBi: 016 */
+    static const breakingNewsTitleSurfaceColor = Color(0xFF0A2750);
+    /** This variable is used for the color of the "breaking" word in the "breaking news" horizontally animated headlines strip. Bild: 010 ; SpoBi: 081 */
+    static const breakingNewsTopTitleTextColor = Color(0xFFFFBF00);
+    /** This variable is for the background color of the horizontally animated strip with headlines for breaking news on dark mode.  Bild: 093 ; SpoBi: 081 */
+    static const breakingNewsSurfaceColorDark = Color(0xFFFFBF00);
+    /** This variable is used on the text for headlines in the horizontally animated breaking news strip on dark mode. Bild&SpoBi: 015 */
+    static const breakingNewsTextContentColorDark = Color(0xFF232629);
+    /** This variable is used for the color of the "News" word in the breaking news horizontal animated headlines strip. Bild: 010 ; SpoBi: 100 */
+    static const breakingNewsBottomTitleTextColor = Color(0xFFFFFFFF);
+
+    // Component - Teaser
+    static const teaserTitleBackgroundGradientStart = Color(0xb20a2750);
+    static const teaserTitleBackgroundGradientStop = Color(0x000a2750);
+
+    // Component - Menu
+    /** This variable is used for making possible the default color difference between the Bild and SportBild link lanes inside the menu component. */
+    static const menuLinkLaneSurfaceColor = Color(0xFF0A2750);
+    /** This variable is used for making possible the default color difference between the Bild and SportBild link lane labels inside the menu component. */
+    static const menuLinkLaneLabelColor = Color(0xFFCED4DA);
+    static const menuLinkLaneLabelColorDark = Color(0xFFAEB4B9);
+    /** 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. */
+    static const menuLinkLaneSurfaceColorDark = Color(0xFF0A2750);
+    static const menuLinkColorBorderActive = Color(0xFF0A2750);
+    static const menuLinkColorBorderActiveDark = Color(0xFFF7F9FD);
+    /** This variable is used for making possible the active color difference between the Bild and SportBild link lane labels inside the menu component. */
+    static const menuLinkLaneLabelColorActive = Color(0xFFFFFFFF);
+    static const appTopBarSurfaceColor = Color(0xFF2C3138);
+    static const appTopBarBgColorDark = Color(0xFF2C3138);
+    static const appBottomTabBarBgColor = Color(0xFFFFFFFF);
+    static const appBottomTabBarBgDark = Color(0xFF2C3138);
+    static const appTopBarIconColor = Color(0xFF8C9196);
+    static const appTopBarIconColorDark = Color(0xFF8C9196);
+    static const appTopBarTextColor = Color(0xFFE9ECEF);
+    static const appTopBarTextColorDark = Color(0xFFE9ECEF);
+    static const appTobBarTabNavBottomBorder = Color(0xFF174482);
+    static const appTobBarTabNavBottomBorderDark = Color(0xFF174482);
+    static const appTobBarTabNavBottomBorderActive = Color(0xFFCED4DA);
+    static const appTobBarTabNavBottomBorderActiveDark = Color(0xFFFFFFFF);
+
+    // Component - Avatar
+    /** 09-2025 css --article-author-name-color // Bild: 015; SpoBi: 045 */
+    static const avatarLabelColor = Color(0xFF666B70);
+    /** 09-2025 css --article-author-name-color // Bild: 100; SpoBi: 093 */
+    static const avatarLabelColorDark = Color(0xFFE9ECEF);
+    /** This variable is used for decorating the avatar text's underline color. Bild: 046; SpoBi: 029 */
+    static const avatarLabelColorHover = Color(0xFF174482);
+
+    static const chipColorActive = Color(0xFF174482);
+
 }