refactor(ui_kit): update textinput component using borderColors as Color
This commit is contained in:
@@ -30,10 +30,7 @@ class TextInputTheme extends TextInputThemeExtension {
|
||||
factory TextInputTheme.light() => TextInputTheme(
|
||||
normalStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const MultiColor([
|
||||
Color.fromRGBO(221, 224, 227, 1),
|
||||
Color.fromRGBO(202, 204, 212, 1),
|
||||
]),
|
||||
borderColors: const Color.fromRGBO(221, 224, 227, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(55, 65, 81, 1),
|
||||
@@ -45,10 +42,7 @@ class TextInputTheme extends TextInputThemeExtension {
|
||||
),
|
||||
focusedStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const MultiColor([
|
||||
Color.fromRGBO(60, 125, 251, 1),
|
||||
Color.fromRGBO(68, 109, 244, 1),
|
||||
]),
|
||||
borderColors: const Color.fromRGBO(60, 125, 251, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(55, 65, 81, 1),
|
||||
@@ -60,10 +54,7 @@ class TextInputTheme extends TextInputThemeExtension {
|
||||
),
|
||||
errorStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const MultiColor([
|
||||
Color.fromRGBO(251, 94, 60, 1),
|
||||
Color.fromRGBO(244, 68, 100, 1),
|
||||
]),
|
||||
borderColors: const Color.fromRGBO(244, 68, 100, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(244, 68, 100, 1),
|
||||
@@ -75,8 +66,7 @@ class TextInputTheme extends TextInputThemeExtension {
|
||||
),
|
||||
disableStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors:
|
||||
const MultiColor.single(Color.fromRGBO(229, 231, 235, 1)),
|
||||
borderColors: const Color.fromRGBO(229, 231, 235, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(156, 163, 175, 1),
|
||||
@@ -91,9 +81,7 @@ class TextInputTheme extends TextInputThemeExtension {
|
||||
factory TextInputTheme.dark() => TextInputTheme(
|
||||
normalStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const MultiColor.single(
|
||||
Color.fromRGBO(96, 101, 106, 1),
|
||||
),
|
||||
borderColors: const Color.fromRGBO(96, 101, 106, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(204, 204, 204, 1),
|
||||
@@ -105,10 +93,7 @@ class TextInputTheme extends TextInputThemeExtension {
|
||||
),
|
||||
focusedStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const MultiColor([
|
||||
Color.fromRGBO(60, 125, 251, 1),
|
||||
Color.fromRGBO(68, 109, 244, 1),
|
||||
]),
|
||||
borderColors: const Color.fromRGBO(60, 125, 251, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(204, 204, 204, 1),
|
||||
@@ -120,10 +105,7 @@ class TextInputTheme extends TextInputThemeExtension {
|
||||
),
|
||||
errorStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const MultiColor([
|
||||
Color.fromRGBO(251, 94, 60, 1),
|
||||
Color.fromRGBO(244, 68, 100, 1),
|
||||
]),
|
||||
borderColors: const Color.fromRGBO(244, 68, 100, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(244, 68, 100, 1),
|
||||
@@ -135,9 +117,7 @@ class TextInputTheme extends TextInputThemeExtension {
|
||||
),
|
||||
disableStyle: TextInputStyle(
|
||||
radius: BorderRadius.circular(12),
|
||||
borderColors: const MultiColor.single(
|
||||
Color.fromRGBO(96, 101, 106, 1),
|
||||
),
|
||||
borderColors: const Color.fromRGBO(96, 101, 106, 1),
|
||||
labelStyle: GoogleFonts.montserrat(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: const Color.fromRGBO(96, 101, 106, 1),
|
||||
|
||||
Reference in New Issue
Block a user