An easy theme manipulation. Only inform primary color and the ThemeX generate all color combination palette for you

final theme = themex(
    brightness: brightness.light,
    primarycolor: const color(0xff684437),
    colorengine: themexcolorengine.traditional,
    backgroundcolor: colors.white,
);

materialapp(
  title: 'themex',
  theme: theme.get(), //here set theme attribute with themex codes
  home: const myhomepage(),
);

 showdialog(
  context: context,
  builder: (context) {
    return const themexdialog();
  },
);

var primary = themex.i.primary;

var primary50 = themex.i.primary[50];
var primary100 = themex.i.primary[100];
var primary200 = themex.i.primary[200];
var primary300 = themex.i.primary[300];
var primary400 = themex.i.primary[400];
var primary500 = themex.i.primary[500];
var primary600 = themex.i.primary[600];
var primary700 = themex.i.primary[700];
var primary800 = themex.i.primary[800];
var primary900 = themex.i.primary[900];

var secondary = themex.i.secondary;

var secondary100 = themex.i.secondary[100];
var secondary200 = themex.i.secondary[200];
var secondary400 = themex.i.secondary[400];
var secondary700 = themex.i.secondary[700];

var grey = themex.i.grey;

var grey50 = themex.i.grey[50];
var grey100 = themex.i.grey[100];
var grey200 = themex.i.grey[200];
var grey300 = themex.i.grey[300];
var grey400 = themex.i.grey[400];
var grey500 = themex.i.grey[500];
var grey600 = themex.i.grey[600];
var grey700 = themex.i.grey[700];
var grey800 = themex.i.grey[800];
var grey900 = themex.i.grey[900];

var success = themex.i.success;
var danger = themex.i.danger;
var warning = themex.i.warning;
var info = themex.i.info;
var secondarysuccess = themex.i.secondarysuccess;
var secondarydanger = themex.i.secondarydanger;
var secondarywarning = themex.i.secondarywarning;
var secondaryinfo = themex.i.secondaryinfo;

var h1 = themex.i.h1;
var h2 = themex.i.h2;
var h3 = themex.i.h3;
var h4 = themex.i.h4;
var h5 = themex.i.h5;
var bodylarge = themex.i.bodylarge;
var bodymedium = themex.i.bodymedium;
var buttonlarge = themex.i.buttonlarge;
var buttonmedium = themex.i.buttonmedium;
var subtitlelarge = themex.i.subtitlelarge;
var subtitlemedium = themex.i.subtitlemedium;

var backgroundaccentcolor = themex.i.contrastcolor(colors.yellow);

final theme = themex(
    brightness: brightness.light,
    primarycolor: const color(0xff684437),
    colorengine: themexcolorengine.constantin, //or themexcolorengine.buckner or themexcolorengine.traditional
);