widget_styles.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';

 
// ============================================================================
// Colors
// ============================================================================

const Color kBaseBlackColor = Color.fromRGBO(21, 45, 71, 1);

const Color kBaseBlueColor = Color.fromRGBO(48, 170, 217, 1);

const Color kButtonBackgroundColor = Color.fromRGBO(250, 250, 250, 0.8);

const Color kButtonBackgroundColorOpaque = Color.fromRGBO(250, 250, 250, 0.95);

const Color kWhiteBackgroundColor = Color.fromRGBO(255, 255, 255, 0.95);

const Color kBorderColor = Color.fromRGBO(209, 209, 209, 1);

const Color kShadowColor = Color.fromRGBO(21, 45, 71, 0.2);
 
// ============================================================================
// Shadows
// ============================================================================

const BoxShadow kStandardShadow = BoxShadow(
  color: kShadowColor,
  offset: Offset(0, 4),
  blurRadius: 6,
  spreadRadius: 0,
);

const List<BoxShadow> kStandardShadows = [kStandardShadow];
 
// ============================================================================
// Border Radius
// ============================================================================

const double kBorderRadius = 4.0;

const BorderRadius kStandardBorderRadius = BorderRadius.all(Radius.circular(kBorderRadius));

const BorderRadius kTopBorderRadius = BorderRadius.only(
  topLeft: Radius.circular(kBorderRadius),
  topRight: Radius.circular(kBorderRadius),
);

const BorderRadius kBottomBorderRadius = BorderRadius.only(
  bottomLeft: Radius.circular(kBorderRadius),
  bottomRight: Radius.circular(kBorderRadius),
);

const BorderRadius kVerticalTopBorderRadius = BorderRadius.vertical(
  top: Radius.circular(kBorderRadius),
);

const BorderRadius kVerticalBottomBorderRadius = BorderRadius.vertical(
  bottom: Radius.circular(kBorderRadius),
);
 
// ============================================================================
// Sizes
// ============================================================================

const double kStandardButtonWidth = 48.0;

const double kStandardButtonHeight = 48.0;

const double kZoomControlsHeight = 96.0;

const double kFloorRowHeight = 42.0;

const double kFloorSelectorMaxHeight = 250.0;

const int kMaxVisibleFloors = 6;
 
// ============================================================================
// Padding
// ============================================================================

const double kStandardRightPadding = 4.0;

const double kStandardLeftPadding = 16.0;

const double kFloorSelectorTopPadding = 145.0;

const double kFollowMeBottomPadding = 48.0;
 
// ============================================================================
// Typography
// ============================================================================

const double kButtonFontSize = 22.0;

const double kScrollButtonFontSize = 20.0;

const double kFloorSelectorFontSize = 17.0;

const FontWeight kButtonFontWeight = FontWeight.w600;

const FontWeight kScrollButtonFontWeight = FontWeight.bold;
 
// ============================================================================
// Animations
// ============================================================================

const Duration kStandardAnimationDuration = Duration(milliseconds: 350);

const Duration kScrollAnimationDuration = Duration(milliseconds: 300);

const Curve kScrollAnimationCurve = Curves.easeOut;
 
// ============================================================================
// Borders
// ============================================================================

const double kActiveBorderWidth = 1.5;