ouds_theme_orange 1.0.0
ouds_theme_orange: ^1.0.0 copied to clipboard
Orange theme implementation for OUDS, with branding-specific design tokens.
Use this package as a library
Depend on it
Run this command:
With Flutter:
$ flutter pub add ouds_theme_orangeThis will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):
dependencies:
ouds_theme_orange: ^1.0.0Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.
Import it
Now in your Dart code, you can use:
import 'package:ouds_theme_orange/components/orange_badge_tokens.dart';
import 'package:ouds_theme_orange/components/orange_bar_tokens.dart';
import 'package:ouds_theme_orange/components/orange_buttonMono_tokens.dart';
import 'package:ouds_theme_orange/components/orange_button_tokens.dart';
import 'package:ouds_theme_orange/components/orange_checkbox_tokens.dart';
import 'package:ouds_theme_orange/components/orange_chip_tokens.dart';
import 'package:ouds_theme_orange/components/orange_controlItem_tokens.dart';
import 'package:ouds_theme_orange/components/orange_divider_tokens.dart';
import 'package:ouds_theme_orange/components/orange_inputTag_tokens.dart';
import 'package:ouds_theme_orange/components/orange_linkMono_tokens.dart';
import 'package:ouds_theme_orange/components/orange_link_tokens.dart';
import 'package:ouds_theme_orange/components/orange_pinCodeInput_tokens.dart';
import 'package:ouds_theme_orange/components/orange_radioButton_tokens.dart';
import 'package:ouds_theme_orange/components/orange_skeleton_tokens.dart';
import 'package:ouds_theme_orange/components/orange_switch_tokens.dart';
import 'package:ouds_theme_orange/components/orange_tag_tokens.dart';
import 'package:ouds_theme_orange/components/orange_textInput_tokens.dart';
import 'package:ouds_theme_orange/material/orange_material_color_tokens.dart';
import 'package:ouds_theme_orange/orange_theme.dart';
import 'package:ouds_theme_orange/raw/orange_color_raw_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_border_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_action_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_always_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_bg_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_border_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_content_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_decorative_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_opacity_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_overlay_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_repository_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_color_surface_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_effect_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_elevation_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_font_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_grid_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_opacity_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_size_semantic_tokens.dart';
import 'package:ouds_theme_orange/semantic/orange_space_semantic_tokens.dart';