KohlerTheme class

Theme-related values for the Kohler brand.

Colors are obtained from designs for the Dealer Service App, as well as high-fidelity designs for the Homeowner App

All values are available as static getters, so they can be used in the build methods of widgets.

For easier maintenance, the theme variants should share as much code as possible. Consider editing the shared create methods when editing themes.

Theme colors should always use the color schemes as the source of truth for color as much as possible. Avoid hard-coding colors anywhere in the theme.

Constructors

KohlerTheme()

Properties

hashCode int
The hash code for this object.
no setterinherited
runtimeType Type
A representation of the runtime type of the object.
no setterinherited

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() String
A string representation of this object.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited

Static Properties

altDarkTheme ThemeData
Alternate dark theme with black background for the Kohler brand
no setter
blueBackground Color
Blue background 1 - typically used for label chips
no setter
buttonWithIconPadding EdgeInsets
Padding for a button-style button with an icon
no setter
colorScheme ColorScheme
Color scheme for the Kohler brand
no setter
darkAccentGrey Color
Kohler Gray 3 - grey color typically used as a tertiary color for accents in dark themes
no setter
darkBlueContainer Color
Blue container background used in dark themes
no setter
darkBlueSecondaryContainer Color
Blue container secondary background used in dark themes
no setter
darkColorScheme ColorScheme
Dark color scheme for the Kohler brand
no setter
darkOnSurfaceGrey Color
Kohler Gray 4 - grey color used for text on dark-themed surfaces
no setter
darkTheme ThemeData
Dark theme for the Kohler brand
no setter
energyBlue Color
Kohler Energy Blue - primary color used to accent designs
no setter
energyDarkBlue Color
Kohler Energy Dark Blue - primary color used to accent designs in the dark theme
no setter
lightAccentGrey Color
Kohler Gray 2 - grey color typically used as a tertiary color for accents in light themes
no setter
lightBlueContainer Color
Blue container background used in light themes
no setter
lightBlueSecondaryContainer Color
Blue container secondary background used in light themes
no setter
lightOnSurfaceGrey Color
Kohler Gray 1 - grey color used for text on light-themed surfaces
no setter
secondaryBlue Color
Secondary blue color, usually used as an alternative to energyBlue
no setter
secondaryBlueBackground Color
Blue background 2 - typically used for navigation bar items
no setter
secondaryDarkBlue Color
Secondary dark blue color, usually used as an alternative to energyDarkBlue in the dark theme
no setter
textTheme TextTheme
Text theme for the Kohler brand.
no setter
theme ThemeData
Theme for the Kohler brand
no setter

Static Methods

altAppBarTheme(BuildContext context) AppBarTheme
Alternative app bar theme that uses the primary color as the background of the app bar.
altTabBarTheme(BuildContext context) TabBarTheme
Alternative tab bar theme that assumes the primary color is the background of the tab bar.
elevatedMaterialBackgroundColor(BuildContext context) Color
Color suitable for an elevated material background such as dropdown menus or the background of a refresh indicator.
errorTagButtonStyle(BuildContext context) ButtonStyle
Error button style for an ElevatedButton that matches the Kohler "tag" widget style usually used for status labels.
systemUiOverlayStyleFor(ThemeData theme) SystemUiOverlayStyle
tagButtonStyle(BuildContext context) ButtonStyle
Button style for an ElevatedButton that matches the Kohler "tag" widget style usually used for status labels.

Constants

dmSansFamily → const String