flutter/lib/theme/theme.dart

/*
 * This file is part of wger Workout Manager <https://github.com/wger-project>.
 * Copyright (C) 2020, 2021 wger Team
 *
 * wger Workout Manager is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * wger Workout Manager is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:table_calendar/table_calendar.dart';

const Color wgerPrimaryColor = Color(0xff2a4c7d);
const Color wgerPrimaryButtonColor = Color(0xff266dd3);
const Color wgerPrimaryColorLight = Color(0xff94B2DB);
const Color wgerSecondaryColor = Color(0xffe63946);
const Color wgerSecondaryColorLight = Color(0xffF6B4BA);
const Color wgerTextMuted = Colors.black38;
const Color wgerBackground = Color(0xfff4f4f6);

// Chart colors

/// Original sizes for the material text theme
/// https://api.flutter.dev/flutter/material/TextTheme-class.html
const materialSizes = {
  'h1': 96.0,
  'h2': 60.0,
  'h3': 48.0,
  'h4': 34.0,
  'h5': 24.0,
  'h6': 20.0,
};

final ThemeData wgerTheme = ThemeData(
  /*
    * General stuff
    */
  primaryColor: wgerPrimaryColor,
  scaffoldBackgroundColor: wgerBackground,

  // This makes the visual density adapt to the platform that you run
  // the app on. For desktop platforms, the controls will be smaller and
  // closer together (more dense) than on mobile platforms.
  visualDensity: VisualDensity.adaptivePlatformDensity,

  // Show icons in the system's bar in light colors
  appBarTheme: const AppBarTheme(
    systemOverlayStyle: SystemUiOverlayStyle.dark,
    color: wgerPrimaryColor,
  ),

  /*
     * Text theme
     */
  textTheme: TextTheme(
    headline1: const TextStyle(fontFamily: 'OpenSansLight', color: Colors.black),
    headline2: const TextStyle(fontFamily: 'OpenSansLight', color: Colors.black),
    headline3: TextStyle(
      fontSize: materialSizes['h3']! * 0.8,
      fontFamily: 'OpenSansBold',
      color: Colors.black,
    ),
    headline4: TextStyle(
      fontSize: materialSizes['h4']! * 0.8,
      fontFamily: 'OpenSansBold',
      color: Colors.black,
    ),
    headline5: TextStyle(
      fontSize: materialSizes['h5'],
      fontFamily: 'OpenSansBold',
      color: Colors.black,
    ),
    headline6: TextStyle(
      fontSize: materialSizes['h6']! * 0.8,
      fontFamily: 'OpenSansBold',
      color: Colors.black,
    ),
  ),

  /*
     * Button theme
     */
  textButtonTheme: TextButtonThemeData(
    style: TextButton.styleFrom(
//       This primary is deprecated and should not be used
//       primary: wgerPrimaryButtonColor,
      foregroundColor: wgerPrimaryButtonColor,
    ),
  ),
  outlinedButtonTheme: OutlinedButtonThemeData(
    style: OutlinedButton.styleFrom(
      foregroundColor: wgerPrimaryButtonColor,
      visualDensity: VisualDensity.compact,
      side: const BorderSide(color: wgerPrimaryButtonColor),
    ),
  ),
  elevatedButtonTheme: ElevatedButtonThemeData(
    style: ElevatedButton.styleFrom(
      backgroundColor: wgerPrimaryButtonColor,
    ),
  ),

  /*
    * Forms, etc.
    */
  sliderTheme: const SliderThemeData(
    activeTrackColor: wgerPrimaryButtonColor,
    thumbColor: wgerPrimaryColor,
  ),
  colorScheme: ColorScheme.fromSwatch().copyWith(secondary: wgerSecondaryColor),
  // Text Selection Theme
  textSelectionTheme: TextSelectionThemeData(
    cursorColor: wgerPrimaryColor,
    selectionColor: wgerPrimaryColor.withOpacity(0.2),
    selectionHandleColor: wgerPrimaryColor,
  ),
  // Text Fields Theme
  inputDecorationTheme: InputDecorationTheme(
    focusColor: wgerPrimaryColor,
    iconColor: Colors.grey.shade600,
    floatingLabelStyle: const TextStyle(color: wgerPrimaryColor),
    focusedBorder: const UnderlineInputBorder(
      borderSide: BorderSide(color: wgerPrimaryColor),
    ),
  ),
);

const wgerCalendarStyle = CalendarStyle(
// Use `CalendarStyle` to customize the UI
  outsideDaysVisible: false,
  todayDecoration: BoxDecoration(
    color: Colors.amber,
    shape: BoxShape.circle,
  ),

  markerDecoration: BoxDecoration(
    color: Colors.black,
    shape: BoxShape.circle,
  ),
  selectedDecoration: BoxDecoration(
    color: wgerSecondaryColor,
    shape: BoxShape.circle,
  ),
  rangeStartDecoration: BoxDecoration(
    color: wgerSecondaryColor,
    shape: BoxShape.circle,
  ),
  rangeEndDecoration: BoxDecoration(
    color: wgerSecondaryColor,
    shape: BoxShape.circle,
  ),
  rangeHighlightColor: wgerSecondaryColorLight,
  weekendTextStyle: TextStyle(color: wgerSecondaryColor),
);