2022-10-04 13:12:54 +03:00
|
|
|
/*
|
|
|
|
* Copyright (C) 2022 Yubico.
|
|
|
|
*
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
*
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
*
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
* limitations under the License.
|
|
|
|
*/
|
|
|
|
|
2021-12-02 13:44:17 +03:00
|
|
|
import 'package:flutter/material.dart';
|
2023-12-20 17:09:31 +03:00
|
|
|
/*
|
|
|
|
const primaryGreen = Color(0xffE58B32);
|
|
|
|
const accentGreen = Color(0xffEDAE70);
|
2022-02-22 12:56:52 +03:00
|
|
|
const primaryBlue = Color(0xff325f74);
|
2022-05-20 15:10:17 +03:00
|
|
|
const primaryRed = Color(0xffea4335);
|
2022-09-07 10:19:30 +03:00
|
|
|
const darkRed = Color(0xffda4d41);
|
2023-06-16 18:27:10 +03:00
|
|
|
const amber = Color(0xffffca28);
|
2022-02-21 19:07:52 +03:00
|
|
|
|
2023-12-20 17:09:31 +03:00
|
|
|
// Theme colors
|
|
|
|
const themeBlue = Color(0xFF4276F9);
|
|
|
|
const themePurple = Color(0xFF9955A5);
|
|
|
|
const themePink = Color(0xFFE2609D);
|
|
|
|
const themeRed = Color(0xFFE9645C);
|
|
|
|
const themeOrange = Color(0xFFE58B32);
|
|
|
|
const themeYellow = Color(0xFFF3C938);
|
|
|
|
const themeGreen = Color(0xFF78B850);
|
|
|
|
const themeGrey = Color(0xFF8C8B8C);
|
|
|
|
*/
|
|
|
|
|
2024-01-16 12:29:44 +03:00
|
|
|
const primaryColor = Colors.blueAccent;
|
2023-12-20 17:09:31 +03:00
|
|
|
//const primaryColor = Colors.green;
|
2024-01-16 12:29:44 +03:00
|
|
|
//const primaryColor = Colors.deepPurple;
|
2023-12-20 17:09:31 +03:00
|
|
|
|
2024-01-17 12:58:36 +03:00
|
|
|
const defaultTextTheme = Typography.englishLike2021;
|
2024-01-17 12:57:01 +03:00
|
|
|
|
2021-12-02 13:44:17 +03:00
|
|
|
class AppTheme {
|
2023-01-26 13:52:01 +03:00
|
|
|
static ThemeData get lightTheme => ThemeData(
|
|
|
|
useMaterial3: true,
|
2023-02-03 12:48:51 +03:00
|
|
|
colorScheme: ColorScheme.fromSeed(
|
|
|
|
brightness: Brightness.light,
|
2024-01-16 12:29:44 +03:00
|
|
|
seedColor: primaryColor,
|
2023-12-20 17:09:31 +03:00
|
|
|
background: const Color(0xfffefdf4),
|
2024-01-16 12:29:44 +03:00
|
|
|
),
|
|
|
|
fontFamily: 'Roboto',
|
|
|
|
appBarTheme: const AppBarTheme(
|
|
|
|
color: Colors.transparent,
|
2022-04-05 17:36:03 +03:00
|
|
|
),
|
2024-01-17 12:57:01 +03:00
|
|
|
listTileTheme: ListTileThemeData(
|
2022-06-02 15:52:00 +03:00
|
|
|
// For alignment under menu button
|
2024-01-17 12:57:01 +03:00
|
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 18.0),
|
2022-06-02 15:52:00 +03:00
|
|
|
visualDensity: VisualDensity.compact,
|
2024-01-17 12:57:01 +03:00
|
|
|
titleTextStyle: defaultTextTheme.bodyLarge!
|
|
|
|
.copyWith(color: Colors.black87, fontFamily: 'Roboto'),
|
|
|
|
subtitleTextStyle: defaultTextTheme.bodyMedium!
|
|
|
|
.copyWith(color: Colors.black54, fontFamily: 'Roboto'),
|
2022-06-02 15:52:00 +03:00
|
|
|
),
|
2023-12-20 17:09:31 +03:00
|
|
|
tooltipTheme: const TooltipThemeData(
|
|
|
|
waitDuration: Duration(milliseconds: 500),
|
|
|
|
textStyle: TextStyle(color: Color(0xff3c3c3c)),
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
color: Color(0xffe2e2e6),
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(8.0)),
|
|
|
|
),
|
2022-02-22 12:56:52 +03:00
|
|
|
),
|
2021-12-02 13:44:17 +03:00
|
|
|
);
|
2023-01-26 13:52:01 +03:00
|
|
|
|
2021-12-02 13:44:17 +03:00
|
|
|
static ThemeData get darkTheme => ThemeData(
|
2022-05-19 09:47:47 +03:00
|
|
|
useMaterial3: true,
|
2023-12-20 17:09:31 +03:00
|
|
|
colorScheme: ColorScheme.fromSeed(
|
|
|
|
brightness: Brightness.dark,
|
2024-01-16 12:29:44 +03:00
|
|
|
seedColor: primaryColor,
|
2023-12-20 17:09:31 +03:00
|
|
|
background: const Color(0xff282828),
|
2024-01-16 12:29:44 +03:00
|
|
|
),
|
|
|
|
fontFamily: 'Roboto',
|
|
|
|
appBarTheme: const AppBarTheme(
|
|
|
|
color: Colors.transparent,
|
2022-05-19 09:47:47 +03:00
|
|
|
),
|
2024-01-17 12:57:01 +03:00
|
|
|
listTileTheme: ListTileThemeData(
|
2022-06-02 15:52:00 +03:00
|
|
|
// For alignment under menu button
|
2024-01-17 12:57:01 +03:00
|
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 18.0),
|
2022-06-02 15:52:00 +03:00
|
|
|
visualDensity: VisualDensity.compact,
|
2024-01-17 12:57:01 +03:00
|
|
|
titleTextStyle: defaultTextTheme.bodyLarge!
|
|
|
|
.copyWith(color: Colors.white, fontFamily: 'Roboto'),
|
|
|
|
subtitleTextStyle: defaultTextTheme.bodyMedium!
|
|
|
|
.copyWith(color: Colors.white54, fontFamily: 'Roboto'),
|
2022-06-02 15:52:00 +03:00
|
|
|
),
|
2023-12-20 17:09:31 +03:00
|
|
|
tooltipTheme: const TooltipThemeData(
|
|
|
|
waitDuration: Duration(milliseconds: 500),
|
|
|
|
textStyle: TextStyle(color: Color(0xffE2E2E6)),
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
color: Color(0xff3c3c3c),
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(8.0)),
|
|
|
|
),
|
2022-05-19 09:47:47 +03:00
|
|
|
),
|
|
|
|
);
|
2021-12-02 13:44:17 +03:00
|
|
|
}
|
2022-09-01 11:14:59 +03:00
|
|
|
|
2023-01-26 13:52:01 +03:00
|
|
|
/* TODO: Remove this. It is left here as a reference as we adjust styles to work with Flutter 3.7.
|
2022-09-01 11:14:59 +03:00
|
|
|
/// This fixes the issue with FilterChip resizing vertically on toggle.
|
2022-09-23 11:12:54 +03:00
|
|
|
BorderSide? _chipBorder(Color color) =>
|
|
|
|
MaterialStateBorderSide.resolveWith((states) => BorderSide(
|
|
|
|
width: 1,
|
|
|
|
color: states.contains(MaterialState.selected)
|
|
|
|
? Colors.transparent
|
|
|
|
: color));
|
2023-01-26 13:52:01 +03:00
|
|
|
*/
|