ui/refactor/coherence-1 #187
@ -55,11 +55,11 @@ class FileSelectionButtonThemeExtensionDefault
 | 
			
		||||
      focusedStyle: style,
 | 
			
		||||
      hoveredStyle: style.copyWith(
 | 
			
		||||
        backgroundColors:
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.92)),
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.80)),
 | 
			
		||||
      ),
 | 
			
		||||
      tappedStyle: style.copyWith(
 | 
			
		||||
        backgroundColors:
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.92)),
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.75)),
 | 
			
		||||
      ),
 | 
			
		||||
      selectedStyle: style,
 | 
			
		||||
      disabledStyle: style.copyWith(
 | 
			
		||||
 | 
			
		||||
@ -43,7 +43,7 @@ class SimpleIconButtonThemeExtensionDefault
 | 
			
		||||
      radius: (theme.buttonTheme.shape is RoundedRectangleBorder)
 | 
			
		||||
          ? (theme.buttonTheme.shape as RoundedRectangleBorder).borderRadius
 | 
			
		||||
          : null,
 | 
			
		||||
      padding: theme.buttonTheme.padding,
 | 
			
		||||
      padding: const EdgeInsets.all(5),
 | 
			
		||||
      foregroundColors: foregroundColor,
 | 
			
		||||
      backgroundColors: backgroundColor,
 | 
			
		||||
      animationDuration: Duration.zero,
 | 
			
		||||
@ -54,11 +54,11 @@ class SimpleIconButtonThemeExtensionDefault
 | 
			
		||||
      focusedStyle: style,
 | 
			
		||||
      hoveredStyle: style.copyWith(
 | 
			
		||||
        backgroundColors:
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.92)),
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.80)),
 | 
			
		||||
      ),
 | 
			
		||||
      tappedStyle: style.copyWith(
 | 
			
		||||
        backgroundColors:
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.92)),
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.75)),
 | 
			
		||||
      ),
 | 
			
		||||
      disabledStyle: style.copyWith(
 | 
			
		||||
        foregroundColors:
 | 
			
		||||
 | 
			
		||||
@ -37,10 +37,11 @@ class SymbolButtonThemeExtensionDefault extends SymbolButtonThemeExtension {
 | 
			
		||||
  factory SymbolButtonThemeExtensionDefault.from(ThemeData theme) {
 | 
			
		||||
    final backgroundColor = MultiColor.single(theme.colorScheme.primary);
 | 
			
		||||
    final foregroundColor = MultiColor.single(theme.colorScheme.onPrimary);
 | 
			
		||||
    final textColor = MultiColor.single(theme.textTheme.bodyMedium?.color);
 | 
			
		||||
 | 
			
		||||
    final style = SymbolButtonStyle(
 | 
			
		||||
      labelStyle:
 | 
			
		||||
          theme.textTheme.labelLarge?.copyWith(color: foregroundColor.color),
 | 
			
		||||
          theme.textTheme.labelLarge?.copyWith(color: textColor.color),
 | 
			
		||||
      dimension: theme.buttonTheme.height * 1.5,
 | 
			
		||||
      radius: (theme.buttonTheme.shape is RoundedRectangleBorder)
 | 
			
		||||
          ? (theme.buttonTheme.shape as RoundedRectangleBorder).borderRadius
 | 
			
		||||
@ -56,11 +57,11 @@ class SymbolButtonThemeExtensionDefault extends SymbolButtonThemeExtension {
 | 
			
		||||
      focusedStyle: style,
 | 
			
		||||
      hoveredStyle: style.copyWith(
 | 
			
		||||
        backgroundColors:
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.92)),
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.80)),
 | 
			
		||||
      ),
 | 
			
		||||
      tappedStyle: style.copyWith(
 | 
			
		||||
        backgroundColors:
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.92)),
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.75)),
 | 
			
		||||
      ),
 | 
			
		||||
      disabledStyle: style.copyWith(
 | 
			
		||||
        foregroundColors:
 | 
			
		||||
@ -71,6 +72,8 @@ class SymbolButtonThemeExtensionDefault extends SymbolButtonThemeExtension {
 | 
			
		||||
      selectedStyle: style.copyWith(
 | 
			
		||||
        backgroundColors:
 | 
			
		||||
            MultiColor.single(theme.colorScheme.primary.withOpacity(0.92)),
 | 
			
		||||
        borderColors: textColor,
 | 
			
		||||
        stroke: 3,
 | 
			
		||||
      ),
 | 
			
		||||
    );
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
@ -45,15 +45,15 @@ class CardThemeExtensionDefault extends CardThemeExtension {
 | 
			
		||||
  factory CardThemeExtensionDefault.from(ThemeData theme) =>
 | 
			
		||||
      CardThemeExtensionDefault(
 | 
			
		||||
        radius: const BorderRadius.all(Radius.circular(12)),
 | 
			
		||||
        padding: theme.cardTheme.margin ?? const EdgeInsets.all(4),
 | 
			
		||||
        backgroundColors: MultiColor.single(theme.cardTheme.color),
 | 
			
		||||
        borderColors: MultiColor.single(theme.cardTheme.color),
 | 
			
		||||
        padding: theme.cardTheme.margin ?? const EdgeInsets.all(15),
 | 
			
		||||
        backgroundColors: MultiColor.single(theme.cardColor),
 | 
			
		||||
        borderColors: MultiColor.single(theme.canvasColor),
 | 
			
		||||
        minSize: const Size(330, 0),
 | 
			
		||||
        maxSize: const Size(390, double.infinity),
 | 
			
		||||
        titleStyle: theme.textTheme.titleLarge,
 | 
			
		||||
        subtitleStyle: theme.textTheme.titleMedium,
 | 
			
		||||
        bodyStyle: theme.textTheme.bodyMedium,
 | 
			
		||||
        stroke: 1,
 | 
			
		||||
        stroke: 0,
 | 
			
		||||
        shadow: null,
 | 
			
		||||
      );
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -26,7 +26,8 @@ class RichTextBuilders extends DemoPage {
 | 
			
		||||
  String get title => 'RichTextBuilders';
 | 
			
		||||
 | 
			
		||||
  @override
 | 
			
		||||
  Widget build(BuildContext context) => ListView(
 | 
			
		||||
  Widget build(BuildContext context) => SelectionArea(
 | 
			
		||||
    child: ListView(
 | 
			
		||||
          cacheExtent: 1000,
 | 
			
		||||
          children: [
 | 
			
		||||
            const Gap(20),
 | 
			
		||||
@ -59,5 +60,6 @@ Je peux être <blue>bleu</blue>, ou même <gradient-red>rouge en dégradé</grad
 | 
			
		||||
            ),
 | 
			
		||||
            const Gap(20),
 | 
			
		||||
          ],
 | 
			
		||||
        ),
 | 
			
		||||
  );
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -52,7 +52,9 @@ class CardThemeExtensionImpl extends CardThemeExtension {
 | 
			
		||||
      borderColors: WyattColors.lightGradient,
 | 
			
		||||
      titleStyle: theme.textTheme.titleLarge,
 | 
			
		||||
      subtitleStyle: theme.textTheme.titleMedium,
 | 
			
		||||
      bodyStyle: theme.textTheme.bodyMedium,
 | 
			
		||||
      bodyStyle: theme.textTheme.bodyMedium?.copyWith(
 | 
			
		||||
        height: 1.5,
 | 
			
		||||
      ),
 | 
			
		||||
      minSize: const Size(330, 0),
 | 
			
		||||
      maxSize: const Size(390, double.infinity),
 | 
			
		||||
      shadow: BoxShadow(
 | 
			
		||||
@ -76,7 +78,9 @@ class CardThemeExtensionImpl extends CardThemeExtension {
 | 
			
		||||
      borderColors: WyattColors.grayGradient,
 | 
			
		||||
      titleStyle: theme.textTheme.titleLarge,
 | 
			
		||||
      subtitleStyle: theme.textTheme.titleMedium,
 | 
			
		||||
      bodyStyle: theme.textTheme.bodyMedium,
 | 
			
		||||
      bodyStyle: theme.textTheme.bodyMedium?.copyWith(
 | 
			
		||||
        height: 1.5,
 | 
			
		||||
      ),
 | 
			
		||||
      minSize: const Size(330, 0),
 | 
			
		||||
      maxSize: const Size(390, double.infinity),
 | 
			
		||||
      shadow: BoxShadow(
 | 
			
		||||
 | 
			
		||||
@ -16,6 +16,7 @@
 | 
			
		||||
 | 
			
		||||
import 'package:flutter/material.dart';
 | 
			
		||||
import 'package:wyatt_ui_components/wyatt_ui_components.dart';
 | 
			
		||||
import 'package:wyatt_ui_kit/src/core/design_system/colors.dart';
 | 
			
		||||
 | 
			
		||||
class LoaderThemeExtensionImpl extends LoaderThemeExtension {
 | 
			
		||||
  const LoaderThemeExtensionImpl({
 | 
			
		||||
@ -27,9 +28,8 @@ class LoaderThemeExtensionImpl extends LoaderThemeExtension {
 | 
			
		||||
    theme ??= ThemeData.light();
 | 
			
		||||
    return const LoaderThemeExtensionImpl(
 | 
			
		||||
      colors: MultiColor([
 | 
			
		||||
        Color(0xFF436EF4),
 | 
			
		||||
        Color(0xFF3C97FB),
 | 
			
		||||
        Colors.transparent,
 | 
			
		||||
        WyattColors.blue1,
 | 
			
		||||
        WyattColors.light,
 | 
			
		||||
      ]),
 | 
			
		||||
      stroke: 15,
 | 
			
		||||
    );
 | 
			
		||||
@ -37,10 +37,9 @@ class LoaderThemeExtensionImpl extends LoaderThemeExtension {
 | 
			
		||||
 | 
			
		||||
  factory LoaderThemeExtensionImpl.dark({ThemeData? theme}) {
 | 
			
		||||
    theme ??= ThemeData.dark();
 | 
			
		||||
    return const LoaderThemeExtensionImpl(
 | 
			
		||||
    return LoaderThemeExtensionImpl(
 | 
			
		||||
      colors: MultiColor([
 | 
			
		||||
        Color(0xFF3C97FB),
 | 
			
		||||
        Color(0xFF436EF4),
 | 
			
		||||
        ...WyattColors.blueBtnGradient.colors,
 | 
			
		||||
        Colors.transparent,
 | 
			
		||||
      ]),
 | 
			
		||||
      stroke: 15,
 | 
			
		||||
 | 
			
		||||
@ -49,7 +49,6 @@ class RichTextBuilderThemeExtensionImpl extends RichTextBuilderThemeExtension {
 | 
			
		||||
  static Map<String, TextStyle> stylesFor(ThemeData theme) => {
 | 
			
		||||
        'gradient-blue': GradientTextStyle.from(
 | 
			
		||||
          theme.textTheme.bodyMedium?.copyWith(
 | 
			
		||||
            fontSize: 20,
 | 
			
		||||
            fontWeight: FontWeight.w600,
 | 
			
		||||
            height: 1.8,
 | 
			
		||||
          ),
 | 
			
		||||
@ -60,7 +59,6 @@ class RichTextBuilderThemeExtensionImpl extends RichTextBuilderThemeExtension {
 | 
			
		||||
        ),
 | 
			
		||||
        'gradient-red': GradientTextStyle.from(
 | 
			
		||||
          theme.textTheme.bodyMedium?.copyWith(
 | 
			
		||||
            fontSize: 20,
 | 
			
		||||
            fontWeight: FontWeight.w600,
 | 
			
		||||
            height: 1.8,
 | 
			
		||||
          ),
 | 
			
		||||
@ -71,7 +69,6 @@ class RichTextBuilderThemeExtensionImpl extends RichTextBuilderThemeExtension {
 | 
			
		||||
        ),
 | 
			
		||||
        'gradient-green': GradientTextStyle.from(
 | 
			
		||||
          theme.textTheme.bodyMedium?.copyWith(
 | 
			
		||||
            fontSize: 20,
 | 
			
		||||
            fontWeight: FontWeight.w600,
 | 
			
		||||
            height: 1.8,
 | 
			
		||||
          ),
 | 
			
		||||
@ -81,7 +78,6 @@ class RichTextBuilderThemeExtensionImpl extends RichTextBuilderThemeExtension {
 | 
			
		||||
          ]),
 | 
			
		||||
        ),
 | 
			
		||||
        'blue': theme.textTheme.bodyMedium?.copyWith(
 | 
			
		||||
              fontSize: 20,
 | 
			
		||||
              fontWeight: FontWeight.w600,
 | 
			
		||||
              color: const Color(0xFF3C97FB),
 | 
			
		||||
              height: 1.8,
 | 
			
		||||
@ -90,7 +86,6 @@ class RichTextBuilderThemeExtensionImpl extends RichTextBuilderThemeExtension {
 | 
			
		||||
              color: Color(0xFF3C97FB),
 | 
			
		||||
            ),
 | 
			
		||||
        'red': theme.textTheme.bodyMedium?.copyWith(
 | 
			
		||||
              fontSize: 20,
 | 
			
		||||
              fontWeight: FontWeight.w600,
 | 
			
		||||
              color: const Color(0xFFF44464),
 | 
			
		||||
              height: 1.8,
 | 
			
		||||
@ -99,7 +94,6 @@ class RichTextBuilderThemeExtensionImpl extends RichTextBuilderThemeExtension {
 | 
			
		||||
              color: Color(0xFFF44464),
 | 
			
		||||
            ),
 | 
			
		||||
        'green': theme.textTheme.bodyMedium?.copyWith(
 | 
			
		||||
              fontSize: 20,
 | 
			
		||||
              fontWeight: FontWeight.w600,
 | 
			
		||||
              color: const Color(0xFF00D16C),
 | 
			
		||||
              height: 1.8,
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user