diff --git a/lib/base/ui/highlight/flutter_highlight.dart b/lib/base/ui/highlight/flutter_highlight.dart
new file mode 100644
index 0000000..d2ebbd9
--- /dev/null
+++ b/lib/base/ui/highlight/flutter_highlight.dart
@@ -0,0 +1,103 @@
+import 'dart:ui';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:highlight/highlight.dart' show highlight, Node;
+
+/// Highlight Flutter Widget
+class HighlightView extends StatelessWidget {
+  /// The original code to be highlighted
+  final String source;
+
+  /// Highlight language
+  ///
+  /// It is recommended to give it a value for performance
+  ///
+  /// [All available languages](https://github.com/pd4d10/highlight/tree/master/highlight/lib/languages)
+  final String? language;
+
+  /// Highlight theme
+  ///
+  /// [All available themes](https://github.com/pd4d10/highlight/blob/master/flutter_highlight/lib/themes)
+  final Map<String, TextStyle> theme;
+
+  /// Padding
+  final EdgeInsetsGeometry? padding;
+
+  /// Text styles
+  ///
+  /// Specify text styles such as font family and font size
+  final TextStyle? textStyle;
+
+  HighlightView(
+    String input, {
+    this.language,
+    this.theme = const {},
+    this.padding,
+    this.textStyle,
+    int tabSize = 8, // TODO: https://github.com/flutter/flutter/issues/50087
+  }) : source = input.replaceAll('\t', ' ' * tabSize);
+
+  List<TextSpan> _convert(List<Node> nodes) {
+    List<TextSpan> spans = [];
+    var currentSpans = spans;
+    List<List<TextSpan>> stack = [];
+
+    _traverse(Node node) {
+      if (node.value != null) {
+        currentSpans.add(node.className == null ? TextSpan(text: node.value) : TextSpan(text: node.value, style: theme[node.className!]));
+      } else if (node.children != null) {
+        List<TextSpan> tmp = [];
+        currentSpans.add(TextSpan(children: tmp, style: theme[node.className!]));
+        stack.add(currentSpans);
+        currentSpans = tmp;
+
+        node.children!.forEach((n) {
+          _traverse(n);
+          if (n == node.children!.last) {
+            currentSpans = stack.isEmpty ? spans : stack.removeLast();
+          }
+        });
+      }
+    }
+
+    for (var node in nodes) {
+      _traverse(node);
+    }
+
+    return spans;
+  }
+
+  static const _rootKey = 'root';
+  static const _defaultFontColor = Color(0xff000000);
+  static const _defaultBackgroundColor = Color(0xffffffff);
+
+  // TODO: dart:io is not available at web platform currently
+  // See: https://github.com/flutter/flutter/issues/39998
+  // So we just use monospace here for now
+  static const _defaultFontFamily = 'monospace';
+
+  @override
+  Widget build(BuildContext context) {
+    var _textStyle = TextStyle(
+      fontFamily: _defaultFontFamily,
+      color: theme[_rootKey]?.color ?? _defaultFontColor,
+    );
+    if (textStyle != null) {
+      _textStyle = _textStyle.merge(textStyle);
+    }
+
+    return Container(
+      color: theme[_rootKey]?.backgroundColor ?? _defaultBackgroundColor,
+      padding: padding,
+      child: SelectableText.rich(
+        TextSpan(
+          style: _textStyle,
+          children: _convert(highlight.parse(source, language: language).nodes!),
+        ),
+        selectionWidthStyle: BoxWidthStyle.max,
+        selectionHeightStyle: BoxHeightStyle.max,
+      ),
+    );
+  }
+}
diff --git a/lib/base/ui/highlight/theme_map.dart b/lib/base/ui/highlight/theme_map.dart
new file mode 100644
index 0000000..dbfa044
--- /dev/null
+++ b/lib/base/ui/highlight/theme_map.dart
@@ -0,0 +1,185 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'themes/a11y-dark.dart';
+import 'themes/a11y-light.dart';
+import 'themes/agate.dart';
+import 'themes/an-old-hope.dart';
+import 'themes/androidstudio.dart';
+import 'themes/arduino-light.dart';
+import 'themes/arta.dart';
+import 'themes/ascetic.dart';
+import 'themes/atelier-cave-dark.dart';
+import 'themes/atelier-cave-light.dart';
+import 'themes/atelier-dune-dark.dart';
+import 'themes/atelier-dune-light.dart';
+import 'themes/atelier-estuary-dark.dart';
+import 'themes/atelier-estuary-light.dart';
+import 'themes/atelier-forest-dark.dart';
+import 'themes/atelier-forest-light.dart';
+import 'themes/atelier-heath-dark.dart';
+import 'themes/atelier-heath-light.dart';
+import 'themes/atelier-lakeside-dark.dart';
+import 'themes/atelier-lakeside-light.dart';
+import 'themes/atelier-plateau-dark.dart';
+import 'themes/atelier-plateau-light.dart';
+import 'themes/atelier-savanna-dark.dart';
+import 'themes/atelier-savanna-light.dart';
+import 'themes/atelier-seaside-dark.dart';
+import 'themes/atelier-seaside-light.dart';
+import 'themes/atelier-sulphurpool-dark.dart';
+import 'themes/atelier-sulphurpool-light.dart';
+import 'themes/atom-one-dark-reasonable.dart';
+import 'themes/atom-one-dark.dart';
+import 'themes/atom-one-light.dart';
+import 'themes/brown-paper.dart';
+import 'themes/codepen-embed.dart';
+import 'themes/color-brewer.dart';
+import 'themes/darcula.dart';
+import 'themes/dark.dart';
+import 'themes/default.dart';
+import 'themes/docco.dart';
+import 'themes/dracula.dart';
+import 'themes/far.dart';
+import 'themes/foundation.dart';
+import 'themes/github-gist.dart';
+import 'themes/github.dart';
+import 'themes/gml.dart';
+import 'themes/googlecode.dart';
+import 'themes/gradient-dark.dart';
+import 'themes/grayscale.dart';
+import 'themes/gruvbox-dark.dart';
+import 'themes/gruvbox-light.dart';
+import 'themes/hopscotch.dart';
+import 'themes/hybrid.dart';
+import 'themes/idea.dart';
+import 'themes/ir-black.dart';
+import 'themes/isbl-editor-dark.dart';
+import 'themes/isbl-editor-light.dart';
+import 'themes/kimbie.dark.dart';
+import 'themes/kimbie.light.dart';
+import 'themes/lightfair.dart';
+import 'themes/magula.dart';
+import 'themes/mono-blue.dart';
+import 'themes/monokai-sublime.dart';
+import 'themes/monokai.dart';
+import 'themes/night-owl.dart';
+import 'themes/nord.dart';
+import 'themes/obsidian.dart';
+import 'themes/ocean.dart';
+import 'themes/paraiso-dark.dart';
+import 'themes/paraiso-light.dart';
+import 'themes/pojoaque.dart';
+import 'themes/purebasic.dart';
+import 'themes/qtcreator_dark.dart';
+import 'themes/qtcreator_light.dart';
+import 'themes/railscasts.dart';
+import 'themes/rainbow.dart';
+import 'themes/routeros.dart';
+import 'themes/school-book.dart';
+import 'themes/shades-of-purple.dart';
+import 'themes/solarized-dark.dart';
+import 'themes/solarized-light.dart';
+import 'themes/sunburst.dart';
+import 'themes/tomorrow-night-blue.dart';
+import 'themes/tomorrow-night-bright.dart';
+import 'themes/tomorrow-night-eighties.dart';
+import 'themes/tomorrow-night.dart';
+import 'themes/tomorrow.dart';
+import 'themes/vs.dart';
+import 'themes/vs2015.dart';
+import 'themes/xcode.dart';
+import 'themes/xt256.dart';
+import 'themes/zenburn.dart';
+
+const themeMap = {
+  'a11y-dark': a11yDarkTheme,
+  'a11y-light': a11yLightTheme,
+  'agate': agateTheme,
+  'an-old-hope': anOldHopeTheme,
+  'androidstudio': androidstudioTheme,
+  'arduino-light': arduinoLightTheme,
+  'arta': artaTheme,
+  'ascetic': asceticTheme,
+  'atelier-cave-dark': atelierCaveDarkTheme,
+  'atelier-cave-light': atelierCaveLightTheme,
+  'atelier-dune-dark': atelierDuneDarkTheme,
+  'atelier-dune-light': atelierDuneLightTheme,
+  'atelier-estuary-dark': atelierEstuaryDarkTheme,
+  'atelier-estuary-light': atelierEstuaryLightTheme,
+  'atelier-forest-dark': atelierForestDarkTheme,
+  'atelier-forest-light': atelierForestLightTheme,
+  'atelier-heath-dark': atelierHeathDarkTheme,
+  'atelier-heath-light': atelierHeathLightTheme,
+  'atelier-lakeside-dark': atelierLakesideDarkTheme,
+  'atelier-lakeside-light': atelierLakesideLightTheme,
+  'atelier-plateau-dark': atelierPlateauDarkTheme,
+  'atelier-plateau-light': atelierPlateauLightTheme,
+  'atelier-savanna-dark': atelierSavannaDarkTheme,
+  'atelier-savanna-light': atelierSavannaLightTheme,
+  'atelier-seaside-dark': atelierSeasideDarkTheme,
+  'atelier-seaside-light': atelierSeasideLightTheme,
+  'atelier-sulphurpool-dark': atelierSulphurpoolDarkTheme,
+  'atelier-sulphurpool-light': atelierSulphurpoolLightTheme,
+  'atom-one-dark-reasonable': atomOneDarkReasonableTheme,
+  'atom-one-dark': atomOneDarkTheme,
+  'atom-one-light': atomOneLightTheme,
+  'brown-paper': brownPaperTheme,
+  'codepen-embed': codepenEmbedTheme,
+  'color-brewer': colorBrewerTheme,
+  'darcula': darculaTheme,
+  'dark': darkTheme,
+  'default': defaultTheme,
+  'docco': doccoTheme,
+  'dracula': draculaTheme,
+  'far': farTheme,
+  'foundation': foundationTheme,
+  'github-gist': githubGistTheme,
+  'github': githubTheme,
+  'gml': gmlTheme,
+  'googlecode': googlecodeTheme,
+  'gradient-dark': gradientDarkTheme,
+  'grayscale': grayscaleTheme,
+  'gruvbox-dark': gruvboxDarkTheme,
+  'gruvbox-light': gruvboxLightTheme,
+  'hopscotch': hopscotchTheme,
+  'hybrid': hybridTheme,
+  'idea': ideaTheme,
+  'ir-black': irBlackTheme,
+  'isbl-editor-dark': isblEditorDarkTheme,
+  'isbl-editor-light': isblEditorLightTheme,
+  'kimbie.dark': kimbieDarkTheme,
+  'kimbie.light': kimbieLightTheme,
+  'lightfair': lightfairTheme,
+  'magula': magulaTheme,
+  'mono-blue': monoBlueTheme,
+  'monokai-sublime': monokaiSublimeTheme,
+  'monokai': monokaiTheme,
+  'night-owl': nightOwlTheme,
+  'nord': nordTheme,
+  'obsidian': obsidianTheme,
+  'ocean': oceanTheme,
+  'paraiso-dark': paraisoDarkTheme,
+  'paraiso-light': paraisoLightTheme,
+  'pojoaque': pojoaqueTheme,
+  'purebasic': purebasicTheme,
+  'qtcreator_dark': qtcreatorDarkTheme,
+  'qtcreator_light': qtcreatorLightTheme,
+  'railscasts': railscastsTheme,
+  'rainbow': rainbowTheme,
+  'routeros': routerosTheme,
+  'school-book': schoolBookTheme,
+  'shades-of-purple': shadesOfPurpleTheme,
+  'solarized-dark': solarizedDarkTheme,
+  'solarized-light': solarizedLightTheme,
+  'sunburst': sunburstTheme,
+  'tomorrow-night-blue': tomorrowNightBlueTheme,
+  'tomorrow-night-bright': tomorrowNightBrightTheme,
+  'tomorrow-night-eighties': tomorrowNightEightiesTheme,
+  'tomorrow-night': tomorrowNightTheme,
+  'tomorrow': tomorrowTheme,
+  'vs': vsTheme,
+  'vs2015': vs2015Theme,
+  'xcode': xcodeTheme,
+  'xt256': xt256Theme,
+  'zenburn': zenburnTheme,
+};
diff --git a/lib/base/ui/highlight/themes/a11y-dark.dart b/lib/base/ui/highlight/themes/a11y-dark.dart
new file mode 100644
index 0000000..75324ea
--- /dev/null
+++ b/lib/base/ui/highlight/themes/a11y-dark.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const a11yDarkTheme = {
+  'comment': TextStyle(color: Color(0xffd4d0ab)),
+  'quote': TextStyle(color: Color(0xffd4d0ab)),
+  'variable': TextStyle(color: Color(0xffffa07a)),
+  'template-variable': TextStyle(color: Color(0xffffa07a)),
+  'tag': TextStyle(color: Color(0xffffa07a)),
+  'name': TextStyle(color: Color(0xffffa07a)),
+  'selector-id': TextStyle(color: Color(0xffffa07a)),
+  'selector-class': TextStyle(color: Color(0xffffa07a)),
+  'regexp': TextStyle(color: Color(0xffffa07a)),
+  'deletion': TextStyle(color: Color(0xffffa07a)),
+  'number': TextStyle(color: Color(0xfff5ab35)),
+  'built_in': TextStyle(color: Color(0xfff5ab35)),
+  'builtin-name': TextStyle(color: Color(0xfff5ab35)),
+  'literal': TextStyle(color: Color(0xfff5ab35)),
+  'type': TextStyle(color: Color(0xfff5ab35)),
+  'params': TextStyle(color: Color(0xfff5ab35)),
+  'meta': TextStyle(color: Color(0xfff5ab35)),
+  'link': TextStyle(color: Color(0xfff5ab35)),
+  'attribute': TextStyle(color: Color(0xffffd700)),
+  'string': TextStyle(color: Color(0xffabe338)),
+  'symbol': TextStyle(color: Color(0xffabe338)),
+  'bullet': TextStyle(color: Color(0xffabe338)),
+  'addition': TextStyle(color: Color(0xffabe338)),
+  'title': TextStyle(color: Color(0xff00e0e0)),
+  'section': TextStyle(color: Color(0xff00e0e0)),
+  'keyword': TextStyle(color: Color(0xffdcc6e0)),
+  'selector-tag': TextStyle(color: Color(0xffdcc6e0)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff2b2b2b), color: Color(0xfff8f8f2)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/a11y-light.dart b/lib/base/ui/highlight/themes/a11y-light.dart
new file mode 100644
index 0000000..3874dc0
--- /dev/null
+++ b/lib/base/ui/highlight/themes/a11y-light.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const a11yLightTheme = {
+  'comment': TextStyle(color: Color(0xff696969)),
+  'quote': TextStyle(color: Color(0xff696969)),
+  'variable': TextStyle(color: Color(0xffd91e18)),
+  'template-variable': TextStyle(color: Color(0xffd91e18)),
+  'tag': TextStyle(color: Color(0xffd91e18)),
+  'name': TextStyle(color: Color(0xffd91e18)),
+  'selector-id': TextStyle(color: Color(0xffd91e18)),
+  'selector-class': TextStyle(color: Color(0xffd91e18)),
+  'regexp': TextStyle(color: Color(0xffd91e18)),
+  'deletion': TextStyle(color: Color(0xffd91e18)),
+  'number': TextStyle(color: Color(0xffaa5d00)),
+  'built_in': TextStyle(color: Color(0xffaa5d00)),
+  'builtin-name': TextStyle(color: Color(0xffaa5d00)),
+  'literal': TextStyle(color: Color(0xffaa5d00)),
+  'type': TextStyle(color: Color(0xffaa5d00)),
+  'params': TextStyle(color: Color(0xffaa5d00)),
+  'meta': TextStyle(color: Color(0xffaa5d00)),
+  'link': TextStyle(color: Color(0xffaa5d00)),
+  'attribute': TextStyle(color: Color(0xffaa5d00)),
+  'string': TextStyle(color: Color(0xff008000)),
+  'symbol': TextStyle(color: Color(0xff008000)),
+  'bullet': TextStyle(color: Color(0xff008000)),
+  'addition': TextStyle(color: Color(0xff008000)),
+  'title': TextStyle(color: Color(0xff007faa)),
+  'section': TextStyle(color: Color(0xff007faa)),
+  'keyword': TextStyle(color: Color(0xff7928a1)),
+  'selector-tag': TextStyle(color: Color(0xff7928a1)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfffefefe), color: Color(0xff545454)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/agate.dart b/lib/base/ui/highlight/themes/agate.dart
new file mode 100644
index 0000000..2fe437c
--- /dev/null
+++ b/lib/base/ui/highlight/themes/agate.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const agateTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff333333), color: Color(0xffffffff)),
+  'name': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'code': TextStyle(fontStyle: FontStyle.italic, color: Color(0xff888888)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'tag': TextStyle(color: Color(0xff62c8f3)),
+  'variable': TextStyle(color: Color(0xffade5fc)),
+  'template-variable': TextStyle(color: Color(0xffade5fc)),
+  'selector-id': TextStyle(color: Color(0xffade5fc)),
+  'selector-class': TextStyle(color: Color(0xffade5fc)),
+  'string': TextStyle(color: Color(0xffa2fca2)),
+  'bullet': TextStyle(color: Color(0xffd36363)),
+  'type': TextStyle(color: Color(0xffffffaa)),
+  'title': TextStyle(color: Color(0xffffffaa)),
+  'section': TextStyle(color: Color(0xffffffaa)),
+  'attribute': TextStyle(color: Color(0xffffffaa)),
+  'quote': TextStyle(color: Color(0xffffffaa)),
+  'built_in': TextStyle(color: Color(0xffffffaa)),
+  'builtin-name': TextStyle(color: Color(0xffffffaa)),
+  'number': TextStyle(color: Color(0xffd36363)),
+  'symbol': TextStyle(color: Color(0xffd36363)),
+  'keyword': TextStyle(color: Color(0xfffcc28c)),
+  'selector-tag': TextStyle(color: Color(0xfffcc28c)),
+  'literal': TextStyle(color: Color(0xfffcc28c)),
+  'comment': TextStyle(color: Color(0xff888888)),
+  'deletion':
+      TextStyle(color: Color(0xff333333), backgroundColor: Color(0xfffc9b9b)),
+  'regexp': TextStyle(color: Color(0xffc6b4f0)),
+  'link': TextStyle(color: Color(0xffc6b4f0)),
+  'meta': TextStyle(color: Color(0xfffc9b9b)),
+  'addition':
+      TextStyle(backgroundColor: Color(0xffa2fca2), color: Color(0xff333333)),
+};
diff --git a/lib/base/ui/highlight/themes/an-old-hope.dart b/lib/base/ui/highlight/themes/an-old-hope.dart
new file mode 100644
index 0000000..bbbe782
--- /dev/null
+++ b/lib/base/ui/highlight/themes/an-old-hope.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const anOldHopeTheme = {
+  'comment': TextStyle(color: Color(0xffB6B18B)),
+  'quote': TextStyle(color: Color(0xffB6B18B)),
+  'variable': TextStyle(color: Color(0xffEB3C54)),
+  'template-variable': TextStyle(color: Color(0xffEB3C54)),
+  'tag': TextStyle(color: Color(0xffEB3C54)),
+  'name': TextStyle(color: Color(0xffEB3C54)),
+  'selector-id': TextStyle(color: Color(0xffEB3C54)),
+  'selector-class': TextStyle(color: Color(0xffEB3C54)),
+  'regexp': TextStyle(color: Color(0xffEB3C54)),
+  'deletion': TextStyle(color: Color(0xffEB3C54)),
+  'number': TextStyle(color: Color(0xffE7CE56)),
+  'built_in': TextStyle(color: Color(0xffE7CE56)),
+  'builtin-name': TextStyle(color: Color(0xffE7CE56)),
+  'literal': TextStyle(color: Color(0xffE7CE56)),
+  'type': TextStyle(color: Color(0xffE7CE56)),
+  'params': TextStyle(color: Color(0xffE7CE56)),
+  'meta': TextStyle(color: Color(0xffE7CE56)),
+  'link': TextStyle(color: Color(0xffE7CE56)),
+  'attribute': TextStyle(color: Color(0xffEE7C2B)),
+  'string': TextStyle(color: Color(0xff4FB4D7)),
+  'symbol': TextStyle(color: Color(0xff4FB4D7)),
+  'bullet': TextStyle(color: Color(0xff4FB4D7)),
+  'addition': TextStyle(color: Color(0xff4FB4D7)),
+  'title': TextStyle(color: Color(0xff78BB65)),
+  'section': TextStyle(color: Color(0xff78BB65)),
+  'keyword': TextStyle(color: Color(0xffB45EA4)),
+  'selector-tag': TextStyle(color: Color(0xffB45EA4)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff1C1D21), color: Color(0xffc0c5ce)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/androidstudio.dart b/lib/base/ui/highlight/themes/androidstudio.dart
new file mode 100644
index 0000000..a85533b
--- /dev/null
+++ b/lib/base/ui/highlight/themes/androidstudio.dart
@@ -0,0 +1,32 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const androidstudioTheme = {
+  'root':
+      TextStyle(color: Color(0xffa9b7c6), backgroundColor: Color(0xff282b2e)),
+  'number': TextStyle(color: Color(0xff6897BB)),
+  'literal': TextStyle(color: Color(0xff6897BB)),
+  'symbol': TextStyle(color: Color(0xff6897BB)),
+  'bullet': TextStyle(color: Color(0xff6897BB)),
+  'keyword': TextStyle(color: Color(0xffcc7832)),
+  'selector-tag': TextStyle(color: Color(0xffcc7832)),
+  'deletion': TextStyle(color: Color(0xffcc7832)),
+  'variable': TextStyle(color: Color(0xff629755)),
+  'template-variable': TextStyle(color: Color(0xff629755)),
+  'link': TextStyle(color: Color(0xff629755)),
+  'comment': TextStyle(color: Color(0xff808080)),
+  'quote': TextStyle(color: Color(0xff808080)),
+  'meta': TextStyle(color: Color(0xffbbb529)),
+  'string': TextStyle(color: Color(0xff6A8759)),
+  'attribute': TextStyle(color: Color(0xff6A8759)),
+  'addition': TextStyle(color: Color(0xff6A8759)),
+  'section': TextStyle(color: Color(0xffffc66d)),
+  'title': TextStyle(color: Color(0xffffc66d)),
+  'type': TextStyle(color: Color(0xffffc66d)),
+  'name': TextStyle(color: Color(0xffe8bf6a)),
+  'selector-id': TextStyle(color: Color(0xffe8bf6a)),
+  'selector-class': TextStyle(color: Color(0xffe8bf6a)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/arduino-light.dart b/lib/base/ui/highlight/themes/arduino-light.dart
new file mode 100644
index 0000000..63a9034
--- /dev/null
+++ b/lib/base/ui/highlight/themes/arduino-light.dart
@@ -0,0 +1,42 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const arduinoLightTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffFFFFFF), color: Color(0xff434f54)),
+  'subst': TextStyle(color: Color(0xff434f54)),
+  'keyword': TextStyle(color: Color(0xff00979D)),
+  'attribute': TextStyle(color: Color(0xff00979D)),
+  'selector-tag': TextStyle(color: Color(0xff00979D)),
+  'doctag': TextStyle(color: Color(0xff00979D)),
+  'name': TextStyle(color: Color(0xff00979D)),
+  'built_in': TextStyle(color: Color(0xffD35400)),
+  'literal': TextStyle(color: Color(0xffD35400)),
+  'bullet': TextStyle(color: Color(0xffD35400)),
+  'code': TextStyle(color: Color(0xffD35400)),
+  'addition': TextStyle(color: Color(0xffD35400)),
+  'regexp': TextStyle(color: Color(0xff00979D)),
+  'symbol': TextStyle(color: Color(0xff00979D)),
+  'variable': TextStyle(color: Color(0xff00979D)),
+  'template-variable': TextStyle(color: Color(0xff00979D)),
+  'link': TextStyle(color: Color(0xff00979D)),
+  'selector-attr': TextStyle(color: Color(0xff00979D)),
+  'selector-pseudo': TextStyle(color: Color(0xff00979D)),
+  'type': TextStyle(color: Color(0xff005C5F)),
+  'string': TextStyle(color: Color(0xff005C5F)),
+  'selector-id': TextStyle(color: Color(0xff005C5F)),
+  'selector-class': TextStyle(color: Color(0xff005C5F)),
+  'quote': TextStyle(color: Color(0xff005C5F)),
+  'template-tag': TextStyle(color: Color(0xff005C5F)),
+  'deletion': TextStyle(color: Color(0xff005C5F)),
+  'title': TextStyle(color: Color(0xff880000), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff880000), fontWeight: FontWeight.bold),
+  'comment': TextStyle(color: Color.fromRGBO(149, 165, 166, .8)),
+  'meta-keyword': TextStyle(color: Color(0xff728E00)),
+  'meta': TextStyle(color: Color(0xff434f54)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'function': TextStyle(color: Color(0xff728E00)),
+  'number': TextStyle(color: Color(0xff8A7B52)),
+};
diff --git a/lib/base/ui/highlight/themes/arta.dart b/lib/base/ui/highlight/themes/arta.dart
new file mode 100644
index 0000000..6b40f01
--- /dev/null
+++ b/lib/base/ui/highlight/themes/arta.dart
@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const artaTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff222222), color: Color(0xffaaaaaa)),
+  'subst': TextStyle(color: Color(0xffaaaaaa)),
+  'section': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'comment': TextStyle(color: Color(0xff444444)),
+  'quote': TextStyle(color: Color(0xff444444)),
+  'meta': TextStyle(color: Color(0xff444444)),
+  'string': TextStyle(color: Color(0xffffcc33)),
+  'symbol': TextStyle(color: Color(0xffffcc33)),
+  'bullet': TextStyle(color: Color(0xffffcc33)),
+  'regexp': TextStyle(color: Color(0xffffcc33)),
+  'number': TextStyle(color: Color(0xff00cc66)),
+  'addition': TextStyle(color: Color(0xff00cc66)),
+  'built_in': TextStyle(color: Color(0xff32aaee)),
+  'builtin-name': TextStyle(color: Color(0xff32aaee)),
+  'literal': TextStyle(color: Color(0xff32aaee)),
+  'type': TextStyle(color: Color(0xff32aaee)),
+  'template-variable': TextStyle(color: Color(0xff32aaee)),
+  'attribute': TextStyle(color: Color(0xff32aaee)),
+  'link': TextStyle(color: Color(0xff32aaee)),
+  'keyword': TextStyle(color: Color(0xff6644aa)),
+  'selector-tag': TextStyle(color: Color(0xff6644aa)),
+  'name': TextStyle(color: Color(0xff6644aa)),
+  'selector-id': TextStyle(color: Color(0xff6644aa)),
+  'selector-class': TextStyle(color: Color(0xff6644aa)),
+  'title': TextStyle(color: Color(0xffbb1166)),
+  'variable': TextStyle(color: Color(0xffbb1166)),
+  'deletion': TextStyle(color: Color(0xffbb1166)),
+  'template-tag': TextStyle(color: Color(0xffbb1166)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/ascetic.dart b/lib/base/ui/highlight/themes/ascetic.dart
new file mode 100644
index 0000000..1224811
--- /dev/null
+++ b/lib/base/ui/highlight/themes/ascetic.dart
@@ -0,0 +1,27 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const asceticTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff000000)),
+  'string': TextStyle(color: Color(0xff888888)),
+  'variable': TextStyle(color: Color(0xff888888)),
+  'template-variable': TextStyle(color: Color(0xff888888)),
+  'symbol': TextStyle(color: Color(0xff888888)),
+  'bullet': TextStyle(color: Color(0xff888888)),
+  'section': TextStyle(color: Color(0xff888888), fontWeight: FontWeight.bold),
+  'addition': TextStyle(color: Color(0xff888888)),
+  'attribute': TextStyle(color: Color(0xff888888)),
+  'link': TextStyle(color: Color(0xff888888)),
+  'comment': TextStyle(color: Color(0xffcccccc)),
+  'quote': TextStyle(color: Color(0xffcccccc)),
+  'meta': TextStyle(color: Color(0xffcccccc)),
+  'deletion': TextStyle(color: Color(0xffcccccc)),
+  'keyword': TextStyle(fontWeight: FontWeight.bold),
+  'selector-tag': TextStyle(fontWeight: FontWeight.bold),
+  'name': TextStyle(fontWeight: FontWeight.bold),
+  'type': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-cave-dark.dart b/lib/base/ui/highlight/themes/atelier-cave-dark.dart
new file mode 100644
index 0000000..a1d7588
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-cave-dark.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierCaveDarkTheme = {
+  'comment': TextStyle(color: Color(0xff7e7887)),
+  'quote': TextStyle(color: Color(0xff7e7887)),
+  'variable': TextStyle(color: Color(0xffbe4678)),
+  'template-variable': TextStyle(color: Color(0xffbe4678)),
+  'attribute': TextStyle(color: Color(0xffbe4678)),
+  'regexp': TextStyle(color: Color(0xffbe4678)),
+  'link': TextStyle(color: Color(0xffbe4678)),
+  'tag': TextStyle(color: Color(0xffbe4678)),
+  'name': TextStyle(color: Color(0xffbe4678)),
+  'selector-id': TextStyle(color: Color(0xffbe4678)),
+  'selector-class': TextStyle(color: Color(0xffbe4678)),
+  'number': TextStyle(color: Color(0xffaa573c)),
+  'meta': TextStyle(color: Color(0xffaa573c)),
+  'built_in': TextStyle(color: Color(0xffaa573c)),
+  'builtin-name': TextStyle(color: Color(0xffaa573c)),
+  'literal': TextStyle(color: Color(0xffaa573c)),
+  'type': TextStyle(color: Color(0xffaa573c)),
+  'params': TextStyle(color: Color(0xffaa573c)),
+  'string': TextStyle(color: Color(0xff2a9292)),
+  'symbol': TextStyle(color: Color(0xff2a9292)),
+  'bullet': TextStyle(color: Color(0xff2a9292)),
+  'title': TextStyle(color: Color(0xff576ddb)),
+  'section': TextStyle(color: Color(0xff576ddb)),
+  'keyword': TextStyle(color: Color(0xff955ae7)),
+  'selector-tag': TextStyle(color: Color(0xff955ae7)),
+  'deletion':
+      TextStyle(color: Color(0xff19171c), backgroundColor: Color(0xffbe4678)),
+  'addition':
+      TextStyle(color: Color(0xff19171c), backgroundColor: Color(0xff2a9292)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff19171c), color: Color(0xff8b8792)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-cave-light.dart b/lib/base/ui/highlight/themes/atelier-cave-light.dart
new file mode 100644
index 0000000..5ae0749
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-cave-light.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierCaveLightTheme = {
+  'comment': TextStyle(color: Color(0xff655f6d)),
+  'quote': TextStyle(color: Color(0xff655f6d)),
+  'variable': TextStyle(color: Color(0xffbe4678)),
+  'template-variable': TextStyle(color: Color(0xffbe4678)),
+  'attribute': TextStyle(color: Color(0xffbe4678)),
+  'tag': TextStyle(color: Color(0xffbe4678)),
+  'name': TextStyle(color: Color(0xffbe4678)),
+  'regexp': TextStyle(color: Color(0xffbe4678)),
+  'link': TextStyle(color: Color(0xffbe4678)),
+  'selector-id': TextStyle(color: Color(0xffbe4678)),
+  'selector-class': TextStyle(color: Color(0xffbe4678)),
+  'number': TextStyle(color: Color(0xffaa573c)),
+  'meta': TextStyle(color: Color(0xffaa573c)),
+  'built_in': TextStyle(color: Color(0xffaa573c)),
+  'builtin-name': TextStyle(color: Color(0xffaa573c)),
+  'literal': TextStyle(color: Color(0xffaa573c)),
+  'type': TextStyle(color: Color(0xffaa573c)),
+  'params': TextStyle(color: Color(0xffaa573c)),
+  'string': TextStyle(color: Color(0xff2a9292)),
+  'symbol': TextStyle(color: Color(0xff2a9292)),
+  'bullet': TextStyle(color: Color(0xff2a9292)),
+  'title': TextStyle(color: Color(0xff576ddb)),
+  'section': TextStyle(color: Color(0xff576ddb)),
+  'keyword': TextStyle(color: Color(0xff955ae7)),
+  'selector-tag': TextStyle(color: Color(0xff955ae7)),
+  'deletion':
+      TextStyle(color: Color(0xff19171c), backgroundColor: Color(0xffbe4678)),
+  'addition':
+      TextStyle(color: Color(0xff19171c), backgroundColor: Color(0xff2a9292)),
+  'root':
+      TextStyle(backgroundColor: Color(0xffefecf4), color: Color(0xff585260)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-dune-dark.dart b/lib/base/ui/highlight/themes/atelier-dune-dark.dart
new file mode 100644
index 0000000..a87372d
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-dune-dark.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierDuneDarkTheme = {
+  'comment': TextStyle(color: Color(0xff999580)),
+  'quote': TextStyle(color: Color(0xff999580)),
+  'variable': TextStyle(color: Color(0xffd73737)),
+  'template-variable': TextStyle(color: Color(0xffd73737)),
+  'attribute': TextStyle(color: Color(0xffd73737)),
+  'tag': TextStyle(color: Color(0xffd73737)),
+  'name': TextStyle(color: Color(0xffd73737)),
+  'regexp': TextStyle(color: Color(0xffd73737)),
+  'link': TextStyle(color: Color(0xffd73737)),
+  'selector-id': TextStyle(color: Color(0xffd73737)),
+  'selector-class': TextStyle(color: Color(0xffd73737)),
+  'number': TextStyle(color: Color(0xffb65611)),
+  'meta': TextStyle(color: Color(0xffb65611)),
+  'built_in': TextStyle(color: Color(0xffb65611)),
+  'builtin-name': TextStyle(color: Color(0xffb65611)),
+  'literal': TextStyle(color: Color(0xffb65611)),
+  'type': TextStyle(color: Color(0xffb65611)),
+  'params': TextStyle(color: Color(0xffb65611)),
+  'string': TextStyle(color: Color(0xff60ac39)),
+  'symbol': TextStyle(color: Color(0xff60ac39)),
+  'bullet': TextStyle(color: Color(0xff60ac39)),
+  'title': TextStyle(color: Color(0xff6684e1)),
+  'section': TextStyle(color: Color(0xff6684e1)),
+  'keyword': TextStyle(color: Color(0xffb854d4)),
+  'selector-tag': TextStyle(color: Color(0xffb854d4)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff20201d), color: Color(0xffa6a28c)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-dune-light.dart b/lib/base/ui/highlight/themes/atelier-dune-light.dart
new file mode 100644
index 0000000..d4b59c4
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-dune-light.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierDuneLightTheme = {
+  'comment': TextStyle(color: Color(0xff7d7a68)),
+  'quote': TextStyle(color: Color(0xff7d7a68)),
+  'variable': TextStyle(color: Color(0xffd73737)),
+  'template-variable': TextStyle(color: Color(0xffd73737)),
+  'attribute': TextStyle(color: Color(0xffd73737)),
+  'tag': TextStyle(color: Color(0xffd73737)),
+  'name': TextStyle(color: Color(0xffd73737)),
+  'regexp': TextStyle(color: Color(0xffd73737)),
+  'link': TextStyle(color: Color(0xffd73737)),
+  'selector-id': TextStyle(color: Color(0xffd73737)),
+  'selector-class': TextStyle(color: Color(0xffd73737)),
+  'number': TextStyle(color: Color(0xffb65611)),
+  'meta': TextStyle(color: Color(0xffb65611)),
+  'built_in': TextStyle(color: Color(0xffb65611)),
+  'builtin-name': TextStyle(color: Color(0xffb65611)),
+  'literal': TextStyle(color: Color(0xffb65611)),
+  'type': TextStyle(color: Color(0xffb65611)),
+  'params': TextStyle(color: Color(0xffb65611)),
+  'string': TextStyle(color: Color(0xff60ac39)),
+  'symbol': TextStyle(color: Color(0xff60ac39)),
+  'bullet': TextStyle(color: Color(0xff60ac39)),
+  'title': TextStyle(color: Color(0xff6684e1)),
+  'section': TextStyle(color: Color(0xff6684e1)),
+  'keyword': TextStyle(color: Color(0xffb854d4)),
+  'selector-tag': TextStyle(color: Color(0xffb854d4)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfffefbec), color: Color(0xff6e6b5e)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-estuary-dark.dart b/lib/base/ui/highlight/themes/atelier-estuary-dark.dart
new file mode 100644
index 0000000..3c4d30a
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-estuary-dark.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierEstuaryDarkTheme = {
+  'comment': TextStyle(color: Color(0xff878573)),
+  'quote': TextStyle(color: Color(0xff878573)),
+  'variable': TextStyle(color: Color(0xffba6236)),
+  'template-variable': TextStyle(color: Color(0xffba6236)),
+  'attribute': TextStyle(color: Color(0xffba6236)),
+  'tag': TextStyle(color: Color(0xffba6236)),
+  'name': TextStyle(color: Color(0xffba6236)),
+  'regexp': TextStyle(color: Color(0xffba6236)),
+  'link': TextStyle(color: Color(0xffba6236)),
+  'selector-id': TextStyle(color: Color(0xffba6236)),
+  'selector-class': TextStyle(color: Color(0xffba6236)),
+  'number': TextStyle(color: Color(0xffae7313)),
+  'meta': TextStyle(color: Color(0xffae7313)),
+  'built_in': TextStyle(color: Color(0xffae7313)),
+  'builtin-name': TextStyle(color: Color(0xffae7313)),
+  'literal': TextStyle(color: Color(0xffae7313)),
+  'type': TextStyle(color: Color(0xffae7313)),
+  'params': TextStyle(color: Color(0xffae7313)),
+  'string': TextStyle(color: Color(0xff7d9726)),
+  'symbol': TextStyle(color: Color(0xff7d9726)),
+  'bullet': TextStyle(color: Color(0xff7d9726)),
+  'title': TextStyle(color: Color(0xff36a166)),
+  'section': TextStyle(color: Color(0xff36a166)),
+  'keyword': TextStyle(color: Color(0xff5f9182)),
+  'selector-tag': TextStyle(color: Color(0xff5f9182)),
+  'deletion':
+      TextStyle(color: Color(0xff22221b), backgroundColor: Color(0xffba6236)),
+  'addition':
+      TextStyle(color: Color(0xff22221b), backgroundColor: Color(0xff7d9726)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff22221b), color: Color(0xff929181)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-estuary-light.dart b/lib/base/ui/highlight/themes/atelier-estuary-light.dart
new file mode 100644
index 0000000..0b60968
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-estuary-light.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierEstuaryLightTheme = {
+  'comment': TextStyle(color: Color(0xff6c6b5a)),
+  'quote': TextStyle(color: Color(0xff6c6b5a)),
+  'variable': TextStyle(color: Color(0xffba6236)),
+  'template-variable': TextStyle(color: Color(0xffba6236)),
+  'attribute': TextStyle(color: Color(0xffba6236)),
+  'tag': TextStyle(color: Color(0xffba6236)),
+  'name': TextStyle(color: Color(0xffba6236)),
+  'regexp': TextStyle(color: Color(0xffba6236)),
+  'link': TextStyle(color: Color(0xffba6236)),
+  'selector-id': TextStyle(color: Color(0xffba6236)),
+  'selector-class': TextStyle(color: Color(0xffba6236)),
+  'number': TextStyle(color: Color(0xffae7313)),
+  'meta': TextStyle(color: Color(0xffae7313)),
+  'built_in': TextStyle(color: Color(0xffae7313)),
+  'builtin-name': TextStyle(color: Color(0xffae7313)),
+  'literal': TextStyle(color: Color(0xffae7313)),
+  'type': TextStyle(color: Color(0xffae7313)),
+  'params': TextStyle(color: Color(0xffae7313)),
+  'string': TextStyle(color: Color(0xff7d9726)),
+  'symbol': TextStyle(color: Color(0xff7d9726)),
+  'bullet': TextStyle(color: Color(0xff7d9726)),
+  'title': TextStyle(color: Color(0xff36a166)),
+  'section': TextStyle(color: Color(0xff36a166)),
+  'keyword': TextStyle(color: Color(0xff5f9182)),
+  'selector-tag': TextStyle(color: Color(0xff5f9182)),
+  'deletion':
+      TextStyle(color: Color(0xff22221b), backgroundColor: Color(0xffba6236)),
+  'addition':
+      TextStyle(color: Color(0xff22221b), backgroundColor: Color(0xff7d9726)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfff4f3ec), color: Color(0xff5f5e4e)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-forest-dark.dart b/lib/base/ui/highlight/themes/atelier-forest-dark.dart
new file mode 100644
index 0000000..613d8ee
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-forest-dark.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierForestDarkTheme = {
+  'comment': TextStyle(color: Color(0xff9c9491)),
+  'quote': TextStyle(color: Color(0xff9c9491)),
+  'variable': TextStyle(color: Color(0xfff22c40)),
+  'template-variable': TextStyle(color: Color(0xfff22c40)),
+  'attribute': TextStyle(color: Color(0xfff22c40)),
+  'tag': TextStyle(color: Color(0xfff22c40)),
+  'name': TextStyle(color: Color(0xfff22c40)),
+  'regexp': TextStyle(color: Color(0xfff22c40)),
+  'link': TextStyle(color: Color(0xfff22c40)),
+  'selector-id': TextStyle(color: Color(0xfff22c40)),
+  'selector-class': TextStyle(color: Color(0xfff22c40)),
+  'number': TextStyle(color: Color(0xffdf5320)),
+  'meta': TextStyle(color: Color(0xffdf5320)),
+  'built_in': TextStyle(color: Color(0xffdf5320)),
+  'builtin-name': TextStyle(color: Color(0xffdf5320)),
+  'literal': TextStyle(color: Color(0xffdf5320)),
+  'type': TextStyle(color: Color(0xffdf5320)),
+  'params': TextStyle(color: Color(0xffdf5320)),
+  'string': TextStyle(color: Color(0xff7b9726)),
+  'symbol': TextStyle(color: Color(0xff7b9726)),
+  'bullet': TextStyle(color: Color(0xff7b9726)),
+  'title': TextStyle(color: Color(0xff407ee7)),
+  'section': TextStyle(color: Color(0xff407ee7)),
+  'keyword': TextStyle(color: Color(0xff6666ea)),
+  'selector-tag': TextStyle(color: Color(0xff6666ea)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff1b1918), color: Color(0xffa8a19f)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-forest-light.dart b/lib/base/ui/highlight/themes/atelier-forest-light.dart
new file mode 100644
index 0000000..da81d88
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-forest-light.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierForestLightTheme = {
+  'comment': TextStyle(color: Color(0xff766e6b)),
+  'quote': TextStyle(color: Color(0xff766e6b)),
+  'variable': TextStyle(color: Color(0xfff22c40)),
+  'template-variable': TextStyle(color: Color(0xfff22c40)),
+  'attribute': TextStyle(color: Color(0xfff22c40)),
+  'tag': TextStyle(color: Color(0xfff22c40)),
+  'name': TextStyle(color: Color(0xfff22c40)),
+  'regexp': TextStyle(color: Color(0xfff22c40)),
+  'link': TextStyle(color: Color(0xfff22c40)),
+  'selector-id': TextStyle(color: Color(0xfff22c40)),
+  'selector-class': TextStyle(color: Color(0xfff22c40)),
+  'number': TextStyle(color: Color(0xffdf5320)),
+  'meta': TextStyle(color: Color(0xffdf5320)),
+  'built_in': TextStyle(color: Color(0xffdf5320)),
+  'builtin-name': TextStyle(color: Color(0xffdf5320)),
+  'literal': TextStyle(color: Color(0xffdf5320)),
+  'type': TextStyle(color: Color(0xffdf5320)),
+  'params': TextStyle(color: Color(0xffdf5320)),
+  'string': TextStyle(color: Color(0xff7b9726)),
+  'symbol': TextStyle(color: Color(0xff7b9726)),
+  'bullet': TextStyle(color: Color(0xff7b9726)),
+  'title': TextStyle(color: Color(0xff407ee7)),
+  'section': TextStyle(color: Color(0xff407ee7)),
+  'keyword': TextStyle(color: Color(0xff6666ea)),
+  'selector-tag': TextStyle(color: Color(0xff6666ea)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfff1efee), color: Color(0xff68615e)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-heath-dark.dart b/lib/base/ui/highlight/themes/atelier-heath-dark.dart
new file mode 100644
index 0000000..2c9f842
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-heath-dark.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierHeathDarkTheme = {
+  'comment': TextStyle(color: Color(0xff9e8f9e)),
+  'quote': TextStyle(color: Color(0xff9e8f9e)),
+  'variable': TextStyle(color: Color(0xffca402b)),
+  'template-variable': TextStyle(color: Color(0xffca402b)),
+  'attribute': TextStyle(color: Color(0xffca402b)),
+  'tag': TextStyle(color: Color(0xffca402b)),
+  'name': TextStyle(color: Color(0xffca402b)),
+  'regexp': TextStyle(color: Color(0xffca402b)),
+  'link': TextStyle(color: Color(0xffca402b)),
+  'selector-id': TextStyle(color: Color(0xffca402b)),
+  'selector-class': TextStyle(color: Color(0xffca402b)),
+  'number': TextStyle(color: Color(0xffa65926)),
+  'meta': TextStyle(color: Color(0xffa65926)),
+  'built_in': TextStyle(color: Color(0xffa65926)),
+  'builtin-name': TextStyle(color: Color(0xffa65926)),
+  'literal': TextStyle(color: Color(0xffa65926)),
+  'type': TextStyle(color: Color(0xffa65926)),
+  'params': TextStyle(color: Color(0xffa65926)),
+  'string': TextStyle(color: Color(0xff918b3b)),
+  'symbol': TextStyle(color: Color(0xff918b3b)),
+  'bullet': TextStyle(color: Color(0xff918b3b)),
+  'title': TextStyle(color: Color(0xff516aec)),
+  'section': TextStyle(color: Color(0xff516aec)),
+  'keyword': TextStyle(color: Color(0xff7b59c0)),
+  'selector-tag': TextStyle(color: Color(0xff7b59c0)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff1b181b), color: Color(0xffab9bab)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-heath-light.dart b/lib/base/ui/highlight/themes/atelier-heath-light.dart
new file mode 100644
index 0000000..4b2dc85
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-heath-light.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierHeathLightTheme = {
+  'comment': TextStyle(color: Color(0xff776977)),
+  'quote': TextStyle(color: Color(0xff776977)),
+  'variable': TextStyle(color: Color(0xffca402b)),
+  'template-variable': TextStyle(color: Color(0xffca402b)),
+  'attribute': TextStyle(color: Color(0xffca402b)),
+  'tag': TextStyle(color: Color(0xffca402b)),
+  'name': TextStyle(color: Color(0xffca402b)),
+  'regexp': TextStyle(color: Color(0xffca402b)),
+  'link': TextStyle(color: Color(0xffca402b)),
+  'selector-id': TextStyle(color: Color(0xffca402b)),
+  'selector-class': TextStyle(color: Color(0xffca402b)),
+  'number': TextStyle(color: Color(0xffa65926)),
+  'meta': TextStyle(color: Color(0xffa65926)),
+  'built_in': TextStyle(color: Color(0xffa65926)),
+  'builtin-name': TextStyle(color: Color(0xffa65926)),
+  'literal': TextStyle(color: Color(0xffa65926)),
+  'type': TextStyle(color: Color(0xffa65926)),
+  'params': TextStyle(color: Color(0xffa65926)),
+  'string': TextStyle(color: Color(0xff918b3b)),
+  'symbol': TextStyle(color: Color(0xff918b3b)),
+  'bullet': TextStyle(color: Color(0xff918b3b)),
+  'title': TextStyle(color: Color(0xff516aec)),
+  'section': TextStyle(color: Color(0xff516aec)),
+  'keyword': TextStyle(color: Color(0xff7b59c0)),
+  'selector-tag': TextStyle(color: Color(0xff7b59c0)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfff7f3f7), color: Color(0xff695d69)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-lakeside-dark.dart b/lib/base/ui/highlight/themes/atelier-lakeside-dark.dart
new file mode 100644
index 0000000..4fc9722
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-lakeside-dark.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierLakesideDarkTheme = {
+  'comment': TextStyle(color: Color(0xff7195a8)),
+  'quote': TextStyle(color: Color(0xff7195a8)),
+  'variable': TextStyle(color: Color(0xffd22d72)),
+  'template-variable': TextStyle(color: Color(0xffd22d72)),
+  'attribute': TextStyle(color: Color(0xffd22d72)),
+  'tag': TextStyle(color: Color(0xffd22d72)),
+  'name': TextStyle(color: Color(0xffd22d72)),
+  'regexp': TextStyle(color: Color(0xffd22d72)),
+  'link': TextStyle(color: Color(0xffd22d72)),
+  'selector-id': TextStyle(color: Color(0xffd22d72)),
+  'selector-class': TextStyle(color: Color(0xffd22d72)),
+  'number': TextStyle(color: Color(0xff935c25)),
+  'meta': TextStyle(color: Color(0xff935c25)),
+  'built_in': TextStyle(color: Color(0xff935c25)),
+  'builtin-name': TextStyle(color: Color(0xff935c25)),
+  'literal': TextStyle(color: Color(0xff935c25)),
+  'type': TextStyle(color: Color(0xff935c25)),
+  'params': TextStyle(color: Color(0xff935c25)),
+  'string': TextStyle(color: Color(0xff568c3b)),
+  'symbol': TextStyle(color: Color(0xff568c3b)),
+  'bullet': TextStyle(color: Color(0xff568c3b)),
+  'title': TextStyle(color: Color(0xff257fad)),
+  'section': TextStyle(color: Color(0xff257fad)),
+  'keyword': TextStyle(color: Color(0xff6b6bb8)),
+  'selector-tag': TextStyle(color: Color(0xff6b6bb8)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff161b1d), color: Color(0xff7ea2b4)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-lakeside-light.dart b/lib/base/ui/highlight/themes/atelier-lakeside-light.dart
new file mode 100644
index 0000000..6226204
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-lakeside-light.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierLakesideLightTheme = {
+  'comment': TextStyle(color: Color(0xff5a7b8c)),
+  'quote': TextStyle(color: Color(0xff5a7b8c)),
+  'variable': TextStyle(color: Color(0xffd22d72)),
+  'template-variable': TextStyle(color: Color(0xffd22d72)),
+  'attribute': TextStyle(color: Color(0xffd22d72)),
+  'tag': TextStyle(color: Color(0xffd22d72)),
+  'name': TextStyle(color: Color(0xffd22d72)),
+  'regexp': TextStyle(color: Color(0xffd22d72)),
+  'link': TextStyle(color: Color(0xffd22d72)),
+  'selector-id': TextStyle(color: Color(0xffd22d72)),
+  'selector-class': TextStyle(color: Color(0xffd22d72)),
+  'number': TextStyle(color: Color(0xff935c25)),
+  'meta': TextStyle(color: Color(0xff935c25)),
+  'built_in': TextStyle(color: Color(0xff935c25)),
+  'builtin-name': TextStyle(color: Color(0xff935c25)),
+  'literal': TextStyle(color: Color(0xff935c25)),
+  'type': TextStyle(color: Color(0xff935c25)),
+  'params': TextStyle(color: Color(0xff935c25)),
+  'string': TextStyle(color: Color(0xff568c3b)),
+  'symbol': TextStyle(color: Color(0xff568c3b)),
+  'bullet': TextStyle(color: Color(0xff568c3b)),
+  'title': TextStyle(color: Color(0xff257fad)),
+  'section': TextStyle(color: Color(0xff257fad)),
+  'keyword': TextStyle(color: Color(0xff6b6bb8)),
+  'selector-tag': TextStyle(color: Color(0xff6b6bb8)),
+  'root':
+      TextStyle(backgroundColor: Color(0xffebf8ff), color: Color(0xff516d7b)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-plateau-dark.dart b/lib/base/ui/highlight/themes/atelier-plateau-dark.dart
new file mode 100644
index 0000000..f2a4574
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-plateau-dark.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierPlateauDarkTheme = {
+  'comment': TextStyle(color: Color(0xff7e7777)),
+  'quote': TextStyle(color: Color(0xff7e7777)),
+  'variable': TextStyle(color: Color(0xffca4949)),
+  'template-variable': TextStyle(color: Color(0xffca4949)),
+  'attribute': TextStyle(color: Color(0xffca4949)),
+  'tag': TextStyle(color: Color(0xffca4949)),
+  'name': TextStyle(color: Color(0xffca4949)),
+  'regexp': TextStyle(color: Color(0xffca4949)),
+  'link': TextStyle(color: Color(0xffca4949)),
+  'selector-id': TextStyle(color: Color(0xffca4949)),
+  'selector-class': TextStyle(color: Color(0xffca4949)),
+  'number': TextStyle(color: Color(0xffb45a3c)),
+  'meta': TextStyle(color: Color(0xffb45a3c)),
+  'built_in': TextStyle(color: Color(0xffb45a3c)),
+  'builtin-name': TextStyle(color: Color(0xffb45a3c)),
+  'literal': TextStyle(color: Color(0xffb45a3c)),
+  'type': TextStyle(color: Color(0xffb45a3c)),
+  'params': TextStyle(color: Color(0xffb45a3c)),
+  'string': TextStyle(color: Color(0xff4b8b8b)),
+  'symbol': TextStyle(color: Color(0xff4b8b8b)),
+  'bullet': TextStyle(color: Color(0xff4b8b8b)),
+  'title': TextStyle(color: Color(0xff7272ca)),
+  'section': TextStyle(color: Color(0xff7272ca)),
+  'keyword': TextStyle(color: Color(0xff8464c4)),
+  'selector-tag': TextStyle(color: Color(0xff8464c4)),
+  'deletion':
+      TextStyle(color: Color(0xff1b1818), backgroundColor: Color(0xffca4949)),
+  'addition':
+      TextStyle(color: Color(0xff1b1818), backgroundColor: Color(0xff4b8b8b)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff1b1818), color: Color(0xff8a8585)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-plateau-light.dart b/lib/base/ui/highlight/themes/atelier-plateau-light.dart
new file mode 100644
index 0000000..af5db97
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-plateau-light.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierPlateauLightTheme = {
+  'comment': TextStyle(color: Color(0xff655d5d)),
+  'quote': TextStyle(color: Color(0xff655d5d)),
+  'variable': TextStyle(color: Color(0xffca4949)),
+  'template-variable': TextStyle(color: Color(0xffca4949)),
+  'attribute': TextStyle(color: Color(0xffca4949)),
+  'tag': TextStyle(color: Color(0xffca4949)),
+  'name': TextStyle(color: Color(0xffca4949)),
+  'regexp': TextStyle(color: Color(0xffca4949)),
+  'link': TextStyle(color: Color(0xffca4949)),
+  'selector-id': TextStyle(color: Color(0xffca4949)),
+  'selector-class': TextStyle(color: Color(0xffca4949)),
+  'number': TextStyle(color: Color(0xffb45a3c)),
+  'meta': TextStyle(color: Color(0xffb45a3c)),
+  'built_in': TextStyle(color: Color(0xffb45a3c)),
+  'builtin-name': TextStyle(color: Color(0xffb45a3c)),
+  'literal': TextStyle(color: Color(0xffb45a3c)),
+  'type': TextStyle(color: Color(0xffb45a3c)),
+  'params': TextStyle(color: Color(0xffb45a3c)),
+  'string': TextStyle(color: Color(0xff4b8b8b)),
+  'symbol': TextStyle(color: Color(0xff4b8b8b)),
+  'bullet': TextStyle(color: Color(0xff4b8b8b)),
+  'title': TextStyle(color: Color(0xff7272ca)),
+  'section': TextStyle(color: Color(0xff7272ca)),
+  'keyword': TextStyle(color: Color(0xff8464c4)),
+  'selector-tag': TextStyle(color: Color(0xff8464c4)),
+  'deletion':
+      TextStyle(color: Color(0xff1b1818), backgroundColor: Color(0xffca4949)),
+  'addition':
+      TextStyle(color: Color(0xff1b1818), backgroundColor: Color(0xff4b8b8b)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfff4ecec), color: Color(0xff585050)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-savanna-dark.dart b/lib/base/ui/highlight/themes/atelier-savanna-dark.dart
new file mode 100644
index 0000000..6a69fee
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-savanna-dark.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierSavannaDarkTheme = {
+  'comment': TextStyle(color: Color(0xff78877d)),
+  'quote': TextStyle(color: Color(0xff78877d)),
+  'variable': TextStyle(color: Color(0xffb16139)),
+  'template-variable': TextStyle(color: Color(0xffb16139)),
+  'attribute': TextStyle(color: Color(0xffb16139)),
+  'tag': TextStyle(color: Color(0xffb16139)),
+  'name': TextStyle(color: Color(0xffb16139)),
+  'regexp': TextStyle(color: Color(0xffb16139)),
+  'link': TextStyle(color: Color(0xffb16139)),
+  'selector-id': TextStyle(color: Color(0xffb16139)),
+  'selector-class': TextStyle(color: Color(0xffb16139)),
+  'number': TextStyle(color: Color(0xff9f713c)),
+  'meta': TextStyle(color: Color(0xff9f713c)),
+  'built_in': TextStyle(color: Color(0xff9f713c)),
+  'builtin-name': TextStyle(color: Color(0xff9f713c)),
+  'literal': TextStyle(color: Color(0xff9f713c)),
+  'type': TextStyle(color: Color(0xff9f713c)),
+  'params': TextStyle(color: Color(0xff9f713c)),
+  'string': TextStyle(color: Color(0xff489963)),
+  'symbol': TextStyle(color: Color(0xff489963)),
+  'bullet': TextStyle(color: Color(0xff489963)),
+  'title': TextStyle(color: Color(0xff478c90)),
+  'section': TextStyle(color: Color(0xff478c90)),
+  'keyword': TextStyle(color: Color(0xff55859b)),
+  'selector-tag': TextStyle(color: Color(0xff55859b)),
+  'deletion':
+      TextStyle(color: Color(0xff171c19), backgroundColor: Color(0xffb16139)),
+  'addition':
+      TextStyle(color: Color(0xff171c19), backgroundColor: Color(0xff489963)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff171c19), color: Color(0xff87928a)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-savanna-light.dart b/lib/base/ui/highlight/themes/atelier-savanna-light.dart
new file mode 100644
index 0000000..422ce94
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-savanna-light.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierSavannaLightTheme = {
+  'comment': TextStyle(color: Color(0xff5f6d64)),
+  'quote': TextStyle(color: Color(0xff5f6d64)),
+  'variable': TextStyle(color: Color(0xffb16139)),
+  'template-variable': TextStyle(color: Color(0xffb16139)),
+  'attribute': TextStyle(color: Color(0xffb16139)),
+  'tag': TextStyle(color: Color(0xffb16139)),
+  'name': TextStyle(color: Color(0xffb16139)),
+  'regexp': TextStyle(color: Color(0xffb16139)),
+  'link': TextStyle(color: Color(0xffb16139)),
+  'selector-id': TextStyle(color: Color(0xffb16139)),
+  'selector-class': TextStyle(color: Color(0xffb16139)),
+  'number': TextStyle(color: Color(0xff9f713c)),
+  'meta': TextStyle(color: Color(0xff9f713c)),
+  'built_in': TextStyle(color: Color(0xff9f713c)),
+  'builtin-name': TextStyle(color: Color(0xff9f713c)),
+  'literal': TextStyle(color: Color(0xff9f713c)),
+  'type': TextStyle(color: Color(0xff9f713c)),
+  'params': TextStyle(color: Color(0xff9f713c)),
+  'string': TextStyle(color: Color(0xff489963)),
+  'symbol': TextStyle(color: Color(0xff489963)),
+  'bullet': TextStyle(color: Color(0xff489963)),
+  'title': TextStyle(color: Color(0xff478c90)),
+  'section': TextStyle(color: Color(0xff478c90)),
+  'keyword': TextStyle(color: Color(0xff55859b)),
+  'selector-tag': TextStyle(color: Color(0xff55859b)),
+  'deletion':
+      TextStyle(color: Color(0xff171c19), backgroundColor: Color(0xffb16139)),
+  'addition':
+      TextStyle(color: Color(0xff171c19), backgroundColor: Color(0xff489963)),
+  'root':
+      TextStyle(backgroundColor: Color(0xffecf4ee), color: Color(0xff526057)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-seaside-dark.dart b/lib/base/ui/highlight/themes/atelier-seaside-dark.dart
new file mode 100644
index 0000000..a186906
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-seaside-dark.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierSeasideDarkTheme = {
+  'comment': TextStyle(color: Color(0xff809980)),
+  'quote': TextStyle(color: Color(0xff809980)),
+  'variable': TextStyle(color: Color(0xffe6193c)),
+  'template-variable': TextStyle(color: Color(0xffe6193c)),
+  'attribute': TextStyle(color: Color(0xffe6193c)),
+  'tag': TextStyle(color: Color(0xffe6193c)),
+  'name': TextStyle(color: Color(0xffe6193c)),
+  'regexp': TextStyle(color: Color(0xffe6193c)),
+  'link': TextStyle(color: Color(0xffe6193c)),
+  'selector-id': TextStyle(color: Color(0xffe6193c)),
+  'selector-class': TextStyle(color: Color(0xffe6193c)),
+  'number': TextStyle(color: Color(0xff87711d)),
+  'meta': TextStyle(color: Color(0xff87711d)),
+  'built_in': TextStyle(color: Color(0xff87711d)),
+  'builtin-name': TextStyle(color: Color(0xff87711d)),
+  'literal': TextStyle(color: Color(0xff87711d)),
+  'type': TextStyle(color: Color(0xff87711d)),
+  'params': TextStyle(color: Color(0xff87711d)),
+  'string': TextStyle(color: Color(0xff29a329)),
+  'symbol': TextStyle(color: Color(0xff29a329)),
+  'bullet': TextStyle(color: Color(0xff29a329)),
+  'title': TextStyle(color: Color(0xff3d62f5)),
+  'section': TextStyle(color: Color(0xff3d62f5)),
+  'keyword': TextStyle(color: Color(0xffad2bee)),
+  'selector-tag': TextStyle(color: Color(0xffad2bee)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff131513), color: Color(0xff8ca68c)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-seaside-light.dart b/lib/base/ui/highlight/themes/atelier-seaside-light.dart
new file mode 100644
index 0000000..1a430ff
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-seaside-light.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierSeasideLightTheme = {
+  'comment': TextStyle(color: Color(0xff687d68)),
+  'quote': TextStyle(color: Color(0xff687d68)),
+  'variable': TextStyle(color: Color(0xffe6193c)),
+  'template-variable': TextStyle(color: Color(0xffe6193c)),
+  'attribute': TextStyle(color: Color(0xffe6193c)),
+  'tag': TextStyle(color: Color(0xffe6193c)),
+  'name': TextStyle(color: Color(0xffe6193c)),
+  'regexp': TextStyle(color: Color(0xffe6193c)),
+  'link': TextStyle(color: Color(0xffe6193c)),
+  'selector-id': TextStyle(color: Color(0xffe6193c)),
+  'selector-class': TextStyle(color: Color(0xffe6193c)),
+  'number': TextStyle(color: Color(0xff87711d)),
+  'meta': TextStyle(color: Color(0xff87711d)),
+  'built_in': TextStyle(color: Color(0xff87711d)),
+  'builtin-name': TextStyle(color: Color(0xff87711d)),
+  'literal': TextStyle(color: Color(0xff87711d)),
+  'type': TextStyle(color: Color(0xff87711d)),
+  'params': TextStyle(color: Color(0xff87711d)),
+  'string': TextStyle(color: Color(0xff29a329)),
+  'symbol': TextStyle(color: Color(0xff29a329)),
+  'bullet': TextStyle(color: Color(0xff29a329)),
+  'title': TextStyle(color: Color(0xff3d62f5)),
+  'section': TextStyle(color: Color(0xff3d62f5)),
+  'keyword': TextStyle(color: Color(0xffad2bee)),
+  'selector-tag': TextStyle(color: Color(0xffad2bee)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfff4fbf4), color: Color(0xff5e6e5e)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-sulphurpool-dark.dart b/lib/base/ui/highlight/themes/atelier-sulphurpool-dark.dart
new file mode 100644
index 0000000..f1b6c9b
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-sulphurpool-dark.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierSulphurpoolDarkTheme = {
+  'comment': TextStyle(color: Color(0xff898ea4)),
+  'quote': TextStyle(color: Color(0xff898ea4)),
+  'variable': TextStyle(color: Color(0xffc94922)),
+  'template-variable': TextStyle(color: Color(0xffc94922)),
+  'attribute': TextStyle(color: Color(0xffc94922)),
+  'tag': TextStyle(color: Color(0xffc94922)),
+  'name': TextStyle(color: Color(0xffc94922)),
+  'regexp': TextStyle(color: Color(0xffc94922)),
+  'link': TextStyle(color: Color(0xffc94922)),
+  'selector-id': TextStyle(color: Color(0xffc94922)),
+  'selector-class': TextStyle(color: Color(0xffc94922)),
+  'number': TextStyle(color: Color(0xffc76b29)),
+  'meta': TextStyle(color: Color(0xffc76b29)),
+  'built_in': TextStyle(color: Color(0xffc76b29)),
+  'builtin-name': TextStyle(color: Color(0xffc76b29)),
+  'literal': TextStyle(color: Color(0xffc76b29)),
+  'type': TextStyle(color: Color(0xffc76b29)),
+  'params': TextStyle(color: Color(0xffc76b29)),
+  'string': TextStyle(color: Color(0xffac9739)),
+  'symbol': TextStyle(color: Color(0xffac9739)),
+  'bullet': TextStyle(color: Color(0xffac9739)),
+  'title': TextStyle(color: Color(0xff3d8fd1)),
+  'section': TextStyle(color: Color(0xff3d8fd1)),
+  'keyword': TextStyle(color: Color(0xff6679cc)),
+  'selector-tag': TextStyle(color: Color(0xff6679cc)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff202746), color: Color(0xff979db4)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atelier-sulphurpool-light.dart b/lib/base/ui/highlight/themes/atelier-sulphurpool-light.dart
new file mode 100644
index 0000000..502885f
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atelier-sulphurpool-light.dart
@@ -0,0 +1,35 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atelierSulphurpoolLightTheme = {
+  'comment': TextStyle(color: Color(0xff6b7394)),
+  'quote': TextStyle(color: Color(0xff6b7394)),
+  'variable': TextStyle(color: Color(0xffc94922)),
+  'template-variable': TextStyle(color: Color(0xffc94922)),
+  'attribute': TextStyle(color: Color(0xffc94922)),
+  'tag': TextStyle(color: Color(0xffc94922)),
+  'name': TextStyle(color: Color(0xffc94922)),
+  'regexp': TextStyle(color: Color(0xffc94922)),
+  'link': TextStyle(color: Color(0xffc94922)),
+  'selector-id': TextStyle(color: Color(0xffc94922)),
+  'selector-class': TextStyle(color: Color(0xffc94922)),
+  'number': TextStyle(color: Color(0xffc76b29)),
+  'meta': TextStyle(color: Color(0xffc76b29)),
+  'built_in': TextStyle(color: Color(0xffc76b29)),
+  'builtin-name': TextStyle(color: Color(0xffc76b29)),
+  'literal': TextStyle(color: Color(0xffc76b29)),
+  'type': TextStyle(color: Color(0xffc76b29)),
+  'params': TextStyle(color: Color(0xffc76b29)),
+  'string': TextStyle(color: Color(0xffac9739)),
+  'symbol': TextStyle(color: Color(0xffac9739)),
+  'bullet': TextStyle(color: Color(0xffac9739)),
+  'title': TextStyle(color: Color(0xff3d8fd1)),
+  'section': TextStyle(color: Color(0xff3d8fd1)),
+  'keyword': TextStyle(color: Color(0xff6679cc)),
+  'selector-tag': TextStyle(color: Color(0xff6679cc)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfff5f7ff), color: Color(0xff5e6687)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atom-one-dark-reasonable.dart b/lib/base/ui/highlight/themes/atom-one-dark-reasonable.dart
new file mode 100644
index 0000000..2981e0f
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atom-one-dark-reasonable.dart
@@ -0,0 +1,44 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atomOneDarkReasonableTheme = {
+  'root':
+      TextStyle(color: Color(0xffabb2bf), backgroundColor: Color(0xff282c34)),
+  'keyword': TextStyle(color: Color(0xffF92672)),
+  'operator': TextStyle(color: Color(0xffF92672)),
+  'pattern-match': TextStyle(color: Color(0xffF92672)),
+  'function': TextStyle(color: Color(0xff61aeee)),
+  'comment': TextStyle(color: Color(0xffb18eb1), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xffb18eb1), fontStyle: FontStyle.italic),
+  'doctag': TextStyle(color: Color(0xffc678dd)),
+  'formula': TextStyle(color: Color(0xffc678dd)),
+  'section': TextStyle(color: Color(0xffe06c75)),
+  'name': TextStyle(color: Color(0xffe06c75)),
+  'selector-tag': TextStyle(color: Color(0xffe06c75)),
+  'deletion': TextStyle(color: Color(0xffe06c75)),
+  'subst': TextStyle(color: Color(0xffe06c75)),
+  'literal': TextStyle(color: Color(0xff56b6c2)),
+  'string': TextStyle(color: Color(0xff98c379)),
+  'regexp': TextStyle(color: Color(0xff98c379)),
+  'addition': TextStyle(color: Color(0xff98c379)),
+  'attribute': TextStyle(color: Color(0xff98c379)),
+  'meta-string': TextStyle(color: Color(0xff98c379)),
+  'built_in': TextStyle(color: Color(0xffe6c07b)),
+  'attr': TextStyle(color: Color(0xffd19a66)),
+  'variable': TextStyle(color: Color(0xffd19a66)),
+  'template-variable': TextStyle(color: Color(0xffd19a66)),
+  'type': TextStyle(color: Color(0xffd19a66)),
+  'selector-class': TextStyle(color: Color(0xffd19a66)),
+  'selector-attr': TextStyle(color: Color(0xffd19a66)),
+  'selector-pseudo': TextStyle(color: Color(0xffd19a66)),
+  'number': TextStyle(color: Color(0xffd19a66)),
+  'symbol': TextStyle(color: Color(0xff61aeee)),
+  'bullet': TextStyle(color: Color(0xff61aeee)),
+  'link': TextStyle(color: Color(0xff61aeee)),
+  'meta': TextStyle(color: Color(0xff61aeee)),
+  'selector-id': TextStyle(color: Color(0xff61aeee)),
+  'title': TextStyle(color: Color(0xff61aeee)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atom-one-dark.dart b/lib/base/ui/highlight/themes/atom-one-dark.dart
new file mode 100644
index 0000000..15ab15f
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atom-one-dark.dart
@@ -0,0 +1,41 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atomOneDarkTheme = {
+  'root':
+      TextStyle(color: Color(0xffabb2bf), backgroundColor: Color(0xff282c34)),
+  'comment': TextStyle(color: Color(0xff5c6370), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xff5c6370), fontStyle: FontStyle.italic),
+  'doctag': TextStyle(color: Color(0xffc678dd)),
+  'keyword': TextStyle(color: Color(0xffc678dd)),
+  'formula': TextStyle(color: Color(0xffc678dd)),
+  'section': TextStyle(color: Color(0xffe06c75)),
+  'name': TextStyle(color: Color(0xffe06c75)),
+  'selector-tag': TextStyle(color: Color(0xffe06c75)),
+  'deletion': TextStyle(color: Color(0xffe06c75)),
+  'subst': TextStyle(color: Color(0xffe06c75)),
+  'literal': TextStyle(color: Color(0xff56b6c2)),
+  'string': TextStyle(color: Color(0xff98c379)),
+  'regexp': TextStyle(color: Color(0xff98c379)),
+  'addition': TextStyle(color: Color(0xff98c379)),
+  'attribute': TextStyle(color: Color(0xff98c379)),
+  'meta-string': TextStyle(color: Color(0xff98c379)),
+  'built_in': TextStyle(color: Color(0xffe6c07b)),
+  'attr': TextStyle(color: Color(0xffd19a66)),
+  'variable': TextStyle(color: Color(0xffd19a66)),
+  'template-variable': TextStyle(color: Color(0xffd19a66)),
+  'type': TextStyle(color: Color(0xffd19a66)),
+  'selector-class': TextStyle(color: Color(0xffd19a66)),
+  'selector-attr': TextStyle(color: Color(0xffd19a66)),
+  'selector-pseudo': TextStyle(color: Color(0xffd19a66)),
+  'number': TextStyle(color: Color(0xffd19a66)),
+  'symbol': TextStyle(color: Color(0xff61aeee)),
+  'bullet': TextStyle(color: Color(0xff61aeee)),
+  'link': TextStyle(color: Color(0xff61aeee)),
+  'meta': TextStyle(color: Color(0xff61aeee)),
+  'selector-id': TextStyle(color: Color(0xff61aeee)),
+  'title': TextStyle(color: Color(0xff61aeee)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/atom-one-light.dart b/lib/base/ui/highlight/themes/atom-one-light.dart
new file mode 100644
index 0000000..70afaf0
--- /dev/null
+++ b/lib/base/ui/highlight/themes/atom-one-light.dart
@@ -0,0 +1,41 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const atomOneLightTheme = {
+  'root':
+      TextStyle(color: Color(0xff383a42), backgroundColor: Color(0xfffafafa)),
+  'comment': TextStyle(color: Color(0xffa0a1a7), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xffa0a1a7), fontStyle: FontStyle.italic),
+  'doctag': TextStyle(color: Color(0xffa626a4)),
+  'keyword': TextStyle(color: Color(0xffa626a4)),
+  'formula': TextStyle(color: Color(0xffa626a4)),
+  'section': TextStyle(color: Color(0xffe45649)),
+  'name': TextStyle(color: Color(0xffe45649)),
+  'selector-tag': TextStyle(color: Color(0xffe45649)),
+  'deletion': TextStyle(color: Color(0xffe45649)),
+  'subst': TextStyle(color: Color(0xffe45649)),
+  'literal': TextStyle(color: Color(0xff0184bb)),
+  'string': TextStyle(color: Color(0xff50a14f)),
+  'regexp': TextStyle(color: Color(0xff50a14f)),
+  'addition': TextStyle(color: Color(0xff50a14f)),
+  'attribute': TextStyle(color: Color(0xff50a14f)),
+  'meta-string': TextStyle(color: Color(0xff50a14f)),
+  'built_in': TextStyle(color: Color(0xffc18401)),
+  'attr': TextStyle(color: Color(0xff986801)),
+  'variable': TextStyle(color: Color(0xff986801)),
+  'template-variable': TextStyle(color: Color(0xff986801)),
+  'type': TextStyle(color: Color(0xff986801)),
+  'selector-class': TextStyle(color: Color(0xff986801)),
+  'selector-attr': TextStyle(color: Color(0xff986801)),
+  'selector-pseudo': TextStyle(color: Color(0xff986801)),
+  'number': TextStyle(color: Color(0xff986801)),
+  'symbol': TextStyle(color: Color(0xff4078f2)),
+  'bullet': TextStyle(color: Color(0xff4078f2)),
+  'link': TextStyle(color: Color(0xff4078f2)),
+  'meta': TextStyle(color: Color(0xff4078f2)),
+  'selector-id': TextStyle(color: Color(0xff4078f2)),
+  'title': TextStyle(color: Color(0xff4078f2)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/brown-paper.dart b/lib/base/ui/highlight/themes/brown-paper.dart
new file mode 100644
index 0000000..e543939
--- /dev/null
+++ b/lib/base/ui/highlight/themes/brown-paper.dart
@@ -0,0 +1,34 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const brownPaperTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffb7a68e), color: Color(0xff363c69)),
+  'keyword': TextStyle(color: Color(0xff005599), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xff005599), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xff005599), fontWeight: FontWeight.bold),
+  'subst': TextStyle(color: Color(0xff363c69)),
+  'string': TextStyle(color: Color(0xff2c009f)),
+  'title': TextStyle(color: Color(0xff2c009f), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff2c009f), fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xff2c009f), fontWeight: FontWeight.bold),
+  'attribute': TextStyle(color: Color(0xff2c009f)),
+  'symbol': TextStyle(color: Color(0xff2c009f)),
+  'bullet': TextStyle(color: Color(0xff2c009f)),
+  'built_in': TextStyle(color: Color(0xff2c009f)),
+  'addition': TextStyle(color: Color(0xff2c009f)),
+  'variable': TextStyle(color: Color(0xff2c009f)),
+  'template-tag': TextStyle(color: Color(0xff2c009f)),
+  'template-variable': TextStyle(color: Color(0xff2c009f)),
+  'link': TextStyle(color: Color(0xff2c009f)),
+  'name': TextStyle(color: Color(0xff2c009f), fontWeight: FontWeight.bold),
+  'comment': TextStyle(color: Color(0xff802022)),
+  'quote': TextStyle(color: Color(0xff802022)),
+  'meta': TextStyle(color: Color(0xff802022)),
+  'deletion': TextStyle(color: Color(0xff802022)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/codepen-embed.dart b/lib/base/ui/highlight/themes/codepen-embed.dart
new file mode 100644
index 0000000..57931e6
--- /dev/null
+++ b/lib/base/ui/highlight/themes/codepen-embed.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const codepenEmbedTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff222222), color: Color(0xffffffff)),
+  'comment': TextStyle(color: Color(0xff777777)),
+  'quote': TextStyle(color: Color(0xff777777)),
+  'variable': TextStyle(color: Color(0xffab875d)),
+  'template-variable': TextStyle(color: Color(0xffab875d)),
+  'tag': TextStyle(color: Color(0xffab875d)),
+  'regexp': TextStyle(color: Color(0xffab875d)),
+  'meta': TextStyle(color: Color(0xffab875d)),
+  'number': TextStyle(color: Color(0xffab875d)),
+  'built_in': TextStyle(color: Color(0xffab875d)),
+  'builtin-name': TextStyle(color: Color(0xffab875d)),
+  'literal': TextStyle(color: Color(0xffab875d)),
+  'params': TextStyle(color: Color(0xffab875d)),
+  'symbol': TextStyle(color: Color(0xffab875d)),
+  'bullet': TextStyle(color: Color(0xffab875d)),
+  'link': TextStyle(color: Color(0xffab875d)),
+  'deletion': TextStyle(color: Color(0xffab875d)),
+  'section': TextStyle(color: Color(0xff9b869b)),
+  'title': TextStyle(color: Color(0xff9b869b)),
+  'name': TextStyle(color: Color(0xff9b869b)),
+  'selector-id': TextStyle(color: Color(0xff9b869b)),
+  'selector-class': TextStyle(color: Color(0xff9b869b)),
+  'type': TextStyle(color: Color(0xff9b869b)),
+  'attribute': TextStyle(color: Color(0xff9b869b)),
+  'string': TextStyle(color: Color(0xff8f9c6c)),
+  'keyword': TextStyle(color: Color(0xff8f9c6c)),
+  'selector-tag': TextStyle(color: Color(0xff8f9c6c)),
+  'addition': TextStyle(color: Color(0xff8f9c6c)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/color-brewer.dart b/lib/base/ui/highlight/themes/color-brewer.dart
new file mode 100644
index 0000000..6c774e8
--- /dev/null
+++ b/lib/base/ui/highlight/themes/color-brewer.dart
@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const colorBrewerTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff000000)),
+  'subst': TextStyle(color: Color(0xff000000)),
+  'string': TextStyle(color: Color(0xff756bb1)),
+  'meta': TextStyle(color: Color(0xff756bb1)),
+  'symbol': TextStyle(color: Color(0xff756bb1)),
+  'template-tag': TextStyle(color: Color(0xff756bb1)),
+  'template-variable': TextStyle(color: Color(0xff756bb1)),
+  'addition': TextStyle(color: Color(0xff756bb1)),
+  'comment': TextStyle(color: Color(0xff636363)),
+  'quote': TextStyle(color: Color(0xff636363)),
+  'number': TextStyle(color: Color(0xff31a354)),
+  'regexp': TextStyle(color: Color(0xff31a354)),
+  'literal': TextStyle(color: Color(0xff31a354)),
+  'bullet': TextStyle(color: Color(0xff31a354)),
+  'link': TextStyle(color: Color(0xff31a354)),
+  'deletion': TextStyle(color: Color(0xff8888ff)),
+  'variable': TextStyle(color: Color(0xff8888ff)),
+  'keyword': TextStyle(color: Color(0xff3182bd)),
+  'selector-tag': TextStyle(color: Color(0xff3182bd)),
+  'title': TextStyle(color: Color(0xff3182bd)),
+  'section': TextStyle(color: Color(0xff3182bd)),
+  'built_in': TextStyle(color: Color(0xff3182bd)),
+  'doctag': TextStyle(color: Color(0xff3182bd)),
+  'type': TextStyle(color: Color(0xff3182bd)),
+  'tag': TextStyle(color: Color(0xff3182bd)),
+  'name': TextStyle(color: Color(0xff3182bd)),
+  'selector-id': TextStyle(color: Color(0xff3182bd)),
+  'selector-class': TextStyle(color: Color(0xff3182bd)),
+  'strong': TextStyle(color: Color(0xff3182bd)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'attribute': TextStyle(color: Color(0xffe6550d)),
+};
diff --git a/lib/base/ui/highlight/themes/darcula.dart b/lib/base/ui/highlight/themes/darcula.dart
new file mode 100644
index 0000000..92248ef
--- /dev/null
+++ b/lib/base/ui/highlight/themes/darcula.dart
@@ -0,0 +1,40 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const darculaTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff2b2b2b), color: Color(0xffbababa)),
+  'strong': TextStyle(color: Color(0xffa8a8a2)),
+  'emphasis': TextStyle(color: Color(0xffa8a8a2), fontStyle: FontStyle.italic),
+  'bullet': TextStyle(color: Color(0xff6896ba)),
+  'quote': TextStyle(color: Color(0xff6896ba)),
+  'link': TextStyle(color: Color(0xff6896ba)),
+  'number': TextStyle(color: Color(0xff6896ba)),
+  'regexp': TextStyle(color: Color(0xff6896ba)),
+  'literal': TextStyle(color: Color(0xff6896ba)),
+  'code': TextStyle(color: Color(0xffa6e22e)),
+  'selector-class': TextStyle(color: Color(0xffa6e22e)),
+  'keyword': TextStyle(color: Color(0xffcb7832)),
+  'selector-tag': TextStyle(color: Color(0xffcb7832)),
+  'section': TextStyle(color: Color(0xffcb7832)),
+  'attribute': TextStyle(color: Color(0xffcb7832)),
+  'name': TextStyle(color: Color(0xffcb7832)),
+  'variable': TextStyle(color: Color(0xffcb7832)),
+  'params': TextStyle(color: Color(0xffb9b9b9)),
+  'string': TextStyle(color: Color(0xff6a8759)),
+  'subst': TextStyle(color: Color(0xffe0c46c)),
+  'type': TextStyle(color: Color(0xffe0c46c)),
+  'built_in': TextStyle(color: Color(0xffe0c46c)),
+  'builtin-name': TextStyle(color: Color(0xffe0c46c)),
+  'symbol': TextStyle(color: Color(0xffe0c46c)),
+  'selector-id': TextStyle(color: Color(0xffe0c46c)),
+  'selector-attr': TextStyle(color: Color(0xffe0c46c)),
+  'selector-pseudo': TextStyle(color: Color(0xffe0c46c)),
+  'template-tag': TextStyle(color: Color(0xffe0c46c)),
+  'template-variable': TextStyle(color: Color(0xffe0c46c)),
+  'addition': TextStyle(color: Color(0xffe0c46c)),
+  'comment': TextStyle(color: Color(0xff7f7f7f)),
+  'deletion': TextStyle(color: Color(0xff7f7f7f)),
+  'meta': TextStyle(color: Color(0xff7f7f7f)),
+};
diff --git a/lib/base/ui/highlight/themes/dark.dart b/lib/base/ui/highlight/themes/dark.dart
new file mode 100644
index 0000000..35542df
--- /dev/null
+++ b/lib/base/ui/highlight/themes/dark.dart
@@ -0,0 +1,34 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const darkTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff444444), color: Color(0xffdddddd)),
+  'keyword': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'link': TextStyle(color: Color(0xffffffff)),
+  'subst': TextStyle(color: Color(0xffdddddd)),
+  'string': TextStyle(color: Color(0xffdd8888)),
+  'title': TextStyle(color: Color(0xffdd8888), fontWeight: FontWeight.bold),
+  'name': TextStyle(color: Color(0xffdd8888), fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xffdd8888), fontWeight: FontWeight.bold),
+  'attribute': TextStyle(color: Color(0xffdd8888)),
+  'symbol': TextStyle(color: Color(0xffdd8888)),
+  'bullet': TextStyle(color: Color(0xffdd8888)),
+  'built_in': TextStyle(color: Color(0xffdd8888)),
+  'addition': TextStyle(color: Color(0xffdd8888)),
+  'variable': TextStyle(color: Color(0xffdd8888)),
+  'template-tag': TextStyle(color: Color(0xffdd8888)),
+  'template-variable': TextStyle(color: Color(0xffdd8888)),
+  'comment': TextStyle(color: Color(0xff777777)),
+  'quote': TextStyle(color: Color(0xff777777)),
+  'deletion': TextStyle(color: Color(0xff777777)),
+  'meta': TextStyle(color: Color(0xff777777)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/default.dart b/lib/base/ui/highlight/themes/default.dart
new file mode 100644
index 0000000..0bed4b8
--- /dev/null
+++ b/lib/base/ui/highlight/themes/default.dart
@@ -0,0 +1,42 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const defaultTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffF0F0F0), color: Color(0xff444444)),
+  'subst': TextStyle(color: Color(0xff444444)),
+  'comment': TextStyle(color: Color(0xff888888)),
+  'keyword': TextStyle(fontWeight: FontWeight.bold),
+  'attribute': TextStyle(fontWeight: FontWeight.bold),
+  'selector-tag': TextStyle(fontWeight: FontWeight.bold),
+  'meta-keyword': TextStyle(fontWeight: FontWeight.bold),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'name': TextStyle(fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xff880000)),
+  'string': TextStyle(color: Color(0xff880000)),
+  'number': TextStyle(color: Color(0xff880000)),
+  'selector-id': TextStyle(color: Color(0xff880000)),
+  'selector-class': TextStyle(color: Color(0xff880000)),
+  'quote': TextStyle(color: Color(0xff880000)),
+  'template-tag': TextStyle(color: Color(0xff880000)),
+  'deletion': TextStyle(color: Color(0xff880000)),
+  'title': TextStyle(color: Color(0xff880000), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff880000), fontWeight: FontWeight.bold),
+  'regexp': TextStyle(color: Color(0xffBC6060)),
+  'symbol': TextStyle(color: Color(0xffBC6060)),
+  'variable': TextStyle(color: Color(0xffBC6060)),
+  'template-variable': TextStyle(color: Color(0xffBC6060)),
+  'link': TextStyle(color: Color(0xffBC6060)),
+  'selector-attr': TextStyle(color: Color(0xffBC6060)),
+  'selector-pseudo': TextStyle(color: Color(0xffBC6060)),
+  'literal': TextStyle(color: Color(0xff78A960)),
+  'built_in': TextStyle(color: Color(0xff397300)),
+  'bullet': TextStyle(color: Color(0xff397300)),
+  'code': TextStyle(color: Color(0xff397300)),
+  'addition': TextStyle(color: Color(0xff397300)),
+  'meta': TextStyle(color: Color(0xff1f7199)),
+  'meta-string': TextStyle(color: Color(0xff4d99bf)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/docco.dart b/lib/base/ui/highlight/themes/docco.dart
new file mode 100644
index 0000000..3b95786
--- /dev/null
+++ b/lib/base/ui/highlight/themes/docco.dart
@@ -0,0 +1,40 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const doccoTheme = {
+  'root':
+      TextStyle(color: Color(0xff000000), backgroundColor: Color(0xfff8f8ff)),
+  'comment': TextStyle(color: Color(0xff408080), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xff408080), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xff954121)),
+  'selector-tag': TextStyle(color: Color(0xff954121)),
+  'literal': TextStyle(color: Color(0xff954121)),
+  'subst': TextStyle(color: Color(0xff954121)),
+  'number': TextStyle(color: Color(0xff40a070)),
+  'string': TextStyle(color: Color(0xff219161)),
+  'doctag': TextStyle(color: Color(0xff219161)),
+  'selector-id': TextStyle(color: Color(0xff19469d)),
+  'selector-class': TextStyle(color: Color(0xff19469d)),
+  'section': TextStyle(color: Color(0xff19469d)),
+  'type': TextStyle(color: Color(0xff19469d)),
+  'params': TextStyle(color: Color(0xff0000ff)),
+  'title': TextStyle(color: Color(0xff445588), fontWeight: FontWeight.bold),
+  'tag': TextStyle(color: Color(0xff000080), fontWeight: FontWeight.normal),
+  'name': TextStyle(color: Color(0xff000080), fontWeight: FontWeight.normal),
+  'attribute':
+      TextStyle(color: Color(0xff000080), fontWeight: FontWeight.normal),
+  'variable': TextStyle(color: Color(0xff008080)),
+  'template-variable': TextStyle(color: Color(0xff008080)),
+  'regexp': TextStyle(color: Color(0xffbb6688)),
+  'link': TextStyle(color: Color(0xffbb6688)),
+  'symbol': TextStyle(color: Color(0xff990073)),
+  'bullet': TextStyle(color: Color(0xff990073)),
+  'built_in': TextStyle(color: Color(0xff0086b3)),
+  'builtin-name': TextStyle(color: Color(0xff0086b3)),
+  'meta': TextStyle(color: Color(0xff999999), fontWeight: FontWeight.bold),
+  'deletion': TextStyle(backgroundColor: Color(0xffffdddd)),
+  'addition': TextStyle(backgroundColor: Color(0xffddffdd)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/dracula.dart b/lib/base/ui/highlight/themes/dracula.dart
new file mode 100644
index 0000000..44a9d73
--- /dev/null
+++ b/lib/base/ui/highlight/themes/dracula.dart
@@ -0,0 +1,33 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const draculaTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff282a36), color: Color(0xfff8f8f2)),
+  'keyword': TextStyle(color: Color(0xff8be9fd), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xff8be9fd), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xff8be9fd), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff8be9fd), fontWeight: FontWeight.bold),
+  'link': TextStyle(color: Color(0xff8be9fd)),
+  'subst': TextStyle(color: Color(0xfff8f8f2)),
+  'string': TextStyle(color: Color(0xfff1fa8c)),
+  'title': TextStyle(color: Color(0xfff1fa8c), fontWeight: FontWeight.bold),
+  'name': TextStyle(color: Color(0xfff1fa8c), fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xfff1fa8c), fontWeight: FontWeight.bold),
+  'attribute': TextStyle(color: Color(0xfff1fa8c)),
+  'symbol': TextStyle(color: Color(0xfff1fa8c)),
+  'bullet': TextStyle(color: Color(0xfff1fa8c)),
+  'addition': TextStyle(color: Color(0xfff1fa8c)),
+  'variable': TextStyle(color: Color(0xfff1fa8c)),
+  'template-tag': TextStyle(color: Color(0xfff1fa8c)),
+  'template-variable': TextStyle(color: Color(0xfff1fa8c)),
+  'comment': TextStyle(color: Color(0xff6272a4)),
+  'quote': TextStyle(color: Color(0xff6272a4)),
+  'deletion': TextStyle(color: Color(0xff6272a4)),
+  'meta': TextStyle(color: Color(0xff6272a4)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/far.dart b/lib/base/ui/highlight/themes/far.dart
new file mode 100644
index 0000000..0fe32bd
--- /dev/null
+++ b/lib/base/ui/highlight/themes/far.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const farTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff000080), color: Color(0xff00ffff)),
+  'subst': TextStyle(color: Color(0xff00ffff)),
+  'string': TextStyle(color: Color(0xffffff00)),
+  'attribute': TextStyle(color: Color(0xffffff00)),
+  'symbol': TextStyle(color: Color(0xffffff00)),
+  'bullet': TextStyle(color: Color(0xffffff00)),
+  'built_in': TextStyle(color: Color(0xffffff00)),
+  'builtin-name': TextStyle(color: Color(0xffffff00)),
+  'template-tag': TextStyle(color: Color(0xffffff00)),
+  'template-variable': TextStyle(color: Color(0xffffff00)),
+  'addition': TextStyle(color: Color(0xffffff00)),
+  'keyword': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xffffffff)),
+  'name': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'selector-id': TextStyle(color: Color(0xffffffff)),
+  'selector-class': TextStyle(color: Color(0xffffffff)),
+  'variable': TextStyle(color: Color(0xffffffff)),
+  'comment': TextStyle(color: Color(0xff888888)),
+  'quote': TextStyle(color: Color(0xff888888)),
+  'doctag': TextStyle(color: Color(0xff888888)),
+  'deletion': TextStyle(color: Color(0xff888888)),
+  'number': TextStyle(color: Color(0xff00ff00)),
+  'regexp': TextStyle(color: Color(0xff00ff00)),
+  'literal': TextStyle(color: Color(0xff00ff00)),
+  'link': TextStyle(color: Color(0xff00ff00)),
+  'meta': TextStyle(color: Color(0xff008080)),
+  'title': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/foundation.dart b/lib/base/ui/highlight/themes/foundation.dart
new file mode 100644
index 0000000..1462432
--- /dev/null
+++ b/lib/base/ui/highlight/themes/foundation.dart
@@ -0,0 +1,36 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const foundationTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffeeeeee), color: Color(0xff000000)),
+  'link': TextStyle(color: Color(0xff007700)),
+  'emphasis': TextStyle(color: Color(0xff007700), fontStyle: FontStyle.italic),
+  'attribute': TextStyle(color: Color(0xff007700)),
+  'addition': TextStyle(color: Color(0xff007700)),
+  'strong': TextStyle(color: Color(0xffdd1144), fontWeight: FontWeight.bold),
+  'string': TextStyle(color: Color(0xffdd1144)),
+  'deletion': TextStyle(color: Color(0xffdd1144)),
+  'quote': TextStyle(color: Color(0xff999988), fontStyle: FontStyle.italic),
+  'comment': TextStyle(color: Color(0xff999988), fontStyle: FontStyle.italic),
+  'section': TextStyle(color: Color(0xff990000)),
+  'title': TextStyle(color: Color(0xff990000)),
+  'type': TextStyle(color: Color(0xff445588)),
+  'variable': TextStyle(color: Color(0xff336699)),
+  'template-variable': TextStyle(color: Color(0xff336699)),
+  'bullet': TextStyle(color: Color(0xff997700)),
+  'meta': TextStyle(color: Color(0xff3344bb)),
+  'code': TextStyle(color: Color(0xff009999)),
+  'number': TextStyle(color: Color(0xff009999)),
+  'literal': TextStyle(color: Color(0xff009999)),
+  'keyword': TextStyle(color: Color(0xff009999)),
+  'selector-tag': TextStyle(color: Color(0xff009999)),
+  'regexp':
+      TextStyle(backgroundColor: Color(0xfffff0ff), color: Color(0xff880088)),
+  'symbol': TextStyle(color: Color(0xff990073)),
+  'tag': TextStyle(color: Color(0xff007700)),
+  'name': TextStyle(color: Color(0xff007700)),
+  'selector-id': TextStyle(color: Color(0xff007700)),
+  'selector-class': TextStyle(color: Color(0xff007700)),
+};
diff --git a/lib/base/ui/highlight/themes/github-gist.dart b/lib/base/ui/highlight/themes/github-gist.dart
new file mode 100644
index 0000000..fe311f4
--- /dev/null
+++ b/lib/base/ui/highlight/themes/github-gist.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const githubGistTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff333333)),
+  'comment': TextStyle(color: Color(0xff969896)),
+  'meta': TextStyle(color: Color(0xff969896)),
+  'variable': TextStyle(color: Color(0xffdf5000)),
+  'template-variable': TextStyle(color: Color(0xffdf5000)),
+  'strong': TextStyle(color: Color(0xffdf5000)),
+  'emphasis': TextStyle(color: Color(0xffdf5000)),
+  'quote': TextStyle(color: Color(0xffdf5000)),
+  'keyword': TextStyle(color: Color(0xffd73a49)),
+  'selector-tag': TextStyle(color: Color(0xffd73a49)),
+  'type': TextStyle(color: Color(0xffd73a49)),
+  'literal': TextStyle(color: Color(0xff0086b3)),
+  'symbol': TextStyle(color: Color(0xff0086b3)),
+  'bullet': TextStyle(color: Color(0xff0086b3)),
+  'attribute': TextStyle(color: Color(0xff0086b3)),
+  'section': TextStyle(color: Color(0xff63a35c)),
+  'name': TextStyle(color: Color(0xff63a35c)),
+  'tag': TextStyle(color: Color(0xff333333)),
+  'title': TextStyle(color: Color(0xff6f42c1)),
+  'attr': TextStyle(color: Color(0xff6f42c1)),
+  'selector-id': TextStyle(color: Color(0xff6f42c1)),
+  'selector-class': TextStyle(color: Color(0xff6f42c1)),
+  'selector-attr': TextStyle(color: Color(0xff6f42c1)),
+  'selector-pseudo': TextStyle(color: Color(0xff6f42c1)),
+  'addition':
+      TextStyle(color: Color(0xff55a532), backgroundColor: Color(0xffeaffea)),
+  'deletion':
+      TextStyle(color: Color(0xffbd2c00), backgroundColor: Color(0xffffecec)),
+  'number': TextStyle(color: Color(0xff005cc5)),
+  'string': TextStyle(color: Color(0xff032f62)),
+};
diff --git a/lib/base/ui/highlight/themes/github.dart b/lib/base/ui/highlight/themes/github.dart
new file mode 100644
index 0000000..0d16c7d
--- /dev/null
+++ b/lib/base/ui/highlight/themes/github.dart
@@ -0,0 +1,40 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const githubTheme = {
+  'root':
+      TextStyle(color: Color(0xff333333), backgroundColor: Color(0xfff8f8f8)),
+  'comment': TextStyle(color: Color(0xff999988), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xff999988), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xff333333), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xff333333), fontWeight: FontWeight.bold),
+  'subst': TextStyle(color: Color(0xff333333), fontWeight: FontWeight.normal),
+  'number': TextStyle(color: Color(0xff008080)),
+  'literal': TextStyle(color: Color(0xff008080)),
+  'variable': TextStyle(color: Color(0xff008080)),
+  'template-variable': TextStyle(color: Color(0xff008080)),
+  'string': TextStyle(color: Color(0xffdd1144)),
+  'doctag': TextStyle(color: Color(0xffdd1144)),
+  'title': TextStyle(color: Color(0xff990000), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff990000), fontWeight: FontWeight.bold),
+  'selector-id':
+      TextStyle(color: Color(0xff990000), fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xff445588), fontWeight: FontWeight.bold),
+  'tag': TextStyle(color: Color(0xff000080), fontWeight: FontWeight.normal),
+  'name': TextStyle(color: Color(0xff000080), fontWeight: FontWeight.normal),
+  'attribute':
+      TextStyle(color: Color(0xff000080), fontWeight: FontWeight.normal),
+  'regexp': TextStyle(color: Color(0xff009926)),
+  'link': TextStyle(color: Color(0xff009926)),
+  'symbol': TextStyle(color: Color(0xff990073)),
+  'bullet': TextStyle(color: Color(0xff990073)),
+  'built_in': TextStyle(color: Color(0xff0086b3)),
+  'builtin-name': TextStyle(color: Color(0xff0086b3)),
+  'meta': TextStyle(color: Color(0xff999999), fontWeight: FontWeight.bold),
+  'deletion': TextStyle(backgroundColor: Color(0xffffdddd)),
+  'addition': TextStyle(backgroundColor: Color(0xffddffdd)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/gml.dart b/lib/base/ui/highlight/themes/gml.dart
new file mode 100644
index 0000000..fab774d
--- /dev/null
+++ b/lib/base/ui/highlight/themes/gml.dart
@@ -0,0 +1,42 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const gmlTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff222222), color: Color(0xffC0C0C0)),
+  'keyword': TextStyle(color: Color(0xffFFB871), fontWeight: FontWeight.bold),
+  'built_in': TextStyle(color: Color(0xffFFB871)),
+  'literal': TextStyle(color: Color(0xffFF8080)),
+  'symbol': TextStyle(color: Color(0xff58E55A)),
+  'comment': TextStyle(color: Color(0xff5B995B)),
+  'string': TextStyle(color: Color(0xffFFFF00)),
+  'number': TextStyle(color: Color(0xffFF8080)),
+  'attribute': TextStyle(color: Color(0xffC0C0C0)),
+  'selector-tag': TextStyle(color: Color(0xffC0C0C0)),
+  'doctag': TextStyle(color: Color(0xffC0C0C0)),
+  'name': TextStyle(color: Color(0xffC0C0C0)),
+  'bullet': TextStyle(color: Color(0xffC0C0C0)),
+  'code': TextStyle(color: Color(0xffC0C0C0)),
+  'addition': TextStyle(color: Color(0xffC0C0C0)),
+  'regexp': TextStyle(color: Color(0xffC0C0C0)),
+  'variable': TextStyle(color: Color(0xffC0C0C0)),
+  'template-variable': TextStyle(color: Color(0xffC0C0C0)),
+  'link': TextStyle(color: Color(0xffC0C0C0)),
+  'selector-attr': TextStyle(color: Color(0xffC0C0C0)),
+  'selector-pseudo': TextStyle(color: Color(0xffC0C0C0)),
+  'type': TextStyle(color: Color(0xffC0C0C0)),
+  'selector-id': TextStyle(color: Color(0xffC0C0C0)),
+  'selector-class': TextStyle(color: Color(0xffC0C0C0)),
+  'quote': TextStyle(color: Color(0xffC0C0C0)),
+  'template-tag': TextStyle(color: Color(0xffC0C0C0)),
+  'deletion': TextStyle(color: Color(0xffC0C0C0)),
+  'title': TextStyle(color: Color(0xffC0C0C0)),
+  'section': TextStyle(color: Color(0xffC0C0C0)),
+  'function': TextStyle(color: Color(0xffC0C0C0)),
+  'meta-keyword': TextStyle(color: Color(0xffC0C0C0)),
+  'meta': TextStyle(color: Color(0xffC0C0C0)),
+  'subst': TextStyle(color: Color(0xffC0C0C0)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/googlecode.dart b/lib/base/ui/highlight/themes/googlecode.dart
new file mode 100644
index 0000000..b957979
--- /dev/null
+++ b/lib/base/ui/highlight/themes/googlecode.dart
@@ -0,0 +1,43 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const googlecodeTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff000000)),
+  'comment': TextStyle(color: Color(0xff880000)),
+  'quote': TextStyle(color: Color(0xff880000)),
+  'keyword': TextStyle(color: Color(0xff000088)),
+  'selector-tag': TextStyle(color: Color(0xff000088)),
+  'section': TextStyle(color: Color(0xff000088)),
+  'title': TextStyle(color: Color(0xff660066)),
+  'name': TextStyle(color: Color(0xff000088)),
+  'variable': TextStyle(color: Color(0xff666600)),
+  'template-variable': TextStyle(color: Color(0xff666600)),
+  'string': TextStyle(color: Color(0xff008800)),
+  'selector-attr': TextStyle(color: Color(0xff008800)),
+  'selector-pseudo': TextStyle(color: Color(0xff008800)),
+  'regexp': TextStyle(color: Color(0xff008800)),
+  'literal': TextStyle(color: Color(0xff006666)),
+  'symbol': TextStyle(color: Color(0xff006666)),
+  'bullet': TextStyle(color: Color(0xff006666)),
+  'meta': TextStyle(color: Color(0xff006666)),
+  'number': TextStyle(color: Color(0xff006666)),
+  'link': TextStyle(color: Color(0xff006666)),
+  'doctag': TextStyle(color: Color(0xff660066), fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xff660066)),
+  'attr': TextStyle(color: Color(0xff660066)),
+  'built_in': TextStyle(color: Color(0xff660066)),
+  'builtin-name': TextStyle(color: Color(0xff660066)),
+  'params': TextStyle(color: Color(0xff660066)),
+  'attribute': TextStyle(color: Color(0xff000000)),
+  'subst': TextStyle(color: Color(0xff000000)),
+  'formula': TextStyle(
+      backgroundColor: Color(0xffeeeeee), fontStyle: FontStyle.italic),
+  'selector-id': TextStyle(color: Color(0xff9B703F)),
+  'selector-class': TextStyle(color: Color(0xff9B703F)),
+  'addition': TextStyle(backgroundColor: Color(0xffbaeeba)),
+  'deletion': TextStyle(backgroundColor: Color(0xffffc8bd)),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/gradient-dark.dart b/lib/base/ui/highlight/themes/gradient-dark.dart
new file mode 100644
index 0000000..c1b1892
--- /dev/null
+++ b/lib/base/ui/highlight/themes/gradient-dark.dart
@@ -0,0 +1,49 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const gradientDarkTheme = {
+  'root': TextStyle(color: Color(0xffe7e4eb)),
+  'subtr': TextStyle(color: Color(0xffe7e4eb)),
+  'doctag': TextStyle(color: Color(0xffaf8dd9)),
+  'meta': TextStyle(color: Color(0xffaf8dd9)),
+  'comment': TextStyle(color: Color(0xffaf8dd9)),
+  'quote': TextStyle(color: Color(0xffaf8dd9), fontStyle: FontStyle.italic),
+  'selector-tag':
+      TextStyle(color: Color(0xffAEFBFF), fontWeight: FontWeight.bold),
+  'selector-id':
+      TextStyle(color: Color(0xffAEFBFF), fontWeight: FontWeight.bold),
+  'template-tag':
+      TextStyle(color: Color(0xffAEFBFF), fontWeight: FontWeight.bold),
+  'regexp': TextStyle(color: Color(0xffAEFBFF)),
+  'attr': TextStyle(color: Color(0xffAEFBFF)),
+  'tag': TextStyle(color: Color(0xffAEFBFF)),
+  'params': TextStyle(color: Color(0xffF19FFF), fontWeight: FontWeight.bold),
+  'selector-class':
+      TextStyle(color: Color(0xffF19FFF), fontWeight: FontWeight.bold),
+  'bullet': TextStyle(color: Color(0xffF19FFF)),
+  'keyword': TextStyle(color: Color(0xff17fc95), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff17fc95), fontWeight: FontWeight.bold),
+  'meta-keyword': TextStyle(color: Color(0xff17fc95)),
+  'symbol': TextStyle(color: Color(0xff17fc95)),
+  'type': TextStyle(color: Color(0xff17fc95)),
+  'addition': TextStyle(color: Color(0xffE7FF9F)),
+  'number': TextStyle(color: Color(0xffC5FE00)),
+  'link': TextStyle(color: Color(0xffC5FE00)),
+  'string': TextStyle(color: Color(0xff38c0ff)),
+  'attribute': TextStyle(color: Color(0xffE7FF9F)),
+  'variable': TextStyle(color: Color(0xffE447FF)),
+  'template-variable': TextStyle(color: Color(0xffE447FF)),
+  'builtin-name': TextStyle(color: Color(0xffFFC800)),
+  'built_in': TextStyle(color: Color(0xffFFC800)),
+  'formula': TextStyle(color: Color(0xffFFC800)),
+  'name': TextStyle(color: Color(0xffFFC800)),
+  'title': TextStyle(color: Color(0xffFFC800)),
+  'class': TextStyle(color: Color(0xffFFC800)),
+  'function': TextStyle(color: Color(0xffFFC800)),
+  'selector-pseudo': TextStyle(color: Color(0xffFF9E44)),
+  'deletion': TextStyle(color: Color(0xffFF9E44)),
+  'literal': TextStyle(color: Color(0xffFF9E44)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/grayscale.dart b/lib/base/ui/highlight/themes/grayscale.dart
new file mode 100644
index 0000000..f465379
--- /dev/null
+++ b/lib/base/ui/highlight/themes/grayscale.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const grayscaleTheme = {
+  'root':
+      TextStyle(color: Color(0xff333333), backgroundColor: Color(0xffffffff)),
+  'comment': TextStyle(color: Color(0xff777777), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xff777777), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xff333333), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xff333333), fontWeight: FontWeight.bold),
+  'subst': TextStyle(color: Color(0xff333333), fontWeight: FontWeight.normal),
+  'number': TextStyle(color: Color(0xff777777)),
+  'literal': TextStyle(color: Color(0xff777777)),
+  'string': TextStyle(color: Color(0xff333333)),
+  'doctag': TextStyle(color: Color(0xff333333)),
+  'formula': TextStyle(color: Color(0xff333333)),
+  'title': TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'selector-id':
+      TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xff333333), fontWeight: FontWeight.bold),
+  'name': TextStyle(color: Color(0xff333333), fontWeight: FontWeight.bold),
+  'tag': TextStyle(color: Color(0xff333333)),
+  'regexp': TextStyle(color: Color(0xff333333)),
+  'symbol': TextStyle(color: Color(0xff000000)),
+  'bullet': TextStyle(color: Color(0xff000000)),
+  'link': TextStyle(color: Color(0xff000000)),
+  'built_in': TextStyle(color: Color(0xff000000)),
+  'builtin-name': TextStyle(color: Color(0xff000000)),
+  'meta': TextStyle(color: Color(0xff999999), fontWeight: FontWeight.bold),
+  'deletion': TextStyle(color: Color(0xffffffff)),
+  'addition': TextStyle(color: Color(0xff000000)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/gruvbox-dark.dart b/lib/base/ui/highlight/themes/gruvbox-dark.dart
new file mode 100644
index 0000000..4c9d50d
--- /dev/null
+++ b/lib/base/ui/highlight/themes/gruvbox-dark.dart
@@ -0,0 +1,50 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const gruvboxDarkTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff282828), color: Color(0xffebdbb2)),
+  'subst': TextStyle(color: Color(0xffebdbb2)),
+  'deletion': TextStyle(color: Color(0xfffb4934)),
+  'formula': TextStyle(color: Color(0xfffb4934)),
+  'keyword': TextStyle(color: Color(0xfffb4934)),
+  'link': TextStyle(color: Color(0xfffb4934)),
+  'selector-tag': TextStyle(color: Color(0xfffb4934)),
+  'built_in': TextStyle(color: Color(0xff83a598)),
+  'emphasis': TextStyle(color: Color(0xff83a598), fontStyle: FontStyle.italic),
+  'name': TextStyle(color: Color(0xff83a598)),
+  'quote': TextStyle(color: Color(0xff83a598)),
+  'strong': TextStyle(color: Color(0xff83a598), fontWeight: FontWeight.bold),
+  'title': TextStyle(color: Color(0xff83a598)),
+  'variable': TextStyle(color: Color(0xff83a598)),
+  'attr': TextStyle(color: Color(0xfffabd2f)),
+  'params': TextStyle(color: Color(0xfffabd2f)),
+  'template-tag': TextStyle(color: Color(0xfffabd2f)),
+  'type': TextStyle(color: Color(0xfffabd2f)),
+  'builtin-name': TextStyle(color: Color(0xff8f3f71)),
+  'doctag': TextStyle(color: Color(0xff8f3f71)),
+  'literal': TextStyle(color: Color(0xffd3869b)),
+  'number': TextStyle(color: Color(0xffd3869b)),
+  'code': TextStyle(color: Color(0xfffe8019)),
+  'meta': TextStyle(color: Color(0xfffe8019)),
+  'regexp': TextStyle(color: Color(0xfffe8019)),
+  'selector-id': TextStyle(color: Color(0xfffe8019)),
+  'template-variable': TextStyle(color: Color(0xfffe8019)),
+  'addition': TextStyle(color: Color(0xffb8bb26)),
+  'meta-string': TextStyle(color: Color(0xffb8bb26)),
+  'section': TextStyle(color: Color(0xffb8bb26), fontWeight: FontWeight.bold),
+  'selector-attr': TextStyle(color: Color(0xffb8bb26)),
+  'selector-class': TextStyle(color: Color(0xffb8bb26)),
+  'string': TextStyle(color: Color(0xffb8bb26)),
+  'symbol': TextStyle(color: Color(0xffb8bb26)),
+  'attribute': TextStyle(color: Color(0xff8ec07c)),
+  'bullet': TextStyle(color: Color(0xff8ec07c)),
+  'class': TextStyle(color: Color(0xff8ec07c)),
+  'function': TextStyle(color: Color(0xff8ec07c)),
+  'meta-keyword': TextStyle(color: Color(0xff8ec07c)),
+  'selector-pseudo': TextStyle(color: Color(0xff8ec07c)),
+  'tag': TextStyle(color: Color(0xff8ec07c), fontWeight: FontWeight.bold),
+  'comment': TextStyle(color: Color(0xff928374), fontStyle: FontStyle.italic),
+  'link_label': TextStyle(color: Color(0xffd3869b)),
+};
diff --git a/lib/base/ui/highlight/themes/gruvbox-light.dart b/lib/base/ui/highlight/themes/gruvbox-light.dart
new file mode 100644
index 0000000..328be82
--- /dev/null
+++ b/lib/base/ui/highlight/themes/gruvbox-light.dart
@@ -0,0 +1,50 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const gruvboxLightTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xfffbf1c7), color: Color(0xff3c3836)),
+  'subst': TextStyle(color: Color(0xff3c3836)),
+  'deletion': TextStyle(color: Color(0xff9d0006)),
+  'formula': TextStyle(color: Color(0xff9d0006)),
+  'keyword': TextStyle(color: Color(0xff9d0006)),
+  'link': TextStyle(color: Color(0xff9d0006)),
+  'selector-tag': TextStyle(color: Color(0xff9d0006)),
+  'built_in': TextStyle(color: Color(0xff076678)),
+  'emphasis': TextStyle(color: Color(0xff076678), fontStyle: FontStyle.italic),
+  'name': TextStyle(color: Color(0xff076678)),
+  'quote': TextStyle(color: Color(0xff076678)),
+  'strong': TextStyle(color: Color(0xff076678), fontWeight: FontWeight.bold),
+  'title': TextStyle(color: Color(0xff076678)),
+  'variable': TextStyle(color: Color(0xff076678)),
+  'attr': TextStyle(color: Color(0xffb57614)),
+  'params': TextStyle(color: Color(0xffb57614)),
+  'template-tag': TextStyle(color: Color(0xffb57614)),
+  'type': TextStyle(color: Color(0xffb57614)),
+  'builtin-name': TextStyle(color: Color(0xff8f3f71)),
+  'doctag': TextStyle(color: Color(0xff8f3f71)),
+  'literal': TextStyle(color: Color(0xff8f3f71)),
+  'number': TextStyle(color: Color(0xff8f3f71)),
+  'code': TextStyle(color: Color(0xffaf3a03)),
+  'meta': TextStyle(color: Color(0xffaf3a03)),
+  'regexp': TextStyle(color: Color(0xffaf3a03)),
+  'selector-id': TextStyle(color: Color(0xffaf3a03)),
+  'template-variable': TextStyle(color: Color(0xffaf3a03)),
+  'addition': TextStyle(color: Color(0xff79740e)),
+  'meta-string': TextStyle(color: Color(0xff79740e)),
+  'section': TextStyle(color: Color(0xff79740e), fontWeight: FontWeight.bold),
+  'selector-attr': TextStyle(color: Color(0xff79740e)),
+  'selector-class': TextStyle(color: Color(0xff79740e)),
+  'string': TextStyle(color: Color(0xff79740e)),
+  'symbol': TextStyle(color: Color(0xff79740e)),
+  'attribute': TextStyle(color: Color(0xff427b58)),
+  'bullet': TextStyle(color: Color(0xff427b58)),
+  'class': TextStyle(color: Color(0xff427b58)),
+  'function': TextStyle(color: Color(0xff427b58)),
+  'meta-keyword': TextStyle(color: Color(0xff427b58)),
+  'selector-pseudo': TextStyle(color: Color(0xff427b58)),
+  'tag': TextStyle(color: Color(0xff427b58), fontWeight: FontWeight.bold),
+  'comment': TextStyle(color: Color(0xff928374), fontStyle: FontStyle.italic),
+  'link_label': TextStyle(color: Color(0xff8f3f71)),
+};
diff --git a/lib/base/ui/highlight/themes/hopscotch.dart b/lib/base/ui/highlight/themes/hopscotch.dart
new file mode 100644
index 0000000..f70a310
--- /dev/null
+++ b/lib/base/ui/highlight/themes/hopscotch.dart
@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const hopscotchTheme = {
+  'comment': TextStyle(color: Color(0xff989498)),
+  'quote': TextStyle(color: Color(0xff989498)),
+  'variable': TextStyle(color: Color(0xffdd464c)),
+  'template-variable': TextStyle(color: Color(0xffdd464c)),
+  'attribute': TextStyle(color: Color(0xffdd464c)),
+  'tag': TextStyle(color: Color(0xffdd464c)),
+  'name': TextStyle(color: Color(0xffdd464c)),
+  'selector-id': TextStyle(color: Color(0xffdd464c)),
+  'selector-class': TextStyle(color: Color(0xffdd464c)),
+  'regexp': TextStyle(color: Color(0xffdd464c)),
+  'link': TextStyle(color: Color(0xffdd464c)),
+  'deletion': TextStyle(color: Color(0xffdd464c)),
+  'number': TextStyle(color: Color(0xfffd8b19)),
+  'built_in': TextStyle(color: Color(0xfffd8b19)),
+  'builtin-name': TextStyle(color: Color(0xfffd8b19)),
+  'literal': TextStyle(color: Color(0xfffd8b19)),
+  'type': TextStyle(color: Color(0xfffd8b19)),
+  'params': TextStyle(color: Color(0xfffd8b19)),
+  'string': TextStyle(color: Color(0xff8fc13e)),
+  'symbol': TextStyle(color: Color(0xff8fc13e)),
+  'bullet': TextStyle(color: Color(0xff8fc13e)),
+  'addition': TextStyle(color: Color(0xff8fc13e)),
+  'meta': TextStyle(color: Color(0xff149b93)),
+  'function': TextStyle(color: Color(0xff1290bf)),
+  'section': TextStyle(color: Color(0xff1290bf)),
+  'title': TextStyle(color: Color(0xff1290bf)),
+  'keyword': TextStyle(color: Color(0xffc85e7c)),
+  'selector-tag': TextStyle(color: Color(0xffc85e7c)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff322931), color: Color(0xffb9b5b8)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/hybrid.dart b/lib/base/ui/highlight/themes/hybrid.dart
new file mode 100644
index 0000000..222eeb9
--- /dev/null
+++ b/lib/base/ui/highlight/themes/hybrid.dart
@@ -0,0 +1,44 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const hybridTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff1d1f21), color: Color(0xffc5c8c6)),
+  '.hljs::selection': TextStyle(backgroundColor: Color(0xff373b41)),
+  '.hljs::-moz-selection': TextStyle(backgroundColor: Color(0xff373b41)),
+  'title': TextStyle(color: Color(0xfff0c674)),
+  'name': TextStyle(color: Color(0xfff0c674)),
+  'comment': TextStyle(color: Color(0xff707880)),
+  'meta': TextStyle(color: Color(0xff707880)),
+  'number': TextStyle(color: Color(0xffcc6666)),
+  'symbol': TextStyle(color: Color(0xffcc6666)),
+  'literal': TextStyle(color: Color(0xffcc6666)),
+  'deletion': TextStyle(color: Color(0xffcc6666)),
+  'link': TextStyle(color: Color(0xffcc6666)),
+  'string': TextStyle(color: Color(0xffb5bd68)),
+  'doctag': TextStyle(color: Color(0xffb5bd68)),
+  'addition': TextStyle(color: Color(0xffb5bd68)),
+  'regexp': TextStyle(color: Color(0xffb5bd68)),
+  'selector-attr': TextStyle(color: Color(0xffb5bd68)),
+  'selector-pseudo': TextStyle(color: Color(0xffb5bd68)),
+  'attribute': TextStyle(color: Color(0xffb294bb)),
+  'code': TextStyle(color: Color(0xffb294bb)),
+  'selector-id': TextStyle(color: Color(0xffb294bb)),
+  'keyword': TextStyle(color: Color(0xff81a2be)),
+  'selector-tag': TextStyle(color: Color(0xff81a2be)),
+  'bullet': TextStyle(color: Color(0xff81a2be)),
+  'tag': TextStyle(color: Color(0xff81a2be)),
+  'subst': TextStyle(color: Color(0xff8abeb7)),
+  'variable': TextStyle(color: Color(0xff8abeb7)),
+  'template-tag': TextStyle(color: Color(0xff8abeb7)),
+  'template-variable': TextStyle(color: Color(0xff8abeb7)),
+  'type': TextStyle(color: Color(0xffde935f)),
+  'built_in': TextStyle(color: Color(0xffde935f)),
+  'builtin-name': TextStyle(color: Color(0xffde935f)),
+  'quote': TextStyle(color: Color(0xffde935f)),
+  'section': TextStyle(color: Color(0xffde935f)),
+  'selector-class': TextStyle(color: Color(0xffde935f)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/idea.dart b/lib/base/ui/highlight/themes/idea.dart
new file mode 100644
index 0000000..6965702
--- /dev/null
+++ b/lib/base/ui/highlight/themes/idea.dart
@@ -0,0 +1,48 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const ideaTheme = {
+  'root':
+      TextStyle(color: Color(0xff000000), backgroundColor: Color(0xffffffff)),
+  'subst': TextStyle(fontWeight: FontWeight.normal, color: Color(0xff000000)),
+  'title': TextStyle(fontWeight: FontWeight.normal, color: Color(0xff000000)),
+  'comment': TextStyle(color: Color(0xff808080), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xff808080), fontStyle: FontStyle.italic),
+  'meta': TextStyle(color: Color(0xff808000)),
+  'tag': TextStyle(backgroundColor: Color(0xffefefef)),
+  'section': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'name': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'literal': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'keyword': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'selector-tag':
+      TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'type': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'selector-id':
+      TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'selector-class':
+      TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'attribute': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff0000ff)),
+  'number': TextStyle(fontWeight: FontWeight.normal, color: Color(0xff0000ff)),
+  'regexp': TextStyle(fontWeight: FontWeight.normal, color: Color(0xff0000ff)),
+  'link': TextStyle(fontWeight: FontWeight.normal, color: Color(0xff0000ff)),
+  'string': TextStyle(color: Color(0xff008000), fontWeight: FontWeight.bold),
+  'symbol': TextStyle(
+      color: Color(0xff000000),
+      backgroundColor: Color(0xffd0eded),
+      fontStyle: FontStyle.italic),
+  'bullet': TextStyle(
+      color: Color(0xff000000),
+      backgroundColor: Color(0xffd0eded),
+      fontStyle: FontStyle.italic),
+  'formula': TextStyle(
+      color: Color(0xff000000),
+      backgroundColor: Color(0xffd0eded),
+      fontStyle: FontStyle.italic),
+  'variable': TextStyle(color: Color(0xff660e7a)),
+  'template-variable': TextStyle(color: Color(0xff660e7a)),
+  'addition': TextStyle(backgroundColor: Color(0xffbaeeba)),
+  'deletion': TextStyle(backgroundColor: Color(0xffffc8bd)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/ir-black.dart b/lib/base/ui/highlight/themes/ir-black.dart
new file mode 100644
index 0000000..c4530e1
--- /dev/null
+++ b/lib/base/ui/highlight/themes/ir-black.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const irBlackTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff000000), color: Color(0xfff8f8f8)),
+  'comment': TextStyle(color: Color(0xff7c7c7c)),
+  'quote': TextStyle(color: Color(0xff7c7c7c)),
+  'meta': TextStyle(color: Color(0xff7c7c7c)),
+  'keyword': TextStyle(color: Color(0xff96cbfe)),
+  'selector-tag': TextStyle(color: Color(0xff96cbfe)),
+  'tag': TextStyle(color: Color(0xff96cbfe)),
+  'name': TextStyle(color: Color(0xff96cbfe)),
+  'attribute': TextStyle(color: Color(0xffffffb6)),
+  'selector-id': TextStyle(color: Color(0xffffffb6)),
+  'string': TextStyle(color: Color(0xffa8ff60)),
+  'selector-attr': TextStyle(color: Color(0xffa8ff60)),
+  'selector-pseudo': TextStyle(color: Color(0xffa8ff60)),
+  'addition': TextStyle(color: Color(0xffa8ff60)),
+  'subst': TextStyle(color: Color(0xffdaefa3)),
+  'regexp': TextStyle(color: Color(0xffe9c062)),
+  'link': TextStyle(color: Color(0xffe9c062)),
+  'title': TextStyle(color: Color(0xffffffb6)),
+  'section': TextStyle(color: Color(0xffffffb6)),
+  'type': TextStyle(color: Color(0xffffffb6)),
+  'doctag': TextStyle(color: Color(0xffffffb6)),
+  'symbol': TextStyle(color: Color(0xffc6c5fe)),
+  'bullet': TextStyle(color: Color(0xffc6c5fe)),
+  'variable': TextStyle(color: Color(0xffc6c5fe)),
+  'template-variable': TextStyle(color: Color(0xffc6c5fe)),
+  'literal': TextStyle(color: Color(0xffc6c5fe)),
+  'number': TextStyle(color: Color(0xffff73fd)),
+  'deletion': TextStyle(color: Color(0xffff73fd)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/isbl-editor-dark.dart b/lib/base/ui/highlight/themes/isbl-editor-dark.dart
new file mode 100644
index 0000000..46de320
--- /dev/null
+++ b/lib/base/ui/highlight/themes/isbl-editor-dark.dart
@@ -0,0 +1,47 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const isblEditorDarkTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff404040), color: Color(0xfff0f0f0)),
+  'subst': TextStyle(color: Color(0xfff0f0f0)),
+  'comment': TextStyle(color: Color(0xffb5b5b5), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xfff0f0f0), fontWeight: FontWeight.bold),
+  'attribute': TextStyle(color: Color(0xfff0f0f0), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xfff0f0f0), fontWeight: FontWeight.bold),
+  'meta-keyword':
+      TextStyle(color: Color(0xfff0f0f0), fontWeight: FontWeight.bold),
+  'doctag': TextStyle(color: Color(0xfff0f0f0), fontWeight: FontWeight.bold),
+  'name': TextStyle(color: Color(0xfff0f0f0), fontWeight: FontWeight.bold),
+  'string': TextStyle(color: Color(0xff97bf0d)),
+  'type': TextStyle(color: Color(0xfff0f0f0)),
+  'number': TextStyle(color: Color(0xfff0f0f0)),
+  'selector-id': TextStyle(color: Color(0xfff0f0f0)),
+  'selector-class': TextStyle(color: Color(0xfff0f0f0)),
+  'quote': TextStyle(color: Color(0xfff0f0f0)),
+  'template-tag': TextStyle(color: Color(0xfff0f0f0)),
+  'deletion': TextStyle(color: Color(0xfff0f0f0)),
+  'title': TextStyle(color: Color(0xffdf471e)),
+  'section': TextStyle(color: Color(0xffdf471e)),
+  'title>.hljs-built_in':
+      TextStyle(color: Color(0xff81bce9), fontWeight: FontWeight.normal),
+  'regexp': TextStyle(color: Color(0xffe2c696)),
+  'symbol': TextStyle(color: Color(0xffe2c696)),
+  'variable': TextStyle(color: Color(0xffe2c696)),
+  'template-variable': TextStyle(color: Color(0xffe2c696)),
+  'link': TextStyle(color: Color(0xffe2c696)),
+  'selector-attr': TextStyle(color: Color(0xffe2c696)),
+  'selector-pseudo': TextStyle(color: Color(0xffe2c696)),
+  'built_in': TextStyle(color: Color(0xff97bf0d), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xff97bf0d), fontWeight: FontWeight.bold),
+  'bullet': TextStyle(color: Color(0xff397300)),
+  'code': TextStyle(color: Color(0xff397300)),
+  'addition': TextStyle(color: Color(0xff397300)),
+  'class': TextStyle(color: Color(0xffce9d4d), fontWeight: FontWeight.bold),
+  'meta': TextStyle(color: Color(0xff1f7199)),
+  'meta-string': TextStyle(color: Color(0xff4d99bf)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/isbl-editor-light.dart b/lib/base/ui/highlight/themes/isbl-editor-light.dart
new file mode 100644
index 0000000..28650e6
--- /dev/null
+++ b/lib/base/ui/highlight/themes/isbl-editor-light.dart
@@ -0,0 +1,47 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const isblEditorLightTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff000000)),
+  'subst': TextStyle(color: Color(0xff000000)),
+  'comment': TextStyle(color: Color(0xff555555), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'attribute': TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'meta-keyword':
+      TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'doctag': TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'name': TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'string': TextStyle(color: Color(0xff000080)),
+  'type': TextStyle(color: Color(0xff000000)),
+  'number': TextStyle(color: Color(0xff000000)),
+  'selector-id': TextStyle(color: Color(0xff000000)),
+  'selector-class': TextStyle(color: Color(0xff000000)),
+  'quote': TextStyle(color: Color(0xff000000)),
+  'template-tag': TextStyle(color: Color(0xff000000)),
+  'deletion': TextStyle(color: Color(0xff000000)),
+  'title': TextStyle(color: Color(0xfffb2c00)),
+  'section': TextStyle(color: Color(0xfffb2c00)),
+  'title>.hljs-built_in':
+      TextStyle(color: Color(0xff008080), fontWeight: FontWeight.normal),
+  'regexp': TextStyle(color: Color(0xff5e1700)),
+  'symbol': TextStyle(color: Color(0xff5e1700)),
+  'variable': TextStyle(color: Color(0xff5e1700)),
+  'template-variable': TextStyle(color: Color(0xff5e1700)),
+  'link': TextStyle(color: Color(0xff5e1700)),
+  'selector-attr': TextStyle(color: Color(0xff5e1700)),
+  'selector-pseudo': TextStyle(color: Color(0xff5e1700)),
+  'built_in': TextStyle(color: Color(0xff000080), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xff000080), fontWeight: FontWeight.bold),
+  'bullet': TextStyle(color: Color(0xff397300)),
+  'code': TextStyle(color: Color(0xff397300)),
+  'addition': TextStyle(color: Color(0xff397300)),
+  'class': TextStyle(color: Color(0xff6f1C00), fontWeight: FontWeight.bold),
+  'meta': TextStyle(color: Color(0xff1f7199)),
+  'meta-string': TextStyle(color: Color(0xff4d99bf)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/kimbie.dark.dart b/lib/base/ui/highlight/themes/kimbie.dark.dart
new file mode 100644
index 0000000..5a24cbc
--- /dev/null
+++ b/lib/base/ui/highlight/themes/kimbie.dark.dart
@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const kimbieDarkTheme = {
+  'comment': TextStyle(color: Color(0xffd6baad)),
+  'quote': TextStyle(color: Color(0xffd6baad)),
+  'variable': TextStyle(color: Color(0xffdc3958)),
+  'template-variable': TextStyle(color: Color(0xffdc3958)),
+  'tag': TextStyle(color: Color(0xffdc3958)),
+  'name': TextStyle(color: Color(0xffdc3958)),
+  'selector-id': TextStyle(color: Color(0xffdc3958)),
+  'selector-class': TextStyle(color: Color(0xffdc3958)),
+  'regexp': TextStyle(color: Color(0xffdc3958)),
+  'meta': TextStyle(color: Color(0xffdc3958)),
+  'number': TextStyle(color: Color(0xfff79a32)),
+  'built_in': TextStyle(color: Color(0xfff79a32)),
+  'builtin-name': TextStyle(color: Color(0xfff79a32)),
+  'literal': TextStyle(color: Color(0xfff79a32)),
+  'type': TextStyle(color: Color(0xfff79a32)),
+  'params': TextStyle(color: Color(0xfff79a32)),
+  'deletion': TextStyle(color: Color(0xfff79a32)),
+  'link': TextStyle(color: Color(0xfff79a32)),
+  'title': TextStyle(color: Color(0xfff06431)),
+  'section': TextStyle(color: Color(0xfff06431)),
+  'attribute': TextStyle(color: Color(0xfff06431)),
+  'string': TextStyle(color: Color(0xff889b4a)),
+  'symbol': TextStyle(color: Color(0xff889b4a)),
+  'bullet': TextStyle(color: Color(0xff889b4a)),
+  'addition': TextStyle(color: Color(0xff889b4a)),
+  'keyword': TextStyle(color: Color(0xff98676a)),
+  'selector-tag': TextStyle(color: Color(0xff98676a)),
+  'function': TextStyle(color: Color(0xff98676a)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff221a0f), color: Color(0xffd3af86)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/kimbie.light.dart b/lib/base/ui/highlight/themes/kimbie.light.dart
new file mode 100644
index 0000000..2af1ac7
--- /dev/null
+++ b/lib/base/ui/highlight/themes/kimbie.light.dart
@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const kimbieLightTheme = {
+  'comment': TextStyle(color: Color(0xffa57a4c)),
+  'quote': TextStyle(color: Color(0xffa57a4c)),
+  'variable': TextStyle(color: Color(0xffdc3958)),
+  'template-variable': TextStyle(color: Color(0xffdc3958)),
+  'tag': TextStyle(color: Color(0xffdc3958)),
+  'name': TextStyle(color: Color(0xffdc3958)),
+  'selector-id': TextStyle(color: Color(0xffdc3958)),
+  'selector-class': TextStyle(color: Color(0xffdc3958)),
+  'regexp': TextStyle(color: Color(0xffdc3958)),
+  'meta': TextStyle(color: Color(0xffdc3958)),
+  'number': TextStyle(color: Color(0xfff79a32)),
+  'built_in': TextStyle(color: Color(0xfff79a32)),
+  'builtin-name': TextStyle(color: Color(0xfff79a32)),
+  'literal': TextStyle(color: Color(0xfff79a32)),
+  'type': TextStyle(color: Color(0xfff79a32)),
+  'params': TextStyle(color: Color(0xfff79a32)),
+  'deletion': TextStyle(color: Color(0xfff79a32)),
+  'link': TextStyle(color: Color(0xfff79a32)),
+  'title': TextStyle(color: Color(0xfff06431)),
+  'section': TextStyle(color: Color(0xfff06431)),
+  'attribute': TextStyle(color: Color(0xfff06431)),
+  'string': TextStyle(color: Color(0xff889b4a)),
+  'symbol': TextStyle(color: Color(0xff889b4a)),
+  'bullet': TextStyle(color: Color(0xff889b4a)),
+  'addition': TextStyle(color: Color(0xff889b4a)),
+  'keyword': TextStyle(color: Color(0xff98676a)),
+  'selector-tag': TextStyle(color: Color(0xff98676a)),
+  'function': TextStyle(color: Color(0xff98676a)),
+  'root':
+      TextStyle(backgroundColor: Color(0xfffbebd4), color: Color(0xff84613d)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/lightfair.dart b/lib/base/ui/highlight/themes/lightfair.dart
new file mode 100644
index 0000000..1d719ff
--- /dev/null
+++ b/lib/base/ui/highlight/themes/lightfair.dart
@@ -0,0 +1,42 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const lightfairTheme = {
+  'name': TextStyle(color: Color(0xff01a3a3), fontWeight: FontWeight.bold),
+  'tag': TextStyle(color: Color(0xff778899)),
+  'meta': TextStyle(color: Color(0xff778899)),
+  'root': TextStyle(color: Color(0xff444444)),
+  'subst': TextStyle(color: Color(0xff444444)),
+  'comment': TextStyle(color: Color(0xff888888)),
+  'keyword': TextStyle(fontWeight: FontWeight.bold),
+  'attribute': TextStyle(fontWeight: FontWeight.bold),
+  'selector-tag': TextStyle(fontWeight: FontWeight.bold),
+  'meta-keyword': TextStyle(fontWeight: FontWeight.bold),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xff4286f4)),
+  'string': TextStyle(color: Color(0xff4286f4)),
+  'number': TextStyle(color: Color(0xff4286f4)),
+  'selector-id': TextStyle(color: Color(0xff4286f4)),
+  'selector-class': TextStyle(color: Color(0xff4286f4)),
+  'quote': TextStyle(color: Color(0xff4286f4)),
+  'template-tag': TextStyle(color: Color(0xff4286f4)),
+  'deletion': TextStyle(color: Color(0xff4286f4)),
+  'title': TextStyle(color: Color(0xff4286f4), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff4286f4), fontWeight: FontWeight.bold),
+  'regexp': TextStyle(color: Color(0xffBC6060)),
+  'symbol': TextStyle(color: Color(0xffBC6060)),
+  'variable': TextStyle(color: Color(0xffBC6060)),
+  'template-variable': TextStyle(color: Color(0xffBC6060)),
+  'link': TextStyle(color: Color(0xffBC6060)),
+  'selector-attr': TextStyle(color: Color(0xffBC6060)),
+  'selector-pseudo': TextStyle(color: Color(0xffBC6060)),
+  'literal': TextStyle(color: Color(0xff62bcbc)),
+  'built_in': TextStyle(color: Color(0xff25c6c6)),
+  'bullet': TextStyle(color: Color(0xff25c6c6)),
+  'code': TextStyle(color: Color(0xff25c6c6)),
+  'addition': TextStyle(color: Color(0xff25c6c6)),
+  'meta-string': TextStyle(color: Color(0xff4d99bf)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/magula.dart b/lib/base/ui/highlight/themes/magula.dart
new file mode 100644
index 0000000..bed33a9
--- /dev/null
+++ b/lib/base/ui/highlight/themes/magula.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const magulaTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xfff4f4f4), color: Color(0xff000000)),
+  'subst': TextStyle(color: Color(0xff000000)),
+  'string': TextStyle(color: Color(0xff005500)),
+  'title': TextStyle(color: Color(0xff000080), fontWeight: FontWeight.bold),
+  'symbol': TextStyle(color: Color(0xff005500)),
+  'bullet': TextStyle(color: Color(0xff005500)),
+  'attribute': TextStyle(color: Color(0xff005500)),
+  'addition': TextStyle(color: Color(0xff005500)),
+  'variable': TextStyle(color: Color(0xff005500)),
+  'template-tag': TextStyle(color: Color(0xff005500)),
+  'template-variable': TextStyle(color: Color(0xff005500)),
+  'comment': TextStyle(color: Color(0xff777777)),
+  'quote': TextStyle(color: Color(0xff777777)),
+  'number': TextStyle(color: Color(0xff880000)),
+  'regexp': TextStyle(color: Color(0xff880000)),
+  'literal': TextStyle(color: Color(0xff880000)),
+  'type': TextStyle(color: Color(0xff880000)),
+  'link': TextStyle(color: Color(0xff880000)),
+  'deletion': TextStyle(color: Color(0xff0000ee)),
+  'meta': TextStyle(color: Color(0xff0000ee)),
+  'keyword': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'selector-tag':
+      TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'section': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'built_in': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'tag': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'name': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff000080)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/mono-blue.dart b/lib/base/ui/highlight/themes/mono-blue.dart
new file mode 100644
index 0000000..25838c0
--- /dev/null
+++ b/lib/base/ui/highlight/themes/mono-blue.dart
@@ -0,0 +1,36 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const monoBlueTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffeaeef3), color: Color(0xff00193a)),
+  'keyword': TextStyle(fontWeight: FontWeight.bold),
+  'selector-tag': TextStyle(fontWeight: FontWeight.bold),
+  'title': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff0048ab)),
+  'section': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff0048ab)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'name': TextStyle(fontWeight: FontWeight.bold, color: Color(0xff0048ab)),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'comment': TextStyle(color: Color(0xff738191)),
+  'string': TextStyle(color: Color(0xff0048ab)),
+  'built_in': TextStyle(color: Color(0xff0048ab)),
+  'literal': TextStyle(color: Color(0xff0048ab)),
+  'type': TextStyle(color: Color(0xff0048ab)),
+  'addition': TextStyle(color: Color(0xff0048ab)),
+  'tag': TextStyle(color: Color(0xff0048ab)),
+  'quote': TextStyle(color: Color(0xff0048ab)),
+  'selector-id': TextStyle(color: Color(0xff0048ab)),
+  'selector-class': TextStyle(color: Color(0xff0048ab)),
+  'meta': TextStyle(color: Color(0xff4c81c9)),
+  'subst': TextStyle(color: Color(0xff4c81c9)),
+  'symbol': TextStyle(color: Color(0xff4c81c9)),
+  'regexp': TextStyle(color: Color(0xff4c81c9)),
+  'attribute': TextStyle(color: Color(0xff4c81c9)),
+  'deletion': TextStyle(color: Color(0xff4c81c9)),
+  'variable': TextStyle(color: Color(0xff4c81c9)),
+  'template-variable': TextStyle(color: Color(0xff4c81c9)),
+  'link': TextStyle(color: Color(0xff4c81c9)),
+  'bullet': TextStyle(color: Color(0xff4c81c9)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/monokai-sublime.dart b/lib/base/ui/highlight/themes/monokai-sublime.dart
new file mode 100644
index 0000000..c0d28a3
--- /dev/null
+++ b/lib/base/ui/highlight/themes/monokai-sublime.dart
@@ -0,0 +1,42 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const monokaiSublimeTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff23241f), color: Color(0xfff8f8f2)),
+  'tag': TextStyle(color: Color(0xfff8f8f2)),
+  'subst': TextStyle(color: Color(0xfff8f8f2)),
+  'strong': TextStyle(color: Color(0xffa8a8a2), fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(color: Color(0xffa8a8a2), fontStyle: FontStyle.italic),
+  'bullet': TextStyle(color: Color(0xffae81ff)),
+  'quote': TextStyle(color: Color(0xffae81ff)),
+  'number': TextStyle(color: Color(0xffae81ff)),
+  'regexp': TextStyle(color: Color(0xffae81ff)),
+  'literal': TextStyle(color: Color(0xffae81ff)),
+  'link': TextStyle(color: Color(0xffae81ff)),
+  'code': TextStyle(color: Color(0xffa6e22e)),
+  'title': TextStyle(color: Color(0xffa6e22e)),
+  'section': TextStyle(color: Color(0xffa6e22e)),
+  'selector-class': TextStyle(color: Color(0xffa6e22e)),
+  'keyword': TextStyle(color: Color(0xfff92672)),
+  'selector-tag': TextStyle(color: Color(0xfff92672)),
+  'name': TextStyle(color: Color(0xfff92672)),
+  'attr': TextStyle(color: Color(0xfff92672)),
+  'symbol': TextStyle(color: Color(0xff66d9ef)),
+  'attribute': TextStyle(color: Color(0xff66d9ef)),
+  'params': TextStyle(color: Color(0xfff8f8f2)),
+  'string': TextStyle(color: Color(0xffe6db74)),
+  'type': TextStyle(color: Color(0xffe6db74)),
+  'built_in': TextStyle(color: Color(0xffe6db74)),
+  'builtin-name': TextStyle(color: Color(0xffe6db74)),
+  'selector-id': TextStyle(color: Color(0xffe6db74)),
+  'selector-attr': TextStyle(color: Color(0xffe6db74)),
+  'selector-pseudo': TextStyle(color: Color(0xffe6db74)),
+  'addition': TextStyle(color: Color(0xffe6db74)),
+  'variable': TextStyle(color: Color(0xffe6db74)),
+  'template-variable': TextStyle(color: Color(0xffe6db74)),
+  'comment': TextStyle(color: Color(0xff75715e)),
+  'deletion': TextStyle(color: Color(0xff75715e)),
+  'meta': TextStyle(color: Color(0xff75715e)),
+};
diff --git a/lib/base/ui/highlight/themes/monokai.dart b/lib/base/ui/highlight/themes/monokai.dart
new file mode 100644
index 0000000..f7d8869
--- /dev/null
+++ b/lib/base/ui/highlight/themes/monokai.dart
@@ -0,0 +1,41 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const monokaiTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff272822), color: Color(0xffdddddd)),
+  'tag': TextStyle(color: Color(0xfff92672)),
+  'keyword': TextStyle(color: Color(0xfff92672), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xfff92672), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xfff92672), fontWeight: FontWeight.bold),
+  'strong': TextStyle(color: Color(0xfff92672)),
+  'name': TextStyle(color: Color(0xfff92672)),
+  'code': TextStyle(color: Color(0xff66d9ef)),
+  'attribute': TextStyle(color: Color(0xffbf79db)),
+  'symbol': TextStyle(color: Color(0xffbf79db)),
+  'regexp': TextStyle(color: Color(0xffbf79db)),
+  'link': TextStyle(color: Color(0xffbf79db)),
+  'string': TextStyle(color: Color(0xffa6e22e)),
+  'bullet': TextStyle(color: Color(0xffa6e22e)),
+  'subst': TextStyle(color: Color(0xffa6e22e)),
+  'title': TextStyle(color: Color(0xffa6e22e), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xffa6e22e), fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(color: Color(0xffa6e22e)),
+  'type': TextStyle(color: Color(0xffa6e22e), fontWeight: FontWeight.bold),
+  'built_in': TextStyle(color: Color(0xffa6e22e)),
+  'builtin-name': TextStyle(color: Color(0xffa6e22e)),
+  'selector-attr': TextStyle(color: Color(0xffa6e22e)),
+  'selector-pseudo': TextStyle(color: Color(0xffa6e22e)),
+  'addition': TextStyle(color: Color(0xffa6e22e)),
+  'variable': TextStyle(color: Color(0xffa6e22e)),
+  'template-tag': TextStyle(color: Color(0xffa6e22e)),
+  'template-variable': TextStyle(color: Color(0xffa6e22e)),
+  'comment': TextStyle(color: Color(0xff75715e)),
+  'quote': TextStyle(color: Color(0xff75715e)),
+  'deletion': TextStyle(color: Color(0xff75715e)),
+  'meta': TextStyle(color: Color(0xff75715e)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'selector-id': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/night-owl.dart b/lib/base/ui/highlight/themes/night-owl.dart
new file mode 100644
index 0000000..4bda17f
--- /dev/null
+++ b/lib/base/ui/highlight/themes/night-owl.dart
@@ -0,0 +1,54 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const nightOwlTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff011627), color: Color(0xffd6deeb)),
+  'keyword': TextStyle(color: Color(0xffc792ea), fontStyle: FontStyle.italic),
+  'built_in': TextStyle(color: Color(0xffaddb67), fontStyle: FontStyle.italic),
+  'type': TextStyle(color: Color(0xff82aaff)),
+  'literal': TextStyle(color: Color(0xffff5874)),
+  'number': TextStyle(color: Color(0xffF78C6C)),
+  'regexp': TextStyle(color: Color(0xff5ca7e4)),
+  'string': TextStyle(color: Color(0xffecc48d)),
+  'subst': TextStyle(color: Color(0xffd3423e)),
+  'symbol': TextStyle(color: Color(0xff82aaff)),
+  'class': TextStyle(color: Color(0xffffcb8b)),
+  'function': TextStyle(color: Color(0xff82AAFF)),
+  'title': TextStyle(color: Color(0xffDCDCAA), fontStyle: FontStyle.italic),
+  'params': TextStyle(color: Color(0xff7fdbca)),
+  'comment': TextStyle(color: Color(0xff637777), fontStyle: FontStyle.italic),
+  'doctag': TextStyle(color: Color(0xff7fdbca)),
+  'meta': TextStyle(color: Color(0xff82aaff)),
+  'meta-keyword': TextStyle(color: Color(0xff82aaff)),
+  'meta-string': TextStyle(color: Color(0xffecc48d)),
+  'section': TextStyle(color: Color(0xff82b1ff)),
+  'tag': TextStyle(color: Color(0xff7fdbca)),
+  'name': TextStyle(color: Color(0xff7fdbca)),
+  'builtin-name': TextStyle(color: Color(0xff7fdbca)),
+  'attr': TextStyle(color: Color(0xff7fdbca)),
+  'attribute': TextStyle(color: Color(0xff80cbc4)),
+  'variable': TextStyle(color: Color(0xffaddb67)),
+  'bullet': TextStyle(color: Color(0xffd9f5dd)),
+  'code': TextStyle(color: Color(0xff80CBC4)),
+  'emphasis': TextStyle(color: Color(0xffc792ea), fontStyle: FontStyle.italic),
+  'strong': TextStyle(color: Color(0xffaddb67), fontWeight: FontWeight.bold),
+  'formula': TextStyle(color: Color(0xffc792ea)),
+  'link': TextStyle(color: Color(0xffff869a)),
+  'quote': TextStyle(color: Color(0xff697098), fontStyle: FontStyle.italic),
+  'selector-tag': TextStyle(color: Color(0xffff6363)),
+  'selector-id': TextStyle(color: Color(0xfffad430)),
+  'selector-class':
+      TextStyle(color: Color(0xffaddb67), fontStyle: FontStyle.italic),
+  'selector-attr':
+      TextStyle(color: Color(0xffc792ea), fontStyle: FontStyle.italic),
+  'selector-pseudo':
+      TextStyle(color: Color(0xffc792ea), fontStyle: FontStyle.italic),
+  'template-tag': TextStyle(color: Color(0xffc792ea)),
+  'template-variable': TextStyle(color: Color(0xffaddb67)),
+  'addition':
+      TextStyle(color: Color(0xffaddb67ff), fontStyle: FontStyle.italic),
+  'deletion':
+      TextStyle(color: Color(0xffEF535090), fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/nord.dart b/lib/base/ui/highlight/themes/nord.dart
new file mode 100644
index 0000000..08a0e0e
--- /dev/null
+++ b/lib/base/ui/highlight/themes/nord.dart
@@ -0,0 +1,49 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const nordTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff2E3440), color: Color(0xffD8DEE9)),
+  'subst': TextStyle(color: Color(0xffD8DEE9)),
+  'selector-tag': TextStyle(color: Color(0xff81A1C1)),
+  'selector-id':
+      TextStyle(color: Color(0xff8FBCBB), fontWeight: FontWeight.bold),
+  'selector-class': TextStyle(color: Color(0xff8FBCBB)),
+  'selector-attr': TextStyle(color: Color(0xff8FBCBB)),
+  'selector-pseudo': TextStyle(color: Color(0xff88C0D0)),
+  'addition': TextStyle(backgroundColor: Color.fromRGBO(163, 190, 140, 0.5)),
+  'deletion': TextStyle(backgroundColor: Color.fromRGBO(191, 97, 106, 0.5)),
+  'built_in': TextStyle(color: Color(0xff8FBCBB)),
+  'type': TextStyle(color: Color(0xff8FBCBB)),
+  'class': TextStyle(color: Color(0xff8FBCBB)),
+  'function': TextStyle(color: Color(0xff88C0D0)),
+  'keyword': TextStyle(color: Color(0xff81A1C1)),
+  'literal': TextStyle(color: Color(0xff81A1C1)),
+  'symbol': TextStyle(color: Color(0xff81A1C1)),
+  'number': TextStyle(color: Color(0xffB48EAD)),
+  'regexp': TextStyle(color: Color(0xffEBCB8B)),
+  'string': TextStyle(color: Color(0xffA3BE8C)),
+  'title': TextStyle(color: Color(0xff8FBCBB)),
+  'params': TextStyle(color: Color(0xffD8DEE9)),
+  'bullet': TextStyle(color: Color(0xff81A1C1)),
+  'code': TextStyle(color: Color(0xff8FBCBB)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'formula': TextStyle(color: Color(0xff8FBCBB)),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'quote': TextStyle(color: Color(0xff4C566A)),
+  'comment': TextStyle(color: Color(0xff4C566A)),
+  'doctag': TextStyle(color: Color(0xff8FBCBB)),
+  'meta': TextStyle(color: Color(0xff5E81AC)),
+  'meta-keyword': TextStyle(color: Color(0xff5E81AC)),
+  'meta-string': TextStyle(color: Color(0xffA3BE8C)),
+  'attr': TextStyle(color: Color(0xff8FBCBB)),
+  'attribute': TextStyle(color: Color(0xffD8DEE9)),
+  'builtin-name': TextStyle(color: Color(0xff81A1C1)),
+  'name': TextStyle(color: Color(0xff81A1C1)),
+  'section': TextStyle(color: Color(0xff88C0D0)),
+  'tag': TextStyle(color: Color(0xff81A1C1)),
+  'variable': TextStyle(color: Color(0xffD8DEE9)),
+  'template-variable': TextStyle(color: Color(0xffD8DEE9)),
+  'template-tag': TextStyle(color: Color(0xff5E81AC)),
+};
diff --git a/lib/base/ui/highlight/themes/obsidian.dart b/lib/base/ui/highlight/themes/obsidian.dart
new file mode 100644
index 0000000..7465dd7
--- /dev/null
+++ b/lib/base/ui/highlight/themes/obsidian.dart
@@ -0,0 +1,42 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const obsidianTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff282b2e), color: Color(0xffe0e2e4)),
+  'keyword': TextStyle(color: Color(0xff93c763), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xff93c763), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xff93c763), fontWeight: FontWeight.bold),
+  'selector-id': TextStyle(color: Color(0xff93c763)),
+  'number': TextStyle(color: Color(0xffffcd22)),
+  'attribute': TextStyle(color: Color(0xff668bb0)),
+  'code': TextStyle(color: Color(0xffffffff)),
+  'section': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+  'regexp': TextStyle(color: Color(0xffd39745)),
+  'link': TextStyle(color: Color(0xffd39745)),
+  'meta': TextStyle(color: Color(0xff557182)),
+  'tag': TextStyle(color: Color(0xff8cbbad)),
+  'name': TextStyle(color: Color(0xff8cbbad), fontWeight: FontWeight.bold),
+  'bullet': TextStyle(color: Color(0xff8cbbad)),
+  'subst': TextStyle(color: Color(0xff8cbbad)),
+  'emphasis': TextStyle(color: Color(0xff8cbbad)),
+  'type': TextStyle(color: Color(0xff8cbbad), fontWeight: FontWeight.bold),
+  'built_in': TextStyle(color: Color(0xff8cbbad)),
+  'selector-attr': TextStyle(color: Color(0xff8cbbad)),
+  'selector-pseudo': TextStyle(color: Color(0xff8cbbad)),
+  'addition': TextStyle(color: Color(0xff8cbbad)),
+  'variable': TextStyle(color: Color(0xff8cbbad)),
+  'template-tag': TextStyle(color: Color(0xff8cbbad)),
+  'template-variable': TextStyle(color: Color(0xff8cbbad)),
+  'string': TextStyle(color: Color(0xffec7600)),
+  'symbol': TextStyle(color: Color(0xffec7600)),
+  'comment': TextStyle(color: Color(0xff818e96)),
+  'quote': TextStyle(color: Color(0xff818e96)),
+  'deletion': TextStyle(color: Color(0xff818e96)),
+  'selector-class': TextStyle(color: Color(0xffA082BD)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'title': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/ocean.dart b/lib/base/ui/highlight/themes/ocean.dart
new file mode 100644
index 0000000..f9db7bf
--- /dev/null
+++ b/lib/base/ui/highlight/themes/ocean.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const oceanTheme = {
+  'comment': TextStyle(color: Color(0xff65737e)),
+  'quote': TextStyle(color: Color(0xff65737e)),
+  'variable': TextStyle(color: Color(0xffbf616a)),
+  'template-variable': TextStyle(color: Color(0xffbf616a)),
+  'tag': TextStyle(color: Color(0xffbf616a)),
+  'name': TextStyle(color: Color(0xffbf616a)),
+  'selector-id': TextStyle(color: Color(0xffbf616a)),
+  'selector-class': TextStyle(color: Color(0xffbf616a)),
+  'regexp': TextStyle(color: Color(0xffbf616a)),
+  'deletion': TextStyle(color: Color(0xffbf616a)),
+  'number': TextStyle(color: Color(0xffd08770)),
+  'built_in': TextStyle(color: Color(0xffd08770)),
+  'builtin-name': TextStyle(color: Color(0xffd08770)),
+  'literal': TextStyle(color: Color(0xffd08770)),
+  'type': TextStyle(color: Color(0xffd08770)),
+  'params': TextStyle(color: Color(0xffd08770)),
+  'meta': TextStyle(color: Color(0xffd08770)),
+  'link': TextStyle(color: Color(0xffd08770)),
+  'attribute': TextStyle(color: Color(0xffebcb8b)),
+  'string': TextStyle(color: Color(0xffa3be8c)),
+  'symbol': TextStyle(color: Color(0xffa3be8c)),
+  'bullet': TextStyle(color: Color(0xffa3be8c)),
+  'addition': TextStyle(color: Color(0xffa3be8c)),
+  'title': TextStyle(color: Color(0xff8fa1b3)),
+  'section': TextStyle(color: Color(0xff8fa1b3)),
+  'keyword': TextStyle(color: Color(0xffb48ead)),
+  'selector-tag': TextStyle(color: Color(0xffb48ead)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff2b303b), color: Color(0xffc0c5ce)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/paraiso-dark.dart b/lib/base/ui/highlight/themes/paraiso-dark.dart
new file mode 100644
index 0000000..0eae43b
--- /dev/null
+++ b/lib/base/ui/highlight/themes/paraiso-dark.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const paraisoDarkTheme = {
+  'comment': TextStyle(color: Color(0xff8d8687)),
+  'quote': TextStyle(color: Color(0xff8d8687)),
+  'variable': TextStyle(color: Color(0xffef6155)),
+  'template-variable': TextStyle(color: Color(0xffef6155)),
+  'tag': TextStyle(color: Color(0xffef6155)),
+  'name': TextStyle(color: Color(0xffef6155)),
+  'selector-id': TextStyle(color: Color(0xffef6155)),
+  'selector-class': TextStyle(color: Color(0xffef6155)),
+  'regexp': TextStyle(color: Color(0xffef6155)),
+  'link': TextStyle(color: Color(0xffef6155)),
+  'meta': TextStyle(color: Color(0xffef6155)),
+  'number': TextStyle(color: Color(0xfff99b15)),
+  'built_in': TextStyle(color: Color(0xfff99b15)),
+  'builtin-name': TextStyle(color: Color(0xfff99b15)),
+  'literal': TextStyle(color: Color(0xfff99b15)),
+  'type': TextStyle(color: Color(0xfff99b15)),
+  'params': TextStyle(color: Color(0xfff99b15)),
+  'deletion': TextStyle(color: Color(0xfff99b15)),
+  'title': TextStyle(color: Color(0xfffec418)),
+  'section': TextStyle(color: Color(0xfffec418)),
+  'attribute': TextStyle(color: Color(0xfffec418)),
+  'string': TextStyle(color: Color(0xff48b685)),
+  'symbol': TextStyle(color: Color(0xff48b685)),
+  'bullet': TextStyle(color: Color(0xff48b685)),
+  'addition': TextStyle(color: Color(0xff48b685)),
+  'keyword': TextStyle(color: Color(0xff815ba4)),
+  'selector-tag': TextStyle(color: Color(0xff815ba4)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff2f1e2e), color: Color(0xffa39e9b)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/paraiso-light.dart b/lib/base/ui/highlight/themes/paraiso-light.dart
new file mode 100644
index 0000000..499fc22
--- /dev/null
+++ b/lib/base/ui/highlight/themes/paraiso-light.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const paraisoLightTheme = {
+  'comment': TextStyle(color: Color(0xff776e71)),
+  'quote': TextStyle(color: Color(0xff776e71)),
+  'variable': TextStyle(color: Color(0xffef6155)),
+  'template-variable': TextStyle(color: Color(0xffef6155)),
+  'tag': TextStyle(color: Color(0xffef6155)),
+  'name': TextStyle(color: Color(0xffef6155)),
+  'selector-id': TextStyle(color: Color(0xffef6155)),
+  'selector-class': TextStyle(color: Color(0xffef6155)),
+  'regexp': TextStyle(color: Color(0xffef6155)),
+  'link': TextStyle(color: Color(0xffef6155)),
+  'meta': TextStyle(color: Color(0xffef6155)),
+  'number': TextStyle(color: Color(0xfff99b15)),
+  'built_in': TextStyle(color: Color(0xfff99b15)),
+  'builtin-name': TextStyle(color: Color(0xfff99b15)),
+  'literal': TextStyle(color: Color(0xfff99b15)),
+  'type': TextStyle(color: Color(0xfff99b15)),
+  'params': TextStyle(color: Color(0xfff99b15)),
+  'deletion': TextStyle(color: Color(0xfff99b15)),
+  'title': TextStyle(color: Color(0xfffec418)),
+  'section': TextStyle(color: Color(0xfffec418)),
+  'attribute': TextStyle(color: Color(0xfffec418)),
+  'string': TextStyle(color: Color(0xff48b685)),
+  'symbol': TextStyle(color: Color(0xff48b685)),
+  'bullet': TextStyle(color: Color(0xff48b685)),
+  'addition': TextStyle(color: Color(0xff48b685)),
+  'keyword': TextStyle(color: Color(0xff815ba4)),
+  'selector-tag': TextStyle(color: Color(0xff815ba4)),
+  'root':
+      TextStyle(backgroundColor: Color(0xffe7e9db), color: Color(0xff4f424c)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/pojoaque.dart b/lib/base/ui/highlight/themes/pojoaque.dart
new file mode 100644
index 0000000..83e4240
--- /dev/null
+++ b/lib/base/ui/highlight/themes/pojoaque.dart
@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const pojoaqueTheme = {
+  'root':
+      TextStyle(color: Color(0xffdccf8f), backgroundColor: Color(0xff181914)),
+  'comment': TextStyle(color: Color(0xff586e75), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xff586e75), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xffb64926)),
+  'selector-tag': TextStyle(color: Color(0xffb64926)),
+  'literal': TextStyle(color: Color(0xffb64926)),
+  'addition': TextStyle(color: Color(0xffb64926)),
+  'number': TextStyle(color: Color(0xff468966)),
+  'string': TextStyle(color: Color(0xff468966)),
+  'doctag': TextStyle(color: Color(0xff468966)),
+  'regexp': TextStyle(color: Color(0xff468966)),
+  'title': TextStyle(color: Color(0xffffb03b)),
+  'section': TextStyle(color: Color(0xffffb03b)),
+  'built_in': TextStyle(color: Color(0xffffb03b)),
+  'name': TextStyle(color: Color(0xffffb03b)),
+  'variable': TextStyle(color: Color(0xffb58900)),
+  'template-variable': TextStyle(color: Color(0xffb58900)),
+  'type': TextStyle(color: Color(0xffb58900)),
+  'tag': TextStyle(color: Color(0xffb58900)),
+  'attribute': TextStyle(color: Color(0xffb89859)),
+  'symbol': TextStyle(color: Color(0xffcb4b16)),
+  'bullet': TextStyle(color: Color(0xffcb4b16)),
+  'link': TextStyle(color: Color(0xffcb4b16)),
+  'subst': TextStyle(color: Color(0xffcb4b16)),
+  'meta': TextStyle(color: Color(0xffcb4b16)),
+  'deletion': TextStyle(color: Color(0xffdc322f)),
+  'selector-id': TextStyle(color: Color(0xffd3a60c)),
+  'selector-class': TextStyle(color: Color(0xffd3a60c)),
+  'formula': TextStyle(backgroundColor: Color(0xff073642)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/purebasic.dart b/lib/base/ui/highlight/themes/purebasic.dart
new file mode 100644
index 0000000..dd3a050
--- /dev/null
+++ b/lib/base/ui/highlight/themes/purebasic.dart
@@ -0,0 +1,45 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const purebasicTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffFFFFDF), color: Color(0xff000000)),
+  'type': TextStyle(color: Color(0xff000000)),
+  'function': TextStyle(color: Color(0xff000000)),
+  'name': TextStyle(color: Color(0xff000000), fontWeight: FontWeight.bold),
+  'number': TextStyle(color: Color(0xff000000)),
+  'attr': TextStyle(color: Color(0xff000000)),
+  'params': TextStyle(color: Color(0xff000000)),
+  'subst': TextStyle(color: Color(0xff000000)),
+  'comment': TextStyle(color: Color(0xff00AAAA)),
+  'regexp': TextStyle(color: Color(0xff00AAAA)),
+  'section': TextStyle(color: Color(0xff00AAAA)),
+  'selector-pseudo': TextStyle(color: Color(0xff00AAAA)),
+  'addition': TextStyle(color: Color(0xff00AAAA)),
+  'title': TextStyle(color: Color(0xff006666)),
+  'tag': TextStyle(color: Color(0xff006666)),
+  'variable': TextStyle(color: Color(0xff006666)),
+  'code': TextStyle(color: Color(0xff006666)),
+  'keyword': TextStyle(color: Color(0xff006666), fontWeight: FontWeight.bold),
+  'class': TextStyle(color: Color(0xff006666), fontWeight: FontWeight.bold),
+  'meta-keyword':
+      TextStyle(color: Color(0xff006666), fontWeight: FontWeight.bold),
+  'selector-class':
+      TextStyle(color: Color(0xff006666), fontWeight: FontWeight.bold),
+  'built_in': TextStyle(color: Color(0xff006666), fontWeight: FontWeight.bold),
+  'builtin-name':
+      TextStyle(color: Color(0xff006666), fontWeight: FontWeight.bold),
+  'string': TextStyle(color: Color(0xff0080FF)),
+  'selector-attr': TextStyle(color: Color(0xff0080FF)),
+  'symbol': TextStyle(color: Color(0xff924B72)),
+  'link': TextStyle(color: Color(0xff924B72)),
+  'deletion': TextStyle(color: Color(0xff924B72)),
+  'attribute': TextStyle(color: Color(0xff924B72)),
+  'meta': TextStyle(color: Color(0xff924B72), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xff924B72), fontWeight: FontWeight.bold),
+  'selector-id':
+      TextStyle(color: Color(0xff924B72), fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/qtcreator_dark.dart b/lib/base/ui/highlight/themes/qtcreator_dark.dart
new file mode 100644
index 0000000..63e94b4
--- /dev/null
+++ b/lib/base/ui/highlight/themes/qtcreator_dark.dart
@@ -0,0 +1,42 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const qtcreatorDarkTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff000000), color: Color(0xffaaaaaa)),
+  'subst': TextStyle(color: Color(0xffaaaaaa)),
+  'tag': TextStyle(color: Color(0xffaaaaaa)),
+  'title': TextStyle(color: Color(0xffaaaaaa)),
+  'strong': TextStyle(color: Color(0xffa8a8a2)),
+  'emphasis': TextStyle(color: Color(0xffa8a8a2), fontStyle: FontStyle.italic),
+  'bullet': TextStyle(color: Color(0xffff55ff)),
+  'quote': TextStyle(color: Color(0xffff55ff)),
+  'number': TextStyle(color: Color(0xffff55ff)),
+  'regexp': TextStyle(color: Color(0xffff55ff)),
+  'literal': TextStyle(color: Color(0xffff55ff)),
+  'stronge': TextStyle(fontStyle: FontStyle.italic),
+  'type': TextStyle(fontStyle: FontStyle.italic, color: Color(0xffff55ff)),
+  'keyword': TextStyle(color: Color(0xffffff55)),
+  'selector-tag': TextStyle(color: Color(0xffffff55)),
+  'function': TextStyle(color: Color(0xffffff55)),
+  'section': TextStyle(color: Color(0xffffff55)),
+  'symbol': TextStyle(color: Color(0xffffff55)),
+  'name': TextStyle(color: Color(0xffffff55)),
+  'attribute': TextStyle(color: Color(0xffff5555)),
+  'variable': TextStyle(color: Color(0xff8888ff)),
+  'params': TextStyle(color: Color(0xff8888ff)),
+  'string': TextStyle(color: Color(0xffff55ff)),
+  'selector-id': TextStyle(color: Color(0xffff55ff)),
+  'selector-attr': TextStyle(color: Color(0xffff55ff)),
+  'selector-pseudo': TextStyle(color: Color(0xffff55ff)),
+  'built_in': TextStyle(color: Color(0xffff55ff)),
+  'builtin-name': TextStyle(color: Color(0xffff55ff)),
+  'template-tag': TextStyle(color: Color(0xffff55ff)),
+  'template-variable': TextStyle(color: Color(0xffff55ff)),
+  'addition': TextStyle(color: Color(0xffff55ff)),
+  'link': TextStyle(color: Color(0xffff55ff)),
+  'comment': TextStyle(color: Color(0xff55ffff)),
+  'meta': TextStyle(color: Color(0xff55ffff)),
+  'deletion': TextStyle(color: Color(0xff55ffff)),
+};
diff --git a/lib/base/ui/highlight/themes/qtcreator_light.dart b/lib/base/ui/highlight/themes/qtcreator_light.dart
new file mode 100644
index 0000000..9e12907
--- /dev/null
+++ b/lib/base/ui/highlight/themes/qtcreator_light.dart
@@ -0,0 +1,42 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const qtcreatorLightTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff000000)),
+  'subst': TextStyle(color: Color(0xff000000)),
+  'tag': TextStyle(color: Color(0xff000000)),
+  'title': TextStyle(color: Color(0xff000000)),
+  'strong': TextStyle(color: Color(0xff000000)),
+  'emphasis': TextStyle(color: Color(0xff000000), fontStyle: FontStyle.italic),
+  'bullet': TextStyle(color: Color(0xff000080)),
+  'quote': TextStyle(color: Color(0xff000080)),
+  'number': TextStyle(color: Color(0xff000080)),
+  'regexp': TextStyle(color: Color(0xff000080)),
+  'literal': TextStyle(color: Color(0xff000080)),
+  'stronge': TextStyle(fontStyle: FontStyle.italic),
+  'type': TextStyle(fontStyle: FontStyle.italic, color: Color(0xff008000)),
+  'keyword': TextStyle(color: Color(0xff808000)),
+  'selector-tag': TextStyle(color: Color(0xff808000)),
+  'function': TextStyle(color: Color(0xff808000)),
+  'section': TextStyle(color: Color(0xff808000)),
+  'symbol': TextStyle(color: Color(0xff808000)),
+  'name': TextStyle(color: Color(0xff808000)),
+  'attribute': TextStyle(color: Color(0xff800000)),
+  'variable': TextStyle(color: Color(0xff0055AF)),
+  'params': TextStyle(color: Color(0xff0055AF)),
+  'string': TextStyle(color: Color(0xff008000)),
+  'selector-id': TextStyle(color: Color(0xff008000)),
+  'selector-attr': TextStyle(color: Color(0xff008000)),
+  'selector-pseudo': TextStyle(color: Color(0xff008000)),
+  'built_in': TextStyle(color: Color(0xff008000)),
+  'builtin-name': TextStyle(color: Color(0xff008000)),
+  'template-tag': TextStyle(color: Color(0xff008000)),
+  'template-variable': TextStyle(color: Color(0xff008000)),
+  'addition': TextStyle(color: Color(0xff008000)),
+  'link': TextStyle(color: Color(0xff008000)),
+  'comment': TextStyle(color: Color(0xff008000)),
+  'meta': TextStyle(color: Color(0xff008000)),
+  'deletion': TextStyle(color: Color(0xff008000)),
+};
diff --git a/lib/base/ui/highlight/themes/railscasts.dart b/lib/base/ui/highlight/themes/railscasts.dart
new file mode 100644
index 0000000..21e2202
--- /dev/null
+++ b/lib/base/ui/highlight/themes/railscasts.dart
@@ -0,0 +1,40 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const railscastsTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff232323), color: Color(0xffe6e1dc)),
+  'comment': TextStyle(color: Color(0xffbc9458), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xffbc9458), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xffc26230)),
+  'selector-tag': TextStyle(color: Color(0xffc26230)),
+  'string': TextStyle(color: Color(0xffa5c261)),
+  'number': TextStyle(color: Color(0xffa5c261)),
+  'regexp': TextStyle(color: Color(0xffa5c261)),
+  'variable': TextStyle(color: Color(0xffa5c261)),
+  'template-variable': TextStyle(color: Color(0xffa5c261)),
+  'subst': TextStyle(color: Color(0xff519f50)),
+  'tag': TextStyle(color: Color(0xffe8bf6a)),
+  'name': TextStyle(color: Color(0xffe8bf6a)),
+  'type': TextStyle(color: Color(0xffda4939)),
+  'symbol': TextStyle(color: Color(0xff6d9cbe)),
+  'bullet': TextStyle(color: Color(0xff6d9cbe)),
+  'built_in': TextStyle(color: Color(0xff6d9cbe)),
+  'builtin-name': TextStyle(color: Color(0xff6d9cbe)),
+  'attr': TextStyle(color: Color(0xff6d9cbe)),
+  'link': TextStyle(color: Color(0xff6d9cbe)),
+  'params': TextStyle(color: Color(0xffd0d0ff)),
+  'attribute': TextStyle(color: Color(0xffcda869)),
+  'meta': TextStyle(color: Color(0xff9b859d)),
+  'title': TextStyle(color: Color(0xffffc66d)),
+  'section': TextStyle(color: Color(0xffffc66d)),
+  'addition':
+      TextStyle(backgroundColor: Color(0xff144212), color: Color(0xffe6e1dc)),
+  'deletion':
+      TextStyle(backgroundColor: Color(0xff660000), color: Color(0xffe6e1dc)),
+  'selector-class': TextStyle(color: Color(0xff9b703f)),
+  'selector-id': TextStyle(color: Color(0xff8b98ab)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/rainbow.dart b/lib/base/ui/highlight/themes/rainbow.dart
new file mode 100644
index 0000000..0a3488e
--- /dev/null
+++ b/lib/base/ui/highlight/themes/rainbow.dart
@@ -0,0 +1,39 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const rainbowTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff474949), color: Color(0xffd1d9e1)),
+  'comment': TextStyle(color: Color(0xff969896), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xff969896), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xffcc99cc)),
+  'selector-tag': TextStyle(color: Color(0xffcc99cc)),
+  'literal': TextStyle(color: Color(0xffcc99cc)),
+  'type': TextStyle(color: Color(0xffcc99cc)),
+  'addition': TextStyle(color: Color(0xffcc99cc)),
+  'number': TextStyle(color: Color(0xfff99157)),
+  'selector-attr': TextStyle(color: Color(0xfff99157)),
+  'selector-pseudo': TextStyle(color: Color(0xfff99157)),
+  'string': TextStyle(color: Color(0xff8abeb7)),
+  'doctag': TextStyle(color: Color(0xff8abeb7)),
+  'regexp': TextStyle(color: Color(0xff8abeb7)),
+  'title': TextStyle(color: Color(0xffb5bd68)),
+  'name': TextStyle(color: Color(0xffb5bd68), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xffb5bd68), fontWeight: FontWeight.bold),
+  'built_in': TextStyle(color: Color(0xffb5bd68)),
+  'variable': TextStyle(color: Color(0xffffcc66)),
+  'template-variable': TextStyle(color: Color(0xffffcc66)),
+  'selector-id': TextStyle(color: Color(0xffffcc66)),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'symbol': TextStyle(color: Color(0xfff99157)),
+  'bullet': TextStyle(color: Color(0xfff99157)),
+  'subst': TextStyle(color: Color(0xfff99157)),
+  'meta': TextStyle(color: Color(0xfff99157)),
+  'link': TextStyle(color: Color(0xfff99157)),
+  'deletion': TextStyle(color: Color(0xffdc322f)),
+  'formula': TextStyle(backgroundColor: Color(0xffeee8d5)),
+  'attr': TextStyle(color: Color(0xff81a2be)),
+  'attribute': TextStyle(color: Color(0xff81a2be)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/routeros.dart b/lib/base/ui/highlight/themes/routeros.dart
new file mode 100644
index 0000000..111e9f6
--- /dev/null
+++ b/lib/base/ui/highlight/themes/routeros.dart
@@ -0,0 +1,44 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const routerosTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffF0F0F0), color: Color(0xff444444)),
+  'subst': TextStyle(color: Color(0xff444444)),
+  'comment': TextStyle(color: Color(0xff888888)),
+  'keyword': TextStyle(fontWeight: FontWeight.bold),
+  'selector-tag': TextStyle(fontWeight: FontWeight.bold),
+  'meta-keyword': TextStyle(fontWeight: FontWeight.bold),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'name': TextStyle(fontWeight: FontWeight.bold),
+  'attribute': TextStyle(color: Color(0xff0E9A00)),
+  'function': TextStyle(color: Color(0xff99069A)),
+  'builtin-name': TextStyle(color: Color(0xff99069A)),
+  'type': TextStyle(color: Color(0xff880000)),
+  'string': TextStyle(color: Color(0xff880000)),
+  'number': TextStyle(color: Color(0xff880000)),
+  'selector-id': TextStyle(color: Color(0xff880000)),
+  'selector-class': TextStyle(color: Color(0xff880000)),
+  'quote': TextStyle(color: Color(0xff880000)),
+  'template-tag': TextStyle(color: Color(0xff880000)),
+  'deletion': TextStyle(color: Color(0xff880000)),
+  'title': TextStyle(color: Color(0xff880000), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff880000), fontWeight: FontWeight.bold),
+  'regexp': TextStyle(color: Color(0xffBC6060)),
+  'symbol': TextStyle(color: Color(0xffBC6060)),
+  'variable': TextStyle(color: Color(0xffBC6060)),
+  'template-variable': TextStyle(color: Color(0xffBC6060)),
+  'link': TextStyle(color: Color(0xffBC6060)),
+  'selector-attr': TextStyle(color: Color(0xffBC6060)),
+  'selector-pseudo': TextStyle(color: Color(0xffBC6060)),
+  'literal': TextStyle(color: Color(0xff78A960)),
+  'built_in': TextStyle(color: Color(0xff0C9A9A)),
+  'bullet': TextStyle(color: Color(0xff0C9A9A)),
+  'code': TextStyle(color: Color(0xff0C9A9A)),
+  'addition': TextStyle(color: Color(0xff0C9A9A)),
+  'meta': TextStyle(color: Color(0xff1f7199)),
+  'meta-string': TextStyle(color: Color(0xff4d99bf)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/school-book.dart b/lib/base/ui/highlight/themes/school-book.dart
new file mode 100644
index 0000000..b3724ad
--- /dev/null
+++ b/lib/base/ui/highlight/themes/school-book.dart
@@ -0,0 +1,36 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const schoolBookTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xfff6f6ae), color: Color(0xff3e5915)),
+  'keyword': TextStyle(color: Color(0xff005599), fontWeight: FontWeight.bold),
+  'selector-tag':
+      TextStyle(color: Color(0xff005599), fontWeight: FontWeight.bold),
+  'literal': TextStyle(color: Color(0xff005599), fontWeight: FontWeight.bold),
+  'subst': TextStyle(color: Color(0xff3e5915)),
+  'string': TextStyle(color: Color(0xff2c009f)),
+  'title': TextStyle(color: Color(0xff2c009f), fontWeight: FontWeight.bold),
+  'section': TextStyle(color: Color(0xff2c009f), fontWeight: FontWeight.bold),
+  'type': TextStyle(color: Color(0xff2c009f), fontWeight: FontWeight.bold),
+  'symbol': TextStyle(color: Color(0xff2c009f)),
+  'bullet': TextStyle(color: Color(0xff2c009f)),
+  'attribute': TextStyle(color: Color(0xff2c009f)),
+  'built_in': TextStyle(color: Color(0xff2c009f)),
+  'builtin-name': TextStyle(color: Color(0xff2c009f)),
+  'addition': TextStyle(color: Color(0xff2c009f)),
+  'variable': TextStyle(color: Color(0xff2c009f)),
+  'template-tag': TextStyle(color: Color(0xff2c009f)),
+  'template-variable': TextStyle(color: Color(0xff2c009f)),
+  'link': TextStyle(color: Color(0xff2c009f)),
+  'comment': TextStyle(color: Color(0xffe60415)),
+  'quote': TextStyle(color: Color(0xffe60415)),
+  'deletion': TextStyle(color: Color(0xffe60415)),
+  'meta': TextStyle(color: Color(0xffe60415)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'name': TextStyle(fontWeight: FontWeight.bold),
+  'selector-id': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/shades-of-purple.dart b/lib/base/ui/highlight/themes/shades-of-purple.dart
new file mode 100644
index 0000000..55158f5
--- /dev/null
+++ b/lib/base/ui/highlight/themes/shades-of-purple.dart
@@ -0,0 +1,40 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const shadesOfPurpleTheme = {
+  'root': TextStyle(
+      backgroundColor: Color(0xff2d2b57),
+      fontWeight: FontWeight.normal,
+      color: Color(0xffe3dfff)),
+  'title': TextStyle(color: Color(0xfffad000), fontWeight: FontWeight.normal),
+  'name': TextStyle(color: Color(0xffa1feff), fontWeight: FontWeight.normal),
+  'tag': TextStyle(color: Color(0xffffffff)),
+  'attr': TextStyle(color: Color(0xfff8d000), fontStyle: FontStyle.italic),
+  'built_in': TextStyle(color: Color(0xfffb9e00)),
+  'selector-tag':
+      TextStyle(color: Color(0xfffb9e00), fontWeight: FontWeight.normal),
+  'section': TextStyle(color: Color(0xfffb9e00)),
+  'keyword': TextStyle(color: Color(0xfffb9e00), fontWeight: FontWeight.normal),
+  'subst': TextStyle(color: Color(0xffe3dfff)),
+  'string': TextStyle(color: Color(0xff4cd213)),
+  'attribute': TextStyle(color: Color(0xff4cd213)),
+  'symbol': TextStyle(color: Color(0xff4cd213)),
+  'bullet': TextStyle(color: Color(0xff4cd213)),
+  'addition': TextStyle(color: Color(0xff4cd213)),
+  'code': TextStyle(color: Color(0xff4cd213)),
+  'regexp': TextStyle(color: Color(0xff4cd213)),
+  'selector-class': TextStyle(color: Color(0xff4cd213)),
+  'selector-attr': TextStyle(color: Color(0xff4cd213)),
+  'selector-pseudo': TextStyle(color: Color(0xff4cd213)),
+  'template-tag': TextStyle(color: Color(0xff4cd213)),
+  'quote': TextStyle(color: Color(0xff4cd213)),
+  'deletion': TextStyle(color: Color(0xff4cd213)),
+  'meta': TextStyle(color: Color(0xfffb9e00)),
+  'meta-string': TextStyle(color: Color(0xfffb9e00)),
+  'comment': TextStyle(color: Color(0xffac65ff)),
+  'literal': TextStyle(fontWeight: FontWeight.normal, color: Color(0xfffa658d)),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'number': TextStyle(color: Color(0xfffa658d)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/solarized-dark.dart b/lib/base/ui/highlight/themes/solarized-dark.dart
new file mode 100644
index 0000000..0263c94
--- /dev/null
+++ b/lib/base/ui/highlight/themes/solarized-dark.dart
@@ -0,0 +1,40 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const solarizedDarkTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff002b36), color: Color(0xff839496)),
+  'comment': TextStyle(color: Color(0xff586e75)),
+  'quote': TextStyle(color: Color(0xff586e75)),
+  'keyword': TextStyle(color: Color(0xff859900)),
+  'selector-tag': TextStyle(color: Color(0xff859900)),
+  'addition': TextStyle(color: Color(0xff859900)),
+  'number': TextStyle(color: Color(0xff2aa198)),
+  'string': TextStyle(color: Color(0xff2aa198)),
+  'literal': TextStyle(color: Color(0xff2aa198)),
+  'doctag': TextStyle(color: Color(0xff2aa198)),
+  'regexp': TextStyle(color: Color(0xff2aa198)),
+  'title': TextStyle(color: Color(0xff268bd2)),
+  'section': TextStyle(color: Color(0xff268bd2)),
+  'name': TextStyle(color: Color(0xff268bd2)),
+  'selector-id': TextStyle(color: Color(0xff268bd2)),
+  'selector-class': TextStyle(color: Color(0xff268bd2)),
+  'attribute': TextStyle(color: Color(0xffb58900)),
+  'attr': TextStyle(color: Color(0xffb58900)),
+  'variable': TextStyle(color: Color(0xffb58900)),
+  'template-variable': TextStyle(color: Color(0xffb58900)),
+  'type': TextStyle(color: Color(0xffb58900)),
+  'symbol': TextStyle(color: Color(0xffcb4b16)),
+  'bullet': TextStyle(color: Color(0xffcb4b16)),
+  'subst': TextStyle(color: Color(0xffcb4b16)),
+  'meta': TextStyle(color: Color(0xffcb4b16)),
+  'selector-attr': TextStyle(color: Color(0xffcb4b16)),
+  'selector-pseudo': TextStyle(color: Color(0xffcb4b16)),
+  'link': TextStyle(color: Color(0xffcb4b16)),
+  'built_in': TextStyle(color: Color(0xffdc322f)),
+  'deletion': TextStyle(color: Color(0xffdc322f)),
+  'formula': TextStyle(backgroundColor: Color(0xff073642)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/solarized-light.dart b/lib/base/ui/highlight/themes/solarized-light.dart
new file mode 100644
index 0000000..fae7035
--- /dev/null
+++ b/lib/base/ui/highlight/themes/solarized-light.dart
@@ -0,0 +1,40 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const solarizedLightTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xfffdf6e3), color: Color(0xff657b83)),
+  'comment': TextStyle(color: Color(0xff93a1a1)),
+  'quote': TextStyle(color: Color(0xff93a1a1)),
+  'keyword': TextStyle(color: Color(0xff859900)),
+  'selector-tag': TextStyle(color: Color(0xff859900)),
+  'addition': TextStyle(color: Color(0xff859900)),
+  'number': TextStyle(color: Color(0xff2aa198)),
+  'string': TextStyle(color: Color(0xff2aa198)),
+  'literal': TextStyle(color: Color(0xff2aa198)),
+  'doctag': TextStyle(color: Color(0xff2aa198)),
+  'regexp': TextStyle(color: Color(0xff2aa198)),
+  'title': TextStyle(color: Color(0xff268bd2)),
+  'section': TextStyle(color: Color(0xff268bd2)),
+  'name': TextStyle(color: Color(0xff268bd2)),
+  'selector-id': TextStyle(color: Color(0xff268bd2)),
+  'selector-class': TextStyle(color: Color(0xff268bd2)),
+  'attribute': TextStyle(color: Color(0xffb58900)),
+  'attr': TextStyle(color: Color(0xffb58900)),
+  'variable': TextStyle(color: Color(0xffb58900)),
+  'template-variable': TextStyle(color: Color(0xffb58900)),
+  'type': TextStyle(color: Color(0xffb58900)),
+  'symbol': TextStyle(color: Color(0xffcb4b16)),
+  'bullet': TextStyle(color: Color(0xffcb4b16)),
+  'subst': TextStyle(color: Color(0xffcb4b16)),
+  'meta': TextStyle(color: Color(0xffcb4b16)),
+  'selector-attr': TextStyle(color: Color(0xffcb4b16)),
+  'selector-pseudo': TextStyle(color: Color(0xffcb4b16)),
+  'link': TextStyle(color: Color(0xffcb4b16)),
+  'built_in': TextStyle(color: Color(0xffdc322f)),
+  'deletion': TextStyle(color: Color(0xffdc322f)),
+  'formula': TextStyle(backgroundColor: Color(0xffeee8d5)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/sunburst.dart b/lib/base/ui/highlight/themes/sunburst.dart
new file mode 100644
index 0000000..c7d7f7e
--- /dev/null
+++ b/lib/base/ui/highlight/themes/sunburst.dart
@@ -0,0 +1,41 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const sunburstTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff000000), color: Color(0xfff8f8f8)),
+  'comment': TextStyle(color: Color(0xffaeaeae), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xffaeaeae), fontStyle: FontStyle.italic),
+  'keyword': TextStyle(color: Color(0xffe28964)),
+  'selector-tag': TextStyle(color: Color(0xffe28964)),
+  'type': TextStyle(color: Color(0xffe28964)),
+  'string': TextStyle(color: Color(0xff65b042)),
+  'subst': TextStyle(color: Color(0xffdaefa3)),
+  'regexp': TextStyle(color: Color(0xffe9c062)),
+  'link': TextStyle(color: Color(0xffe9c062)),
+  'title': TextStyle(color: Color(0xff89bdff)),
+  'section': TextStyle(color: Color(0xff89bdff)),
+  'tag': TextStyle(color: Color(0xff89bdff)),
+  'name': TextStyle(color: Color(0xff89bdff)),
+  'symbol': TextStyle(color: Color(0xff3387cc)),
+  'bullet': TextStyle(color: Color(0xff3387cc)),
+  'number': TextStyle(color: Color(0xff3387cc)),
+  'params': TextStyle(color: Color(0xff3e87e3)),
+  'variable': TextStyle(color: Color(0xff3e87e3)),
+  'template-variable': TextStyle(color: Color(0xff3e87e3)),
+  'attribute': TextStyle(color: Color(0xffcda869)),
+  'meta': TextStyle(color: Color(0xff8996a8)),
+  'formula': TextStyle(
+      backgroundColor: Color(0xff0e2231),
+      color: Color(0xfff8f8f8),
+      fontStyle: FontStyle.italic),
+  'addition':
+      TextStyle(backgroundColor: Color(0xff253b22), color: Color(0xfff8f8f8)),
+  'deletion':
+      TextStyle(backgroundColor: Color(0xff420e09), color: Color(0xfff8f8f8)),
+  'selector-class': TextStyle(color: Color(0xff9b703f)),
+  'selector-id': TextStyle(color: Color(0xff8b98ab)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/tomorrow-night-blue.dart b/lib/base/ui/highlight/themes/tomorrow-night-blue.dart
new file mode 100644
index 0000000..55060f9
--- /dev/null
+++ b/lib/base/ui/highlight/themes/tomorrow-night-blue.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const tomorrowNightBlueTheme = {
+  'comment': TextStyle(color: Color(0xff7285b7)),
+  'quote': TextStyle(color: Color(0xff7285b7)),
+  'variable': TextStyle(color: Color(0xffff9da4)),
+  'template-variable': TextStyle(color: Color(0xffff9da4)),
+  'tag': TextStyle(color: Color(0xffff9da4)),
+  'name': TextStyle(color: Color(0xffff9da4)),
+  'selector-id': TextStyle(color: Color(0xffff9da4)),
+  'selector-class': TextStyle(color: Color(0xffff9da4)),
+  'regexp': TextStyle(color: Color(0xffff9da4)),
+  'deletion': TextStyle(color: Color(0xffff9da4)),
+  'number': TextStyle(color: Color(0xffffc58f)),
+  'built_in': TextStyle(color: Color(0xffffc58f)),
+  'builtin-name': TextStyle(color: Color(0xffffc58f)),
+  'literal': TextStyle(color: Color(0xffffc58f)),
+  'type': TextStyle(color: Color(0xffffc58f)),
+  'params': TextStyle(color: Color(0xffffc58f)),
+  'meta': TextStyle(color: Color(0xffffc58f)),
+  'link': TextStyle(color: Color(0xffffc58f)),
+  'attribute': TextStyle(color: Color(0xffffeead)),
+  'string': TextStyle(color: Color(0xffd1f1a9)),
+  'symbol': TextStyle(color: Color(0xffd1f1a9)),
+  'bullet': TextStyle(color: Color(0xffd1f1a9)),
+  'addition': TextStyle(color: Color(0xffd1f1a9)),
+  'title': TextStyle(color: Color(0xffbbdaff)),
+  'section': TextStyle(color: Color(0xffbbdaff)),
+  'keyword': TextStyle(color: Color(0xffebbbff)),
+  'selector-tag': TextStyle(color: Color(0xffebbbff)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff002451), color: Color(0xffffffff)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/tomorrow-night-bright.dart b/lib/base/ui/highlight/themes/tomorrow-night-bright.dart
new file mode 100644
index 0000000..7452a95
--- /dev/null
+++ b/lib/base/ui/highlight/themes/tomorrow-night-bright.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const tomorrowNightBrightTheme = {
+  'comment': TextStyle(color: Color(0xff969896)),
+  'quote': TextStyle(color: Color(0xff969896)),
+  'variable': TextStyle(color: Color(0xffd54e53)),
+  'template-variable': TextStyle(color: Color(0xffd54e53)),
+  'tag': TextStyle(color: Color(0xffd54e53)),
+  'name': TextStyle(color: Color(0xffd54e53)),
+  'selector-id': TextStyle(color: Color(0xffd54e53)),
+  'selector-class': TextStyle(color: Color(0xffd54e53)),
+  'regexp': TextStyle(color: Color(0xffd54e53)),
+  'deletion': TextStyle(color: Color(0xffd54e53)),
+  'number': TextStyle(color: Color(0xffe78c45)),
+  'built_in': TextStyle(color: Color(0xffe78c45)),
+  'builtin-name': TextStyle(color: Color(0xffe78c45)),
+  'literal': TextStyle(color: Color(0xffe78c45)),
+  'type': TextStyle(color: Color(0xffe78c45)),
+  'params': TextStyle(color: Color(0xffe78c45)),
+  'meta': TextStyle(color: Color(0xffe78c45)),
+  'link': TextStyle(color: Color(0xffe78c45)),
+  'attribute': TextStyle(color: Color(0xffe7c547)),
+  'string': TextStyle(color: Color(0xffb9ca4a)),
+  'symbol': TextStyle(color: Color(0xffb9ca4a)),
+  'bullet': TextStyle(color: Color(0xffb9ca4a)),
+  'addition': TextStyle(color: Color(0xffb9ca4a)),
+  'title': TextStyle(color: Color(0xff7aa6da)),
+  'section': TextStyle(color: Color(0xff7aa6da)),
+  'keyword': TextStyle(color: Color(0xffc397d8)),
+  'selector-tag': TextStyle(color: Color(0xffc397d8)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff000000), color: Color(0xffeaeaea)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/tomorrow-night-eighties.dart b/lib/base/ui/highlight/themes/tomorrow-night-eighties.dart
new file mode 100644
index 0000000..ffe7d58
--- /dev/null
+++ b/lib/base/ui/highlight/themes/tomorrow-night-eighties.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const tomorrowNightEightiesTheme = {
+  'comment': TextStyle(color: Color(0xff999999)),
+  'quote': TextStyle(color: Color(0xff999999)),
+  'variable': TextStyle(color: Color(0xfff2777a)),
+  'template-variable': TextStyle(color: Color(0xfff2777a)),
+  'tag': TextStyle(color: Color(0xfff2777a)),
+  'name': TextStyle(color: Color(0xfff2777a)),
+  'selector-id': TextStyle(color: Color(0xfff2777a)),
+  'selector-class': TextStyle(color: Color(0xfff2777a)),
+  'regexp': TextStyle(color: Color(0xfff2777a)),
+  'deletion': TextStyle(color: Color(0xfff2777a)),
+  'number': TextStyle(color: Color(0xfff99157)),
+  'built_in': TextStyle(color: Color(0xfff99157)),
+  'builtin-name': TextStyle(color: Color(0xfff99157)),
+  'literal': TextStyle(color: Color(0xfff99157)),
+  'type': TextStyle(color: Color(0xfff99157)),
+  'params': TextStyle(color: Color(0xfff99157)),
+  'meta': TextStyle(color: Color(0xfff99157)),
+  'link': TextStyle(color: Color(0xfff99157)),
+  'attribute': TextStyle(color: Color(0xffffcc66)),
+  'string': TextStyle(color: Color(0xff99cc99)),
+  'symbol': TextStyle(color: Color(0xff99cc99)),
+  'bullet': TextStyle(color: Color(0xff99cc99)),
+  'addition': TextStyle(color: Color(0xff99cc99)),
+  'title': TextStyle(color: Color(0xff6699cc)),
+  'section': TextStyle(color: Color(0xff6699cc)),
+  'keyword': TextStyle(color: Color(0xffcc99cc)),
+  'selector-tag': TextStyle(color: Color(0xffcc99cc)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff2d2d2d), color: Color(0xffcccccc)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/tomorrow-night.dart b/lib/base/ui/highlight/themes/tomorrow-night.dart
new file mode 100644
index 0000000..d428580
--- /dev/null
+++ b/lib/base/ui/highlight/themes/tomorrow-night.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const tomorrowNightTheme = {
+  'comment': TextStyle(color: Color(0xff969896)),
+  'quote': TextStyle(color: Color(0xff969896)),
+  'variable': TextStyle(color: Color(0xffcc6666)),
+  'template-variable': TextStyle(color: Color(0xffcc6666)),
+  'tag': TextStyle(color: Color(0xffcc6666)),
+  'name': TextStyle(color: Color(0xffcc6666)),
+  'selector-id': TextStyle(color: Color(0xffcc6666)),
+  'selector-class': TextStyle(color: Color(0xffcc6666)),
+  'regexp': TextStyle(color: Color(0xffcc6666)),
+  'deletion': TextStyle(color: Color(0xffcc6666)),
+  'number': TextStyle(color: Color(0xffde935f)),
+  'built_in': TextStyle(color: Color(0xffde935f)),
+  'builtin-name': TextStyle(color: Color(0xffde935f)),
+  'literal': TextStyle(color: Color(0xffde935f)),
+  'type': TextStyle(color: Color(0xffde935f)),
+  'params': TextStyle(color: Color(0xffde935f)),
+  'meta': TextStyle(color: Color(0xffde935f)),
+  'link': TextStyle(color: Color(0xffde935f)),
+  'attribute': TextStyle(color: Color(0xfff0c674)),
+  'string': TextStyle(color: Color(0xffb5bd68)),
+  'symbol': TextStyle(color: Color(0xffb5bd68)),
+  'bullet': TextStyle(color: Color(0xffb5bd68)),
+  'addition': TextStyle(color: Color(0xffb5bd68)),
+  'title': TextStyle(color: Color(0xff81a2be)),
+  'section': TextStyle(color: Color(0xff81a2be)),
+  'keyword': TextStyle(color: Color(0xffb294bb)),
+  'selector-tag': TextStyle(color: Color(0xffb294bb)),
+  'root':
+      TextStyle(backgroundColor: Color(0xff1d1f21), color: Color(0xffc5c8c6)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/tomorrow.dart b/lib/base/ui/highlight/themes/tomorrow.dart
new file mode 100644
index 0000000..b295b51
--- /dev/null
+++ b/lib/base/ui/highlight/themes/tomorrow.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const tomorrowTheme = {
+  'comment': TextStyle(color: Color(0xff8e908c)),
+  'quote': TextStyle(color: Color(0xff8e908c)),
+  'variable': TextStyle(color: Color(0xffc82829)),
+  'template-variable': TextStyle(color: Color(0xffc82829)),
+  'tag': TextStyle(color: Color(0xffc82829)),
+  'name': TextStyle(color: Color(0xffc82829)),
+  'selector-id': TextStyle(color: Color(0xffc82829)),
+  'selector-class': TextStyle(color: Color(0xffc82829)),
+  'regexp': TextStyle(color: Color(0xffc82829)),
+  'deletion': TextStyle(color: Color(0xffc82829)),
+  'number': TextStyle(color: Color(0xfff5871f)),
+  'built_in': TextStyle(color: Color(0xfff5871f)),
+  'builtin-name': TextStyle(color: Color(0xfff5871f)),
+  'literal': TextStyle(color: Color(0xfff5871f)),
+  'type': TextStyle(color: Color(0xfff5871f)),
+  'params': TextStyle(color: Color(0xfff5871f)),
+  'meta': TextStyle(color: Color(0xfff5871f)),
+  'link': TextStyle(color: Color(0xfff5871f)),
+  'attribute': TextStyle(color: Color(0xffeab700)),
+  'string': TextStyle(color: Color(0xff718c00)),
+  'symbol': TextStyle(color: Color(0xff718c00)),
+  'bullet': TextStyle(color: Color(0xff718c00)),
+  'addition': TextStyle(color: Color(0xff718c00)),
+  'title': TextStyle(color: Color(0xff4271ae)),
+  'section': TextStyle(color: Color(0xff4271ae)),
+  'keyword': TextStyle(color: Color(0xff8959a8)),
+  'selector-tag': TextStyle(color: Color(0xff8959a8)),
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff4d4d4c)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/vs.dart b/lib/base/ui/highlight/themes/vs.dart
new file mode 100644
index 0000000..172b234
--- /dev/null
+++ b/lib/base/ui/highlight/themes/vs.dart
@@ -0,0 +1,36 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const vsTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff000000)),
+  'comment': TextStyle(color: Color(0xff008000)),
+  'quote': TextStyle(color: Color(0xff008000)),
+  'variable': TextStyle(color: Color(0xff008000)),
+  'keyword': TextStyle(color: Color(0xff0000ff)),
+  'selector-tag': TextStyle(color: Color(0xff0000ff)),
+  'built_in': TextStyle(color: Color(0xff0000ff)),
+  'name': TextStyle(color: Color(0xff0000ff)),
+  'tag': TextStyle(color: Color(0xff0000ff)),
+  'string': TextStyle(color: Color(0xffa31515)),
+  'title': TextStyle(color: Color(0xffa31515)),
+  'section': TextStyle(color: Color(0xffa31515)),
+  'attribute': TextStyle(color: Color(0xffa31515)),
+  'literal': TextStyle(color: Color(0xffa31515)),
+  'template-tag': TextStyle(color: Color(0xffa31515)),
+  'template-variable': TextStyle(color: Color(0xffa31515)),
+  'type': TextStyle(color: Color(0xffa31515)),
+  'addition': TextStyle(color: Color(0xffa31515)),
+  'deletion': TextStyle(color: Color(0xff2b91af)),
+  'selector-attr': TextStyle(color: Color(0xff2b91af)),
+  'selector-pseudo': TextStyle(color: Color(0xff2b91af)),
+  'meta': TextStyle(color: Color(0xff2b91af)),
+  'doctag': TextStyle(color: Color(0xff808080)),
+  'attr': TextStyle(color: Color(0xffff0000)),
+  'symbol': TextStyle(color: Color(0xff00b0e8)),
+  'bullet': TextStyle(color: Color(0xff00b0e8)),
+  'link': TextStyle(color: Color(0xff00b0e8)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/vs2015.dart b/lib/base/ui/highlight/themes/vs2015.dart
new file mode 100644
index 0000000..c825aae
--- /dev/null
+++ b/lib/base/ui/highlight/themes/vs2015.dart
@@ -0,0 +1,48 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const vs2015Theme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff1E1E1E), color: Color(0xffDCDCDC)),
+  'keyword': TextStyle(color: Color(0xff569CD6)),
+  'literal': TextStyle(color: Color(0xff569CD6)),
+  'symbol': TextStyle(color: Color(0xff569CD6)),
+  'name': TextStyle(color: Color(0xff569CD6)),
+  'link': TextStyle(color: Color(0xff569CD6)),
+  'built_in': TextStyle(color: Color(0xff4EC9B0)),
+  'type': TextStyle(color: Color(0xff4EC9B0)),
+  'number': TextStyle(color: Color(0xffB8D7A3)),
+  'class': TextStyle(color: Color(0xffB8D7A3)),
+  'string': TextStyle(color: Color(0xffD69D85)),
+  'meta-string': TextStyle(color: Color(0xffD69D85)),
+  'regexp': TextStyle(color: Color(0xff9A5334)),
+  'template-tag': TextStyle(color: Color(0xff9A5334)),
+  'subst': TextStyle(color: Color(0xffDCDCDC)),
+  'function': TextStyle(color: Color(0xffDCDCDC)),
+  'title': TextStyle(color: Color(0xffDCDCDC)),
+  'params': TextStyle(color: Color(0xffDCDCDC)),
+  'formula': TextStyle(color: Color(0xffDCDCDC)),
+  'comment': TextStyle(color: Color(0xff57A64A), fontStyle: FontStyle.italic),
+  'quote': TextStyle(color: Color(0xff57A64A), fontStyle: FontStyle.italic),
+  'doctag': TextStyle(color: Color(0xff608B4E)),
+  'meta': TextStyle(color: Color(0xff9B9B9B)),
+  'meta-keyword': TextStyle(color: Color(0xff9B9B9B)),
+  'tag': TextStyle(color: Color(0xff9B9B9B)),
+  'variable': TextStyle(color: Color(0xffBD63C5)),
+  'template-variable': TextStyle(color: Color(0xffBD63C5)),
+  'attr': TextStyle(color: Color(0xff9CDCFE)),
+  'attribute': TextStyle(color: Color(0xff9CDCFE)),
+  'builtin-name': TextStyle(color: Color(0xff9CDCFE)),
+  'section': TextStyle(color: Color(0xffffd700)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'bullet': TextStyle(color: Color(0xffD7BA7D)),
+  'selector-tag': TextStyle(color: Color(0xffD7BA7D)),
+  'selector-id': TextStyle(color: Color(0xffD7BA7D)),
+  'selector-class': TextStyle(color: Color(0xffD7BA7D)),
+  'selector-attr': TextStyle(color: Color(0xffD7BA7D)),
+  'selector-pseudo': TextStyle(color: Color(0xffD7BA7D)),
+  'addition': TextStyle(backgroundColor: Color(0xff144212)),
+  'deletion': TextStyle(backgroundColor: Color(0xff660000)),
+};
diff --git a/lib/base/ui/highlight/themes/xcode.dart b/lib/base/ui/highlight/themes/xcode.dart
new file mode 100644
index 0000000..7347784
--- /dev/null
+++ b/lib/base/ui/highlight/themes/xcode.dart
@@ -0,0 +1,44 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const xcodeTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff000000)),
+  'comment': TextStyle(color: Color(0xff007400)),
+  'quote': TextStyle(color: Color(0xff007400)),
+  'tag': TextStyle(color: Color(0xffaa0d91)),
+  'attribute': TextStyle(color: Color(0xffaa0d91)),
+  'keyword': TextStyle(color: Color(0xffaa0d91)),
+  'selector-tag': TextStyle(color: Color(0xffaa0d91)),
+  'literal': TextStyle(color: Color(0xffaa0d91)),
+  'name': TextStyle(color: Color(0xffaa0d91)),
+  'variable': TextStyle(color: Color(0xff3F6E74)),
+  'template-variable': TextStyle(color: Color(0xff3F6E74)),
+  'code': TextStyle(color: Color(0xffc41a16)),
+  'string': TextStyle(color: Color(0xffc41a16)),
+  'meta-string': TextStyle(color: Color(0xffc41a16)),
+  'regexp': TextStyle(color: Color(0xff0E0EFF)),
+  'link': TextStyle(color: Color(0xff0E0EFF)),
+  'title': TextStyle(color: Color(0xff1c00cf)),
+  'symbol': TextStyle(color: Color(0xff1c00cf)),
+  'bullet': TextStyle(color: Color(0xff1c00cf)),
+  'number': TextStyle(color: Color(0xff1c00cf)),
+  'section': TextStyle(color: Color(0xff643820)),
+  'meta': TextStyle(color: Color(0xff643820)),
+  'type': TextStyle(color: Color(0xff5c2699)),
+  'built_in': TextStyle(color: Color(0xff5c2699)),
+  'builtin-name': TextStyle(color: Color(0xff5c2699)),
+  'params': TextStyle(color: Color(0xff5c2699)),
+  'attr': TextStyle(color: Color(0xff836C28)),
+  'subst': TextStyle(color: Color(0xff000000)),
+  'formula': TextStyle(
+      backgroundColor: Color(0xffeeeeee), fontStyle: FontStyle.italic),
+  'addition': TextStyle(backgroundColor: Color(0xffbaeeba)),
+  'deletion': TextStyle(backgroundColor: Color(0xffffc8bd)),
+  'selector-id': TextStyle(color: Color(0xff9b703f)),
+  'selector-class': TextStyle(color: Color(0xff9b703f)),
+  'doctag': TextStyle(fontWeight: FontWeight.bold),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+};
diff --git a/lib/base/ui/highlight/themes/xt256.dart b/lib/base/ui/highlight/themes/xt256.dart
new file mode 100644
index 0000000..b1e948e
--- /dev/null
+++ b/lib/base/ui/highlight/themes/xt256.dart
@@ -0,0 +1,38 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const xt256Theme = {
+  'root':
+      TextStyle(color: Color(0xffeaeaea), backgroundColor: Color(0xff000000)),
+  'subst': TextStyle(color: Color(0xffeaeaea)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+  'builtin-name': TextStyle(color: Color(0xffeaeaea)),
+  'type': TextStyle(color: Color(0xffeaeaea)),
+  'params': TextStyle(color: Color(0xffda0000)),
+  'literal': TextStyle(color: Color(0xffff0000), fontWeight: FontWeight.bold),
+  'number': TextStyle(color: Color(0xffff0000), fontWeight: FontWeight.bold),
+  'name': TextStyle(color: Color(0xffff0000), fontWeight: FontWeight.bold),
+  'comment': TextStyle(color: Color(0xff969896)),
+  'selector-id': TextStyle(color: Color(0xff00ffff)),
+  'quote': TextStyle(color: Color(0xff00ffff)),
+  'template-variable':
+      TextStyle(color: Color(0xff00ffff), fontWeight: FontWeight.bold),
+  'variable': TextStyle(color: Color(0xff00ffff), fontWeight: FontWeight.bold),
+  'title': TextStyle(color: Color(0xff00ffff), fontWeight: FontWeight.bold),
+  'selector-class': TextStyle(color: Color(0xfffff000)),
+  'keyword': TextStyle(color: Color(0xfffff000)),
+  'symbol': TextStyle(color: Color(0xfffff000)),
+  'string': TextStyle(color: Color(0xff00ff00)),
+  'bullet': TextStyle(color: Color(0xff00ff00)),
+  'tag': TextStyle(color: Color(0xff000fff)),
+  'section': TextStyle(color: Color(0xff000fff)),
+  'selector-tag':
+      TextStyle(color: Color(0xff000fff), fontWeight: FontWeight.bold),
+  'attribute': TextStyle(color: Color(0xffff00ff)),
+  'built_in': TextStyle(color: Color(0xffff00ff)),
+  'regexp': TextStyle(color: Color(0xffff00ff)),
+  'link': TextStyle(color: Color(0xffff00ff)),
+  'meta': TextStyle(color: Color(0xffffffff), fontWeight: FontWeight.bold),
+};
diff --git a/lib/base/ui/highlight/themes/zenburn.dart b/lib/base/ui/highlight/themes/zenburn.dart
new file mode 100644
index 0000000..19b0141
--- /dev/null
+++ b/lib/base/ui/highlight/themes/zenburn.dart
@@ -0,0 +1,37 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+import 'package:flutter/painting.dart';
+
+const zenburnTheme = {
+  'root':
+      TextStyle(backgroundColor: Color(0xff3f3f3f), color: Color(0xffdcdcdc)),
+  'keyword': TextStyle(color: Color(0xffe3ceab)),
+  'selector-tag': TextStyle(color: Color(0xffe3ceab)),
+  'tag': TextStyle(color: Color(0xffe3ceab)),
+  'template-tag': TextStyle(color: Color(0xffdcdcdc)),
+  'number': TextStyle(color: Color(0xff8cd0d3)),
+  'variable': TextStyle(color: Color(0xffefdcbc)),
+  'template-variable': TextStyle(color: Color(0xffefdcbc)),
+  'attribute': TextStyle(color: Color(0xffefdcbc)),
+  'literal': TextStyle(color: Color(0xffefefaf)),
+  'subst': TextStyle(color: Color(0xff8f8f8f)),
+  'title': TextStyle(color: Color(0xffefef8f)),
+  'name': TextStyle(color: Color(0xffefef8f)),
+  'selector-id': TextStyle(color: Color(0xffefef8f)),
+  'selector-class': TextStyle(color: Color(0xffefef8f)),
+  'section': TextStyle(color: Color(0xffefef8f)),
+  'type': TextStyle(color: Color(0xffefef8f)),
+  'symbol': TextStyle(color: Color(0xffdca3a3)),
+  'bullet': TextStyle(color: Color(0xffdca3a3)),
+  'link': TextStyle(color: Color(0xffdca3a3)),
+  'deletion': TextStyle(color: Color(0xffcc9393)),
+  'string': TextStyle(color: Color(0xffcc9393)),
+  'built_in': TextStyle(color: Color(0xffcc9393)),
+  'builtin-name': TextStyle(color: Color(0xffcc9393)),
+  'addition': TextStyle(color: Color(0xff7f9f7f)),
+  'comment': TextStyle(color: Color(0xff7f9f7f)),
+  'quote': TextStyle(color: Color(0xff7f9f7f)),
+  'meta': TextStyle(color: Color(0xff7f9f7f)),
+  'emphasis': TextStyle(fontStyle: FontStyle.italic),
+  'strong': TextStyle(fontWeight: FontWeight.bold),
+};
diff --git a/lib/module/config/config_edit_page.dart b/lib/module/config/config_edit_page.dart
index bf47439..0d83e89 100644
--- a/lib/module/config/config_edit_page.dart
+++ b/lib/module/config/config_edit_page.dart
@@ -1,9 +1,11 @@
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:qinglong_app/base/http/api.dart';
 import 'package:qinglong_app/base/http/http.dart';
 import 'package:qinglong_app/base/ql_app_bar.dart';
 import 'package:qinglong_app/base/theme.dart';
+import 'package:qinglong_app/base/ui/highlight/flutter_highlight.dart';
 import 'package:qinglong_app/module/config/config_viewmodel.dart';
 import 'package:qinglong_app/utils/extension.dart';
 
@@ -18,18 +20,33 @@ class ConfigEditPage extends ConsumerStatefulWidget {
 }
 
 class _ConfigEditPageState extends ConsumerState<ConfigEditPage> {
-  late TextEditingController _controller;
-  FocusNode node = FocusNode();
+  String text = "";
+  String pre_text = "";
 
   @override
   void initState() {
-    _controller = TextEditingController(text: widget.content);
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback(
-      (timeStamp) {
-        node.requestFocus();
-      },
-    );
+    text = widget.content;
+    pre_text = widget.content;
+  }
+
+  void replaceText(String oldText, String newText) {
+    pre_text = text;
+
+    if (oldText.isEmpty) {
+      text = text + newText;
+    } else {
+      if (text.contains(oldText)) {
+        text = text.replaceAll(oldText, newText);
+      }
+    }
+    setState(() {});
+  }
+
+  void clearText() {
+    pre_text = text;
+    text = "";
+    setState(() {});
   }
 
   @override
@@ -44,8 +61,7 @@ class _ConfigEditPageState extends ConsumerState<ConfigEditPage> {
         actions: [
           InkWell(
             onTap: () async {
-              HttpResponse<NullResponse> response =
-                  await Api.saveFile(widget.title, _controller.text);
+              HttpResponse<NullResponse> response = await Api.saveFile(widget.title, text);
               if (response.success) {
                 "提交成功".toast();
                 ref.read(configProvider).loadContent(widget.title);
@@ -71,23 +87,232 @@ class _ConfigEditPageState extends ConsumerState<ConfigEditPage> {
           )
         ],
       ),
-      body: Container(
-        padding: const EdgeInsets.only(
-          left: 15,
-          right: 15,
-        ),
-        child: SingleChildScrollView(
-          child: TextField(
-            focusNode: node,
-            style: TextStyle(
-              color: ref.read(themeProvider).themeColor.titleColor(),
-              fontSize: 14,
+      body: Column(
+        children: [
+          Padding(
+            padding: const EdgeInsets.symmetric(
+              vertical: 10,
+            ),
+            child: SizedBox(
+              height: 30,
+              child: ListView(
+                padding: EdgeInsets.symmetric(horizontal: 15,),
+                scrollDirection: Axis.horizontal,
+                children: [
+                  GestureDetector(
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 5,
+                      ),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(5),
+                        border: Border.all(color: ref.watch(themeProvider).primaryColor, width: 1),
+                      ),
+                      child: Text(
+                        "插入",
+                        style: TextStyle(
+                          color: ref.watch(themeProvider).primaryColor,
+                          fontSize: 16,
+                        ),
+                      ),
+                    ),
+                    onTap: () {
+                      edit("插入内容", "", "请输入插入的内容,换行符自己添加");
+                    },
+                    behavior: HitTestBehavior.opaque,
+                  ),
+                  const SizedBox(
+                    width: 15,
+                  ),
+                  GestureDetector(
+                    onTap: () {
+                      edit("替换内容", "原内容", "新内容");
+                    },
+                    behavior: HitTestBehavior.opaque,
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 5,
+                      ),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(5),
+                        border: Border.all(color: ref.watch(themeProvider).primaryColor, width: 1),
+                      ),
+                      child: Text(
+                        "替换",
+                        style: TextStyle(
+                          color: ref.watch(themeProvider).primaryColor,
+                          fontSize: 16,
+                        ),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(
+                    width: 15,
+                  ),
+                  GestureDetector(
+                    onTap: () {
+                      edit("删除内容", "输入要删除的内容", "");
+                    },
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 5,
+                      ),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(5),
+                        border: Border.all(color: ref.watch(themeProvider).primaryColor, width: 1),
+                      ),
+                      child: Text(
+                        "删除",
+                        style: TextStyle(
+                          color: ref.watch(themeProvider).primaryColor,
+                          fontSize: 16,
+                        ),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(
+                    width: 15,
+                  ),
+                  GestureDetector(
+                    onTap: () {
+                      clearText();
+                    },
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 5,
+                      ),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(5),
+                        border: Border.all(color: ref.watch(themeProvider).primaryColor, width: 1),
+                      ),
+                      child: Text(
+                        "清空",
+                        style: TextStyle(
+                          color: ref.watch(themeProvider).primaryColor,
+                          fontSize: 16,
+                        ),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(
+                    width: 15,
+                  ),
+                  GestureDetector(
+                    onTap: () {
+                      text = pre_text;
+                      setState(() {});
+                    },
+                    child: Container(
+                      padding: const EdgeInsets.symmetric(
+                        horizontal: 5,
+                      ),
+                      decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(5),
+                        border: Border.all(color: ref.watch(themeProvider).primaryColor, width: 1),
+                      ),
+                      child: Text(
+                        "撤销本次操作",
+                        style: TextStyle(
+                          color: ref.watch(themeProvider).primaryColor,
+                          fontSize: 16,
+                        ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
             ),
-            controller: _controller,
-            minLines: 1,
-            maxLines: 100,
           ),
+          Expanded(
+            child: SizedBox(
+              width: MediaQuery.of(context).size.width,
+              child: HighlightView(
+                text,
+                language: "sh",
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 15,
+                ),
+                theme: ref.watch(themeProvider).themeColor.codeEditorTheme(),
+                tabSize: 14,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void edit(String title, String oldDesc, String newDesc) {
+    String oldText = "";
+    String newText = "";
+    showCupertinoDialog(
+      context: context,
+      builder: (_) => CupertinoAlertDialog(
+        title: Text(title),
+        content: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            oldDesc.isNotEmpty
+                ? Material(
+                    color: Colors.transparent,
+                    child: TextField(
+                      onChanged: (value) {
+                        oldText = value;
+                      },
+                      maxLines: 3,
+                      minLines: 1,
+                      decoration: InputDecoration(
+                        contentPadding: const EdgeInsets.fromLTRB(0, 5, 0, 5),
+                        hintText: oldDesc,
+                      ),
+                      autofocus: true,
+                    ),
+                  )
+                : const SizedBox.shrink(),
+            newDesc.isNotEmpty
+                ? Material(
+                    color: Colors.transparent,
+                    child: TextField(
+                      onChanged: (value) {
+                        newText = value;
+                      },
+                      maxLines: 3,
+                      minLines: 1,
+                      decoration: InputDecoration(
+                        contentPadding: const EdgeInsets.fromLTRB(0, 5, 0, 5),
+                        hintText: newDesc,
+                      ),
+                      autofocus: true,
+                    ),
+                  )
+                : const SizedBox.shrink(),
+          ],
         ),
+        actions: [
+          CupertinoDialogAction(
+            child: const Text(
+              "取消",
+              style: TextStyle(
+                color: Color(0xff999999),
+              ),
+            ),
+            onPressed: () {
+              Navigator.of(context).pop();
+            },
+          ),
+          CupertinoDialogAction(
+            child: Text(
+              "确定",
+              style: TextStyle(
+                color: ref.watch(themeProvider).primaryColor,
+              ),
+            ),
+            onPressed: () async {
+              Navigator.of(context).pop(true);
+              replaceText(oldText, newText);
+            },
+          ),
+        ],
       ),
     );
   }
diff --git a/lib/module/config/config_page.dart b/lib/module/config/config_page.dart
index 72c6896..dd8e56b 100644
--- a/lib/module/config/config_page.dart
+++ b/lib/module/config/config_page.dart
@@ -1,11 +1,11 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_highlight/flutter_highlight.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:qinglong_app/base/base_state_widget.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
 import 'package:qinglong_app/base/ui/abs_underline_tabindicator.dart';
 import 'package:qinglong_app/base/ui/empty_widget.dart';
+import 'package:qinglong_app/base/ui/highlight/flutter_highlight.dart';
 import 'package:qinglong_app/main.dart';
 
 import 'config_viewmodel.dart';
diff --git a/lib/module/others/scripts/script_detail_page.dart b/lib/module/others/scripts/script_detail_page.dart
index 3460f6c..6b7755b 100644
--- a/lib/module/others/scripts/script_detail_page.dart
+++ b/lib/module/others/scripts/script_detail_page.dart
@@ -1,12 +1,12 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_highlight/flutter_highlight.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:qinglong_app/base/http/api.dart';
 import 'package:qinglong_app/base/http/http.dart';
 import 'package:qinglong_app/base/ql_app_bar.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
+import 'package:qinglong_app/base/ui/highlight/flutter_highlight.dart';
 import 'package:qinglong_app/base/ui/lazy_load_state.dart';
 import 'package:qinglong_app/utils/extension.dart';
 
diff --git a/pubspec.lock b/pubspec.lock
index 4d5f46a..76fd47d 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -265,13 +265,6 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.3"
-  flutter_highlight:
-    dependency: "direct main"
-    description:
-      name: flutter_highlight
-      url: "https://pub.flutter-io.cn"
-    source: hosted
-    version: "0.7.0"
   flutter_launcher_icons:
     dependency: "direct dev"
     description:
@@ -353,7 +346,7 @@ packages:
     source: hosted
     version: "2.1.0"
   highlight:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: highlight
       url: "https://pub.flutter-io.cn"
diff --git a/pubspec.yaml b/pubspec.yaml
index 3032772..53f29a4 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -24,7 +24,7 @@ dependencies:
   logger: ^1.1.0
   intl: ^0.17.0
   get_it: ^7.2.0
-  flutter_highlight: ^0.7.0
+  highlight: ^0.7.0
   drag_and_drop_lists: ^0.3.2+2
   fluttertoast: ^8.0.8
   move_to_background: ^1.0.2