.

lib/components/code/code_panel.dart

@@ -1,40 +1,42 @@
 import 'package:flutter/material.dart';
 
 import 'high_light_code.dart';
-
+import 'highlighter_style.dart';
 
 class CodeWidget extends StatelessWidget {
-
-  CodeWidget({Key key,@required this.code}):super(key:key);
+  CodeWidget({Key key, @required this.code, this.style, this.fontSize = 13,this.fontFamily})
+      : super(key: key);
 
   final String code;
+  final HighlighterStyle style;
+  final double fontSize;
+  final String fontFamily;
 
   @override
   Widget build(BuildContext context) {
-    final SyntaxHighlighterStyle style =
-    Theme.of(context).brightness == Brightness.dark
-        ? SyntaxHighlighterStyle.darkThemeStyle()
-        : SyntaxHighlighterStyle.lightThemeStyle();
-
     Widget body;
     if (code == null) {
       return Container();
     } else {
       Widget _codeWidget;
-      try{
-        DartSyntaxHighlighter(style).format(code);
+      try {
         _codeWidget = RichText(
           text: TextSpan(
-            style: const TextStyle(fontSize: 13.0),
-            children: <TextSpan>[
-              DartSyntaxHighlighter(style).format(code)
-            ],),
+            style: TextStyle(fontSize: fontSize,fontFamily: fontFamily),
+            children: <TextSpan>[DartHighlighter(style).format(code)],
+          ),
         );
-      }catch (err){
+      } catch (err) {
         _codeWidget = Text(code);
       }
       body = SingleChildScrollView(
+        child: Container(
           child: _codeWidget,
+          padding: EdgeInsets.all(10),
+          decoration: BoxDecoration(
+              color: style.backgroundColor ?? Color(0xffF6F8FA),
+              borderRadius: BorderRadius.all(Radius.circular(5.0))),
+        ),
       );
     }
     return body;