C2F can convert css style to Flutter code online.

I am using this site to get Gradient colors in CSS. The code puts in a percentage in every color and Flutter throws an error while using the conversion. Can you fix it or tell me the way around it.

Color from Website -

CSS Code

background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);

Flutter Code generated -

Container(
  decoration: BoxDecoration(
    gradient: LinearGradient(
      begin: Alignment(0.0, 0.0),
      end: Alignment(0.707, -0.707),
      colors: [Color(0xff9a9e 0%00),Color(0xfad0c4 99%00),Color(0xfad0c4 100%00)],
    ),
  )
),

Error -

Error Message -

Expected to find ','.
Too many positional arguments: 1 expected, but 2 found.
Try removing the extra arguments.

css input: text-decoration: underline;

Flutter output:

Container( child: Text( "Hello World", style: TextStyle( textDecorationLine: TextDecoration.underline, textDecorationStyle: TextDecorationStyle.solid, textDecorationColor: Color(0x00000000), ), ), ),

error:

The named parameter 'textDecorationLine' isn't defined. Try correcting the name to an existing named parameter's name, or defining a named parameter with the name 'textDecorationLine'.dartundefined_named_parameter

flutter version sdk

sdk: ">=2.16.1 <3.0.0"

This works for me

Text( "Hello World", style: TextStyle( decoration: TextDecoration.underline )

it is gold metaric css.

background: linear-gradient(120.07deg, #FFE5C5 17.61%, #D2B38B 50.22%, #F1DDC3 83.52%);

result is below

new Container( 
  decoration: BoxDecoration(
    image: new DecorationImage(
      image: new ExactAssetImage('linear-gradient(120.07deg, rgb(255, 229, 197) 17.61%, rgb(210, 179, 139) 50.22%, rgb(241, 221, 195) 83.52%'),
      fit: BoxFit.auto,
      repeat: ImageRepeat.repeat,
    ),
  )
),

but, strange

and BoxFit.auto, is a mistake. BoxFit.fill, is better.

css input:

background-color: #e0e0e0;
color:#e0e0e0;

Flutter

Container(
  child: Text(
    "Hello World",
    style: TextStyle(
      color: Color(0xE0E0E000),
    ),
  ),
  decoration: BoxDecoration(
    color: Color(0xE0E0E000),
  )
),

error: #e0e0e0 should be 0xFFE0E0E0 not 0xE0E0E000

FF 0xFFE0E0E0