lightTheme property

BsThemeData lightTheme
final

Implementation

static final BsThemeData lightTheme = BsThemeData(
  primary: BsColors.primary,
  secondary: BsColors.secondary,
  success: BsColors.success,
  danger: BsColors.danger,
  warning: BsColors.warning,
  info: BsColors.info,
  light: BsColors.light,
  dark: BsColors.dark,
  onDark: const Color(0xFFFFFFFF),
  onLight: const Color(0xFF000000),

  bodyText: BsColors.gray[900]!,
  bodyTextSecondary: BsColors.gray[900]!.withValues(alpha: 0.75),
  bodyTextTertiary: BsColors.gray[900]!.withValues(alpha: 0.50),
  emphasisColor: const Color(0xFF000000),

  bodyBg: BsColors.bodyBg,
  bodyBgSecondary: BsColors.gray[200]!, // $gray-200 = #e9ecef
  bodyBgTertiary: BsColors.gray[100]!, // $gray-100 = #f8f9fa

  border: BsColors.gray[300]!, // $gray-300 = #dee2e6
  borderTranslucent: const Color(0x2D000000), // rgba(0,0,0,.175)

  linkColor: BsColors.blue[500]!, // $primary = blue-500
  linkHoverColor:
      BsColors.blue[600]!, // shade-color($primary, 20%) = blue-600
  // shade-color($color, 60%) = 800 stop
  primaryTextEmphasis: BsColors.blue[800]!,
  secondaryTextEmphasis: BsColors.gray[700]!,
  successTextEmphasis: BsColors.green[800]!,
  dangerTextEmphasis: BsColors.red[800]!,
  warningTextEmphasis: BsColors.yellow[800]!,
  infoTextEmphasis: BsColors.cyan[800]!,
  lightTextEmphasis: BsColors.gray[600]!,
  darkTextEmphasis: BsColors.gray[600]!,

  // tint-color($color, 80%) = 100 stop
  primaryBgSubtle: BsColors.blue[100]!,
  secondaryBgSubtle: BsColors
      .gray[100]!, // tint-color($secondary, 80%) ≈ gray-100 range; Bootstrap uses #e2e3e5, close to gray-200
  successBgSubtle: BsColors.green[100]!,
  dangerBgSubtle: BsColors.red[100]!,
  warningBgSubtle: BsColors.yellow[100]!,
  infoBgSubtle: BsColors.cyan[100]!,
  lightBgSubtle: BsColors.gray[100]!, // tint-color($light, 80%) ≈ gray-100
  darkBgSubtle: BsColors.gray[400]!, // Bootstrap: #ced4da = gray-400
  // tint-color($color, 60%) = 200 stop
  primaryBorderSubtle: BsColors.blue[200]!,
  secondaryBorderSubtle: BsColors.gray[200]!,
  successBorderSubtle: BsColors.green[200]!,
  dangerBorderSubtle: BsColors.red[200]!,
  warningBorderSubtle: BsColors.yellow[200]!,
  infoBorderSubtle: BsColors.cyan[200]!,
  lightBorderSubtle: BsColors.gray[200]!,
  darkBorderSubtle: BsColors.gray[500]!, // Bootstrap: #adb5bd = gray-500
);