TDS KiloMita Theme

The KiloMita brand theme for the TFN Design System. It packages the Figma-generated KiloMita token set — colour primitives, semantic colours, component colours and brand assets — as a ready-to-use BrandTokens instance, combined with the design system's shared spacing, shapes and typography.

Installing

dependencies:
  tds_kilomita_theme: ^0.1.0

Usage

The single entry point is KilomitaBrand.kilomitaBrand. Hand it to tds_base_theme to theme your whole app:

import 'package:flutter/material.dart';
import 'package:tds_base_theme/index.dart';
import 'package:tds_kilomita_theme/index.dart';

void main() {
  runApp(
    buildDesignSystemTheme(
      tokens: KilomitaBrand.kilomitaBrand,
      child: const MyApp(),
    ),
  );
}

Or provide the tokens directly with BrandThemeScope from tfn_design_system:

BrandThemeScope(
  tokens: KilomitaBrand.kilomitaBrand,
  child: const MyApp(),
);

What's inside

Spacing, shapes and typography come from the design system's shared base tokens (BaseSpacing, BaseShapes, BaseTextStyles), so only brand-specific values live here.

Related packages

• tfn_design_system — tokens and UI components
• tds_base_theme — builds ThemeData from brand tokens
• tds_tfn_theme — TFN brand tokens