feat(ui)!: rework theme resolver mechanism + move theme extension implementations
continuous-integration/drone/pr Build is failing
continuous-integration/drone/pr Build is failing
This commit is contained in:
@@ -1,127 +0,0 @@
|
||||
// Copyright (C) 2023 WYATT GROUP
|
||||
// Please see the AUTHORS file for details.
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// any later version.
|
||||
//
|
||||
// This program 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 General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
|
||||
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
|
||||
|
||||
class CardTheme extends CardThemeExtension {
|
||||
const CardTheme({
|
||||
super.backgroundColors,
|
||||
super.body,
|
||||
super.borderColors,
|
||||
super.secondaryBackgroundColor,
|
||||
super.shadowColor,
|
||||
super.subtitle,
|
||||
super.title,
|
||||
});
|
||||
|
||||
factory CardTheme.light() => CardTheme(
|
||||
backgroundColors: const MultiColor.single(Color(0xFFF6F6F6)),
|
||||
secondaryBackgroundColor: Colors.white,
|
||||
borderColors: const MultiColor([
|
||||
Color(0xFFDDE0E3),
|
||||
Color(0xFFCACCD4),
|
||||
]),
|
||||
title: GoogleFonts.montserrat(
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: const Color(0xFF24262A),
|
||||
),
|
||||
subtitle: GoogleFonts.montserrat(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color(0xFF24262A),
|
||||
),
|
||||
body: GoogleFonts.montserrat(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w300,
|
||||
height: 1.7,
|
||||
color: const Color(0xFF24262A),
|
||||
),
|
||||
);
|
||||
|
||||
factory CardTheme.dark() => CardTheme(
|
||||
backgroundColors:
|
||||
MultiColor.single(const Color(0xFFFFFFFF).withOpacity(0.04)),
|
||||
secondaryBackgroundColor: const Color(0xFFFFFFFF).withOpacity(0.04),
|
||||
borderColors: const MultiColor([
|
||||
Color(0xFF60656A),
|
||||
Color(0xFF383C40),
|
||||
]),
|
||||
title: GoogleFonts.montserrat(
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: const Color(0xFFFFFFFF),
|
||||
),
|
||||
subtitle: GoogleFonts.montserrat(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color(0xFFFFFFFF),
|
||||
),
|
||||
body: GoogleFonts.montserrat(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w300,
|
||||
height: 1.7,
|
||||
color: const Color(0xFFFFFFFF),
|
||||
),
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<CardThemeExtension> copyWith({
|
||||
MultiColor? backgroundColors,
|
||||
Color? secondaryBackgroundColor,
|
||||
MultiColor? borderColors,
|
||||
BoxShadow? shadowColor,
|
||||
TextStyle? body,
|
||||
TextStyle? title,
|
||||
TextStyle? subtitle,
|
||||
}) =>
|
||||
CardTheme(
|
||||
backgroundColors: backgroundColors ?? this.backgroundColors,
|
||||
secondaryBackgroundColor:
|
||||
secondaryBackgroundColor ?? this.secondaryBackgroundColor,
|
||||
borderColors: borderColors ?? this.borderColors,
|
||||
shadowColor: shadowColor ?? this.shadowColor,
|
||||
body: body ?? this.body,
|
||||
title: title ?? this.title,
|
||||
subtitle: subtitle ?? this.subtitle,
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<CardThemeExtension> lerp(
|
||||
covariant ThemeExtension<CardThemeExtension>? other,
|
||||
double t,
|
||||
) {
|
||||
if (other is! CardTheme) {
|
||||
return this;
|
||||
}
|
||||
return CardTheme(
|
||||
backgroundColors: other.backgroundColors,
|
||||
secondaryBackgroundColor: Color.lerp(
|
||||
secondaryBackgroundColor,
|
||||
other.secondaryBackgroundColor,
|
||||
t,
|
||||
),
|
||||
borderColors: other.borderColors,
|
||||
shadowColor: BoxShadow.lerp(shadowColor, other.shadowColor, t),
|
||||
body: TextStyle.lerp(body, other.body, t),
|
||||
title: TextStyle.lerp(title, other.title, t),
|
||||
subtitle: TextStyle.lerp(subtitle, other.subtitle, t),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,172 +0,0 @@
|
||||
// Copyright (C) 2023 WYATT GROUP
|
||||
// Please see the AUTHORS file for details.
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// any later version.
|
||||
//
|
||||
// This program 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 General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
|
||||
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/constants.dart';
|
||||
|
||||
class FileSelectionButtonTheme extends FileSelectionButtonThemeExtension {
|
||||
const FileSelectionButtonTheme({
|
||||
super.disabledStyle,
|
||||
super.focusedStyle,
|
||||
super.hoveredStyle,
|
||||
super.normalStyle,
|
||||
super.tappedStyle,
|
||||
super.selectedStyle,
|
||||
super.invalidStyle,
|
||||
});
|
||||
|
||||
factory FileSelectionButtonTheme.light() {
|
||||
final style = FileSelectionButtonStyle(
|
||||
title: GoogleFonts.montserrat(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
subTitle: GoogleFonts.montserrat(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
radius: BorderRadius.circular(12),
|
||||
padding: const EdgeInsets.all(13),
|
||||
foregroundColors: const MultiColor.single(Constants.grey2),
|
||||
backgroundColors: MultiColor.single(Constants.white.withOpacity(0.04)),
|
||||
borderColors: const MultiColor(Constants.greyGradient),
|
||||
stroke: 2,
|
||||
);
|
||||
return FileSelectionButtonTheme(
|
||||
normalStyle: style,
|
||||
disabledStyle: style.copyWith(
|
||||
foregroundColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
backgroundColors: const MultiColor.single(Constants.white),
|
||||
borderColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
),
|
||||
hoveredStyle: style.copyWith(
|
||||
backgroundColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
),
|
||||
focusedStyle: style.copyWith(stroke: 4),
|
||||
tappedStyle: style.copyWith(
|
||||
backgroundColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
),
|
||||
invalidStyle: style.copyWith(
|
||||
subTitle: GoogleFonts.montserrat(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Constants.red1,
|
||||
),
|
||||
borderColors: const MultiColor(Constants.redGradient),
|
||||
),
|
||||
// Unused
|
||||
selectedStyle: style.copyWith(
|
||||
foregroundColors: const MultiColor.single(Constants.grey2),
|
||||
borderColors: const MultiColor(Constants.greenGradient),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
factory FileSelectionButtonTheme.dark() {
|
||||
final style = FileSelectionButtonStyle(
|
||||
title: GoogleFonts.montserrat(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
subTitle: GoogleFonts.montserrat(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
radius: BorderRadius.circular(12),
|
||||
padding: const EdgeInsets.all(13),
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
backgroundColors: MultiColor.single(Constants.white.withOpacity(0.04)),
|
||||
borderColors: const MultiColor(Constants.greyGradient),
|
||||
stroke: 1,
|
||||
);
|
||||
return FileSelectionButtonTheme(
|
||||
normalStyle: style,
|
||||
disabledStyle: style.copyWith(
|
||||
foregroundColors: const MultiColor.single(Constants.grey1),
|
||||
backgroundColors: const MultiColor.single(Constants.grey4),
|
||||
),
|
||||
hoveredStyle: style.copyWith(
|
||||
borderColors: const MultiColor.single(Constants.white),
|
||||
),
|
||||
focusedStyle: style.copyWith(stroke: 3),
|
||||
tappedStyle: style.copyWith(
|
||||
backgroundColors: const MultiColor(Constants.greyDarkGradient),
|
||||
),
|
||||
invalidStyle: style.copyWith(
|
||||
subTitle: GoogleFonts.montserrat(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Constants.red1,
|
||||
),
|
||||
borderColors: const MultiColor(Constants.redGradient),
|
||||
),
|
||||
// Unused
|
||||
selectedStyle: style.copyWith(
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
borderColors: const MultiColor(Constants.greenGradient),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
ThemeExtension<FileSelectionButtonThemeExtension> copyWith({
|
||||
FileSelectionButtonStyle? disabledStyle,
|
||||
FileSelectionButtonStyle? focusedStyle,
|
||||
FileSelectionButtonStyle? hoveredStyle,
|
||||
FileSelectionButtonStyle? normalStyle,
|
||||
FileSelectionButtonStyle? tappedStyle,
|
||||
FileSelectionButtonStyle? selectedStyle,
|
||||
FileSelectionButtonStyle? invalidStyle,
|
||||
}) =>
|
||||
FileSelectionButtonTheme(
|
||||
disabledStyle: disabledStyle ?? this.disabledStyle,
|
||||
focusedStyle: focusedStyle ?? this.focusedStyle,
|
||||
hoveredStyle: hoveredStyle ?? this.hoveredStyle,
|
||||
normalStyle: normalStyle ?? this.normalStyle,
|
||||
tappedStyle: tappedStyle ?? this.tappedStyle,
|
||||
selectedStyle: selectedStyle ?? this.selectedStyle,
|
||||
invalidStyle: invalidStyle ?? this.invalidStyle,
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<FileSelectionButtonThemeExtension> lerp(
|
||||
covariant ThemeExtension<FileSelectionButtonThemeExtension>? other,
|
||||
double t,
|
||||
) {
|
||||
if (other is! FileSelectionButtonTheme) {
|
||||
return this;
|
||||
}
|
||||
return FileSelectionButtonTheme(
|
||||
disabledStyle:
|
||||
FileSelectionButtonStyle.lerp(disabledStyle, other.disabledStyle, t),
|
||||
focusedStyle:
|
||||
FileSelectionButtonStyle.lerp(focusedStyle, other.focusedStyle, t),
|
||||
hoveredStyle:
|
||||
FileSelectionButtonStyle.lerp(hoveredStyle, other.hoveredStyle, t),
|
||||
normalStyle:
|
||||
FileSelectionButtonStyle.lerp(normalStyle, other.normalStyle, t),
|
||||
tappedStyle:
|
||||
FileSelectionButtonStyle.lerp(tappedStyle, other.tappedStyle, t),
|
||||
selectedStyle:
|
||||
FileSelectionButtonStyle.lerp(selectedStyle, other.selectedStyle, t),
|
||||
invalidStyle:
|
||||
FileSelectionButtonStyle.lerp(invalidStyle, other.invalidStyle, t),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,153 +0,0 @@
|
||||
// Copyright (C) 2023 WYATT GROUP
|
||||
// Please see the AUTHORS file for details.
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// any later version.
|
||||
//
|
||||
// This program 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 General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
|
||||
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/constants.dart';
|
||||
|
||||
class FlatButtonTheme extends FlatButtonThemeExtension {
|
||||
const FlatButtonTheme({
|
||||
super.disabledStyle,
|
||||
super.focusedStyle,
|
||||
super.hoveredStyle,
|
||||
super.normalStyle,
|
||||
super.tappedStyle,
|
||||
});
|
||||
|
||||
factory FlatButtonTheme.light() {
|
||||
final style = FlatButtonStyle(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
radius: BorderRadius.circular(15),
|
||||
padding: const EdgeInsets.all(10),
|
||||
foregroundColors: const MultiColor(Constants.blueGradient),
|
||||
backgroundColors: const MultiColor.single(Constants.white),
|
||||
borderColors: const MultiColor(Constants.blueGradient),
|
||||
stroke: 3,
|
||||
);
|
||||
return FlatButtonTheme(
|
||||
normalStyle: style,
|
||||
disabledStyle: style.copyWith(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Constants.blue1.withOpacity(0.4),
|
||||
),
|
||||
foregroundColors: MultiColor.single(Constants.blue1.withOpacity(0.4)),
|
||||
backgroundColors: const MultiColor.single(Constants.white),
|
||||
borderColors: MultiColor.single(Constants.blue1.withOpacity(0.4)),
|
||||
stroke: 1,
|
||||
),
|
||||
hoveredStyle: style.copyWith(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Constants.white,
|
||||
),
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
backgroundColors: const MultiColor(Constants.blueGradient),
|
||||
),
|
||||
focusedStyle: style.copyWith(stroke: 5),
|
||||
tappedStyle: style.copyWith(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Constants.white,
|
||||
),
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
backgroundColors: const MultiColor(Constants.blueDarkGradient),
|
||||
borderColors: const MultiColor(Constants.blueDarkGradient),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
factory FlatButtonTheme.dark() {
|
||||
final style = FlatButtonStyle(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
radius: BorderRadius.circular(15),
|
||||
padding: const EdgeInsets.all(10),
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
backgroundColors: const MultiColor.single(Constants.dark),
|
||||
borderColors: const MultiColor(Constants.blueGradient),
|
||||
stroke: 3,
|
||||
);
|
||||
return FlatButtonTheme(
|
||||
normalStyle: style,
|
||||
disabledStyle: style.copyWith(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Constants.grey1,
|
||||
),
|
||||
foregroundColors: const MultiColor.single(Constants.grey1),
|
||||
backgroundColors: const MultiColor.single(Constants.grey4),
|
||||
borderColors: const MultiColor(Constants.greyGradient),
|
||||
stroke: 1,
|
||||
),
|
||||
hoveredStyle: style.copyWith(
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
backgroundColors: const MultiColor(Constants.blueGradient),
|
||||
),
|
||||
focusedStyle: style.copyWith(stroke: 5),
|
||||
tappedStyle: style.copyWith(
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
backgroundColors: const MultiColor(Constants.blueDarkGradient),
|
||||
borderColors: const MultiColor(Constants.blueDarkGradient),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
ThemeExtension<FlatButtonThemeExtension> copyWith({
|
||||
FlatButtonStyle? disabledStyle,
|
||||
FlatButtonStyle? focusedStyle,
|
||||
FlatButtonStyle? hoveredStyle,
|
||||
FlatButtonStyle? normalStyle,
|
||||
FlatButtonStyle? tappedStyle,
|
||||
}) =>
|
||||
FlatButtonTheme(
|
||||
disabledStyle: disabledStyle ?? this.disabledStyle,
|
||||
focusedStyle: focusedStyle ?? this.focusedStyle,
|
||||
hoveredStyle: hoveredStyle ?? this.hoveredStyle,
|
||||
normalStyle: normalStyle ?? this.normalStyle,
|
||||
tappedStyle: tappedStyle ?? this.tappedStyle,
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<FlatButtonThemeExtension> lerp(
|
||||
covariant ThemeExtension<FlatButtonThemeExtension>? other,
|
||||
double t,
|
||||
) {
|
||||
if (other is! FlatButtonTheme) {
|
||||
return this;
|
||||
}
|
||||
return FlatButtonTheme(
|
||||
disabledStyle:
|
||||
FlatButtonStyle.lerp(disabledStyle, other.disabledStyle, t),
|
||||
focusedStyle: FlatButtonStyle.lerp(focusedStyle, other.focusedStyle, t),
|
||||
hoveredStyle: FlatButtonStyle.lerp(hoveredStyle, other.hoveredStyle, t),
|
||||
normalStyle: FlatButtonStyle.lerp(normalStyle, other.normalStyle, t),
|
||||
tappedStyle: FlatButtonStyle.lerp(tappedStyle, other.tappedStyle, t),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,114 +0,0 @@
|
||||
// Copyright (C) 2023 WYATT GROUP
|
||||
// Please see the AUTHORS file for details.
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// any later version.
|
||||
//
|
||||
// This program 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 General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
|
||||
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/constants.dart';
|
||||
|
||||
class SimpleIconButtonTheme extends SimpleIconButtonThemeExtension {
|
||||
const SimpleIconButtonTheme({
|
||||
super.disabledStyle,
|
||||
super.focusedStyle,
|
||||
super.hoveredStyle,
|
||||
super.normalStyle,
|
||||
super.tappedStyle,
|
||||
});
|
||||
|
||||
factory SimpleIconButtonTheme.light() {
|
||||
final style = SimpleIconButtonStyle(
|
||||
dimension: 30,
|
||||
radius: BorderRadius.circular(5),
|
||||
padding: const EdgeInsets.all(5),
|
||||
foregroundColors: const MultiColor.single(Constants.dark),
|
||||
backgroundColors: MultiColor.single(Constants.grey1.withOpacity(0.2)),
|
||||
);
|
||||
return SimpleIconButtonTheme(
|
||||
normalStyle: style,
|
||||
disabledStyle: style.copyWith(
|
||||
foregroundColors: MultiColor.single(Constants.dark.withOpacity(0.4)),
|
||||
),
|
||||
hoveredStyle: style.copyWith(
|
||||
backgroundColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
),
|
||||
focusedStyle: style,
|
||||
tappedStyle: style.copyWith(
|
||||
backgroundColors: MultiColor.single(Constants.grey1.withOpacity(0.5)),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
factory SimpleIconButtonTheme.dark() {
|
||||
final style = SimpleIconButtonStyle(
|
||||
dimension: 30,
|
||||
radius: BorderRadius.circular(5),
|
||||
padding: const EdgeInsets.all(5),
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
backgroundColors: MultiColor.single(Constants.grey3.withOpacity(0.2)),
|
||||
);
|
||||
return SimpleIconButtonTheme(
|
||||
normalStyle: style,
|
||||
disabledStyle: style.copyWith(
|
||||
foregroundColors: MultiColor.single(Constants.white.withOpacity(0.4)),
|
||||
),
|
||||
hoveredStyle: style.copyWith(
|
||||
backgroundColors: MultiColor.single(Constants.grey3.withOpacity(0.4)),
|
||||
),
|
||||
focusedStyle: style,
|
||||
tappedStyle: style.copyWith(
|
||||
backgroundColors: MultiColor.single(Constants.grey3.withOpacity(0.5)),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
ThemeExtension<SimpleIconButtonThemeExtension> copyWith({
|
||||
SimpleIconButtonStyle? disabledStyle,
|
||||
SimpleIconButtonStyle? focusedStyle,
|
||||
SimpleIconButtonStyle? hoveredStyle,
|
||||
SimpleIconButtonStyle? normalStyle,
|
||||
SimpleIconButtonStyle? tappedStyle,
|
||||
}) =>
|
||||
SimpleIconButtonTheme(
|
||||
disabledStyle: disabledStyle ?? this.disabledStyle,
|
||||
focusedStyle: focusedStyle ?? this.focusedStyle,
|
||||
hoveredStyle: hoveredStyle ?? this.hoveredStyle,
|
||||
normalStyle: normalStyle ?? this.normalStyle,
|
||||
tappedStyle: tappedStyle ?? this.tappedStyle,
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<SimpleIconButtonThemeExtension> lerp(
|
||||
covariant ThemeExtension<SimpleIconButtonThemeExtension>? other,
|
||||
double t,
|
||||
) {
|
||||
if (other is! SimpleIconButtonTheme) {
|
||||
return this;
|
||||
}
|
||||
return SimpleIconButtonTheme(
|
||||
disabledStyle:
|
||||
SimpleIconButtonStyle.lerp(disabledStyle, other.disabledStyle, t),
|
||||
focusedStyle:
|
||||
SimpleIconButtonStyle.lerp(focusedStyle, other.focusedStyle, t),
|
||||
hoveredStyle:
|
||||
SimpleIconButtonStyle.lerp(hoveredStyle, other.hoveredStyle, t),
|
||||
normalStyle:
|
||||
SimpleIconButtonStyle.lerp(normalStyle, other.normalStyle, t),
|
||||
tappedStyle:
|
||||
SimpleIconButtonStyle.lerp(tappedStyle, other.tappedStyle, t),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,157 +0,0 @@
|
||||
// Copyright (C) 2023 WYATT GROUP
|
||||
// Please see the AUTHORS file for details.
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// any later version.
|
||||
//
|
||||
// This program 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 General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
|
||||
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/constants.dart';
|
||||
|
||||
class SymbolButtonTheme extends SymbolButtonThemeExtension {
|
||||
const SymbolButtonTheme({
|
||||
super.disabledStyle,
|
||||
super.focusedStyle,
|
||||
super.hoveredStyle,
|
||||
super.normalStyle,
|
||||
super.tappedStyle,
|
||||
super.selectedStyle,
|
||||
});
|
||||
|
||||
factory SymbolButtonTheme.light() {
|
||||
final style = SymbolButtonStyle(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
dimension: 60,
|
||||
radius: BorderRadius.circular(12),
|
||||
padding: const EdgeInsets.all(10),
|
||||
foregroundColors: const MultiColor.single(Constants.grey2),
|
||||
backgroundColors: MultiColor.single(Constants.white.withOpacity(0.04)),
|
||||
borderColors: const MultiColor(Constants.greyGradient),
|
||||
stroke: 2,
|
||||
);
|
||||
return SymbolButtonTheme(
|
||||
normalStyle: style,
|
||||
disabledStyle: style.copyWith(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Constants.grey1,
|
||||
),
|
||||
foregroundColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
backgroundColors: const MultiColor.single(Constants.white),
|
||||
borderColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
),
|
||||
hoveredStyle: style.copyWith(
|
||||
backgroundColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
),
|
||||
focusedStyle: style.copyWith(stroke: 4),
|
||||
tappedStyle: style.copyWith(
|
||||
backgroundColors: MultiColor.single(Constants.grey1.withOpacity(0.4)),
|
||||
),
|
||||
selectedStyle: style.copyWith(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
foregroundColors: const MultiColor.single(Constants.grey2),
|
||||
borderColors: const MultiColor(Constants.greenGradient),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
factory SymbolButtonTheme.dark() {
|
||||
final style = SymbolButtonStyle(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
),
|
||||
dimension: 60,
|
||||
radius: BorderRadius.circular(12),
|
||||
padding: const EdgeInsets.all(10),
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
backgroundColors: MultiColor.single(Constants.white.withOpacity(0.04)),
|
||||
borderColors: const MultiColor(Constants.greyGradient),
|
||||
stroke: 2,
|
||||
);
|
||||
return SymbolButtonTheme(
|
||||
normalStyle: style,
|
||||
disabledStyle: style.copyWith(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: Constants.grey1,
|
||||
),
|
||||
foregroundColors: const MultiColor.single(Constants.grey1),
|
||||
backgroundColors: const MultiColor.single(Constants.grey4),
|
||||
),
|
||||
hoveredStyle: style.copyWith(
|
||||
backgroundColors: const MultiColor(Constants.greyDarkGradient),
|
||||
),
|
||||
focusedStyle: style.copyWith(stroke: 4),
|
||||
tappedStyle: style.copyWith(
|
||||
backgroundColors: const MultiColor(Constants.greyDarkGradient),
|
||||
),
|
||||
selectedStyle: style.copyWith(
|
||||
label: GoogleFonts.montserrat(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
foregroundColors: const MultiColor.single(Constants.white),
|
||||
borderColors: const MultiColor(Constants.greenGradient),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
ThemeExtension<SymbolButtonThemeExtension> copyWith({
|
||||
SymbolButtonStyle? disabledStyle,
|
||||
SymbolButtonStyle? focusedStyle,
|
||||
SymbolButtonStyle? hoveredStyle,
|
||||
SymbolButtonStyle? normalStyle,
|
||||
SymbolButtonStyle? tappedStyle,
|
||||
SymbolButtonStyle? selectedStyle,
|
||||
}) =>
|
||||
SymbolButtonTheme(
|
||||
disabledStyle: disabledStyle ?? this.disabledStyle,
|
||||
focusedStyle: focusedStyle ?? this.focusedStyle,
|
||||
hoveredStyle: hoveredStyle ?? this.hoveredStyle,
|
||||
normalStyle: normalStyle ?? this.normalStyle,
|
||||
tappedStyle: tappedStyle ?? this.tappedStyle,
|
||||
selectedStyle: selectedStyle ?? this.selectedStyle,
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<SymbolButtonThemeExtension> lerp(
|
||||
covariant ThemeExtension<SymbolButtonThemeExtension>? other,
|
||||
double t,
|
||||
) {
|
||||
if (other is! SymbolButtonTheme) {
|
||||
return this;
|
||||
}
|
||||
return SymbolButtonTheme(
|
||||
disabledStyle:
|
||||
SymbolButtonStyle.lerp(disabledStyle, other.disabledStyle, t),
|
||||
focusedStyle: SymbolButtonStyle.lerp(focusedStyle, other.focusedStyle, t),
|
||||
hoveredStyle: SymbolButtonStyle.lerp(hoveredStyle, other.hoveredStyle, t),
|
||||
normalStyle: SymbolButtonStyle.lerp(normalStyle, other.normalStyle, t),
|
||||
tappedStyle: SymbolButtonStyle.lerp(tappedStyle, other.tappedStyle, t),
|
||||
selectedStyle:
|
||||
SymbolButtonStyle.lerp(selectedStyle, other.selectedStyle, t),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,161 +0,0 @@
|
||||
// Copyright (C) 2023 WYATT GROUP
|
||||
// Please see the AUTHORS file for details.
|
||||
//
|
||||
// This program is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// any later version.
|
||||
//
|
||||
// This program 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 General Public License for more details.
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
|
||||
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
|
||||
|
||||
class TextInputTheme extends TextInputThemeExtension {
|
||||
const TextInputTheme({
|
||||
super.normalStyle,
|
||||
super.focusedStyle,
|
||||
super.disableStyle,
|
||||
super.errorStyle,
|
||||
});
|
||||
|
||||
factory TextInputTheme.light() => TextInputTheme(
|
||||
normalStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const Color.fromRGBO(221, 224, 227, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(55, 65, 81, 1),
|
||||
),
|
||||
inputStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(55, 65, 81, 1),
|
||||
),
|
||||
),
|
||||
focusedStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const Color.fromRGBO(60, 125, 251, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(55, 65, 81, 1),
|
||||
),
|
||||
inputStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(55, 65, 81, 1),
|
||||
),
|
||||
),
|
||||
errorStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const Color.fromRGBO(244, 68, 100, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(244, 68, 100, 1),
|
||||
),
|
||||
inputStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(55, 65, 81, 1),
|
||||
),
|
||||
),
|
||||
disableStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const Color.fromRGBO(229, 231, 235, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(156, 163, 175, 1),
|
||||
),
|
||||
inputStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(156, 163, 175, 1),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
factory TextInputTheme.dark() => TextInputTheme(
|
||||
normalStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const Color.fromRGBO(96, 101, 106, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(204, 204, 204, 1),
|
||||
),
|
||||
inputStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(255, 255, 255, 1),
|
||||
),
|
||||
),
|
||||
focusedStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const Color.fromRGBO(60, 125, 251, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(204, 204, 204, 1),
|
||||
),
|
||||
inputStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(255, 255, 255, 1),
|
||||
),
|
||||
),
|
||||
errorStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const Color.fromRGBO(244, 68, 100, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(244, 68, 100, 1),
|
||||
),
|
||||
inputStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(255, 255, 255, 1),
|
||||
),
|
||||
),
|
||||
disableStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const Color.fromRGBO(96, 101, 106, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(96, 101, 106, 1),
|
||||
),
|
||||
inputStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(255, 255, 255, 1),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
@override
|
||||
ThemeExtension<TextInputThemeExtension> lerp(
|
||||
covariant ThemeExtension<TextInputThemeExtension>? other,
|
||||
double t,
|
||||
) {
|
||||
if (other is! TextInputTheme) {
|
||||
return this;
|
||||
}
|
||||
return TextInputTheme(
|
||||
normalStyle: TextInputStyle.lerp(normalStyle, other.normalStyle, t),
|
||||
focusedStyle: TextInputStyle.lerp(focusedStyle, other.focusedStyle, t),
|
||||
disableStyle: TextInputStyle.lerp(disableStyle, other.disableStyle, t),
|
||||
errorStyle: TextInputStyle.lerp(errorStyle, other.errorStyle, t),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
ThemeExtension<TextInputThemeExtension> copyWith({
|
||||
TextInputStyle? normalStyle,
|
||||
TextInputStyle? focusedStyle,
|
||||
TextInputStyle? disableStyle,
|
||||
TextInputStyle? errorStyle,
|
||||
}) =>
|
||||
TextInputTheme(
|
||||
normalStyle: normalStyle ?? this.normalStyle,
|
||||
focusedStyle: focusedStyle ?? this.focusedStyle,
|
||||
disableStyle: disableStyle ?? this.disableStyle,
|
||||
errorStyle: errorStyle ?? this.errorStyle,
|
||||
);
|
||||
}
|
||||
@@ -17,24 +17,20 @@
|
||||
import 'package:adaptive_theme/adaptive_theme.dart';
|
||||
import 'package:flutter/material.dart' hide CardTheme;
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/card_theme.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/file_selection_button_theme.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/flat_button_theme.dart';
|
||||
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
|
||||
import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/loader_theme.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/rich_text_builder_theme.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/simple_icon_button_theme.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/symbol_button_theme.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/text_input_theme.dart';
|
||||
import 'package:wyatt_ui_kit_example/theme/top_bar_theme.dart';
|
||||
|
||||
/// Easely switch between Material and Studio themes.
|
||||
abstract class Themes {
|
||||
static int currentThemeIndex = 0;
|
||||
|
||||
static List<Set<ThemeData>> themes = [
|
||||
{materialLight, materialDark},
|
||||
{studioLight, studioDark},
|
||||
];
|
||||
static List<Set<ThemeData>> get themes => [
|
||||
{materialLight, materialDark},
|
||||
{studioLight, studioDark},
|
||||
];
|
||||
|
||||
static ThemeData lightFromTheme(int themeId) {
|
||||
currentThemeIndex = themeId;
|
||||
@@ -67,66 +63,114 @@ abstract class Themes {
|
||||
);
|
||||
}
|
||||
|
||||
static ThemeData get materialLight => ThemeData.light();
|
||||
|
||||
static ThemeData get studioLight => materialLight.copyWith(
|
||||
appBarTheme: AppBarTheme(
|
||||
foregroundColor: const Color(0xFF24262A),
|
||||
backgroundColor: const Color(0xFFFFFFFF),
|
||||
titleTextStyle: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: const Color(0xFF24262A),
|
||||
),
|
||||
static ThemeData get materialLight => ThemeData.light().copyWith(
|
||||
textTheme: GoogleFonts.robotoTextTheme(
|
||||
ThemeData.light().textTheme,
|
||||
),
|
||||
scaffoldBackgroundColor: Colors.white,
|
||||
extensions: <ThemeExtension<dynamic>>[
|
||||
// Cards
|
||||
CardTheme.light(),
|
||||
CardThemeExtensionDefault.light(),
|
||||
// Buttons
|
||||
FlatButtonTheme.light(),
|
||||
SymbolButtonTheme.light(),
|
||||
SimpleIconButtonTheme.light(),
|
||||
FileSelectionButtonTheme.light(),
|
||||
// Loader
|
||||
LoaderTheme.light(),
|
||||
// Rich Text
|
||||
RichTextBuilderTheme.light(),
|
||||
TextInputTheme.light(),
|
||||
TopAppBarTheme.light(),
|
||||
FileSelectionButtonThemeExtensionDefault.light(),
|
||||
FlatButtonThemeExtensionDefault.light(),
|
||||
SimpleIconButtonThemeExtensionDefault.light(),
|
||||
SymbolButtonThemeExtensionDefault.light(),
|
||||
// TextInput
|
||||
TextInputThemeExtensionDefault.light(),
|
||||
],
|
||||
);
|
||||
|
||||
static ThemeData get materialDark => ThemeData.dark();
|
||||
static ThemeData get studioLight {
|
||||
final theme = ThemeData.light().copyWith(
|
||||
appBarTheme: AppBarTheme(
|
||||
foregroundColor: const Color(0xFF24262A),
|
||||
backgroundColor: const Color(0xFFFFFFFF),
|
||||
titleTextStyle: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: const Color(0xFF24262A),
|
||||
),
|
||||
),
|
||||
scaffoldBackgroundColor: Colors.white,
|
||||
textTheme: GoogleFonts.montserratTextTheme(
|
||||
ThemeData.light().textTheme,
|
||||
),
|
||||
);
|
||||
|
||||
static ThemeData get studioDark => materialDark.copyWith(
|
||||
appBarTheme: AppBarTheme(
|
||||
foregroundColor: const Color(0xFFFFFFFF),
|
||||
backgroundColor: const Color(0xFF383C40),
|
||||
titleTextStyle: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: const Color(0xFFFFFFFF),
|
||||
),
|
||||
return theme.copyWith(
|
||||
extensions: <ThemeExtension<dynamic>>[
|
||||
// Cards
|
||||
CardThemeExtensionImpl.light(theme: theme),
|
||||
// Buttons
|
||||
FileSelectionButtonThemeExtensionImpl.light(theme: theme),
|
||||
FlatButtonThemeExtensionImpl.light(theme: theme),
|
||||
SimpleIconButtonThemeExtensionImpl.light(theme: theme),
|
||||
SymbolButtonThemeExtensionImpl.light(theme: theme),
|
||||
// Loader
|
||||
LoaderTheme.light(),
|
||||
// Rich Text
|
||||
RichTextBuilderTheme.light(),
|
||||
// TextInput
|
||||
TextInputThemeExtensionImpl.light(theme: theme),
|
||||
TopAppBarTheme.light(),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
static ThemeData get materialDark => ThemeData.dark().copyWith(
|
||||
textTheme: GoogleFonts.robotoTextTheme(
|
||||
ThemeData.dark().textTheme,
|
||||
),
|
||||
drawerTheme: const DrawerThemeData(
|
||||
backgroundColor: Color(0xFF383C40),
|
||||
),
|
||||
scaffoldBackgroundColor: const Color(0xFF383C40),
|
||||
extensions: <ThemeExtension<dynamic>>[
|
||||
// Cards
|
||||
CardTheme.dark(),
|
||||
CardThemeExtensionDefault.dark(),
|
||||
// Buttons
|
||||
FlatButtonTheme.dark(),
|
||||
SymbolButtonTheme.dark(),
|
||||
SimpleIconButtonTheme.dark(),
|
||||
FileSelectionButtonTheme.dark(),
|
||||
// Loader
|
||||
LoaderTheme.dark(),
|
||||
// Rich Text
|
||||
RichTextBuilderTheme.dark(),
|
||||
TextInputTheme.dark(),
|
||||
TopAppBarTheme.dark(),
|
||||
FileSelectionButtonThemeExtensionDefault.dark(),
|
||||
FlatButtonThemeExtensionDefault.dark(),
|
||||
SimpleIconButtonThemeExtensionDefault.dark(),
|
||||
SymbolButtonThemeExtensionDefault.dark(),
|
||||
// TextInput
|
||||
TextInputThemeExtensionDefault.dark(),
|
||||
],
|
||||
);
|
||||
|
||||
static ThemeData get studioDark {
|
||||
final theme = ThemeData.dark().copyWith(
|
||||
appBarTheme: AppBarTheme(
|
||||
foregroundColor: const Color(0xFFFFFFFF),
|
||||
backgroundColor: const Color(0xFF2B3139),
|
||||
titleTextStyle: GoogleFonts.montserrat(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: const Color(0xFFFFFFFF),
|
||||
),
|
||||
),
|
||||
drawerTheme: const DrawerThemeData(
|
||||
backgroundColor: Color(0xFF383C40),
|
||||
),
|
||||
scaffoldBackgroundColor: const Color(0xFF171A1E),
|
||||
textTheme: GoogleFonts.montserratTextTheme(
|
||||
ThemeData.dark().textTheme,
|
||||
),
|
||||
);
|
||||
|
||||
return theme.copyWith(
|
||||
extensions: <ThemeExtension<dynamic>>[
|
||||
// Cards
|
||||
CardThemeExtensionImpl.dark(theme: theme),
|
||||
// Buttons
|
||||
FileSelectionButtonThemeExtensionImpl.dark(theme: theme),
|
||||
FlatButtonThemeExtensionImpl.dark(theme: theme),
|
||||
SimpleIconButtonThemeExtensionImpl.dark(theme: theme),
|
||||
SymbolButtonThemeExtensionImpl.dark(theme: theme),
|
||||
// Loader
|
||||
LoaderTheme.dark(),
|
||||
// Rich Text
|
||||
RichTextBuilderTheme.dark(),
|
||||
// TextInput
|
||||
TextInputThemeExtensionImpl.dark(theme: theme),
|
||||
TopAppBarTheme.dark(),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user