css file arrangement

Author: wang0618

pywebio/html/codemirror/base16-light.min.css

@@ -89,6 +89,11 @@
     white-space: nowrap;
 }
 
+/* Amend markdown style */
+.markdown-body {
+    font-family: inherit;
+    color: inherit;
+}
 .markdown-body blockquote, .markdown-body dl, .markdown-body ol, .markdown-body p, .markdown-body pre, .markdown-body table, .markdown-body ul, .markdown-body details {
     margin-bottom: 10px;
 }

pywebio/html/css/app.css

@@ -8,14 +8,13 @@
     <link rel="icon" type="image/png" sizes="32x32" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwklEQVQ4T63TvU5CQRCG4WcwMfEuqOgNtQ2Nd4CxV2LHtVhJ0N7AHdjQUBtrrLwLA4ks2Rx+/Qucw3Y78807M7sz4ft5dq6mI7RQX7o/JCNzfdfetkNifRk6k9wLN9jYdxMkyZPQ1faZXYUwB/OCix8V/W4Y4zJDCsBAX7jdM7iQJY+udELu+cTrP2X/xU2+NMPAg3B3UPaVOOmFoQkapQC8Z8AUpyUBs6MAKrZQ+RErf2PlQTrKKK8gpZdpewgOXOcFTTxEjYwMoIkAAAAASUVORK5CYII=" id="favicon32">
     <link rel="icon" type="image/png" sizes="16x16" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABmUlEQVRYR82XK0wDQRCGv21TUUUJGBwGDBggGCSGBIcAWnBAgsNAgkKhSMDgCA8HtEXgSDBIDC9DDRgcpoSiKo52yea49DiutMttsz27M/98N7s7OyNo9tujgxSTwDiCIaAXSH27l4AXJA/AFSUuWOajGWnR0ChLP3HWkWSAZEN716CM4JQKW6R5+sunPkCeJJJNBCtAosnAQTMHyS6CDWYoh2mEAxzTR4JzYOCfgYNuBRymmOc5uPAbIMswMS6BbkPBPZkiVSZIc+/X/Qng/vl1C4LXIBzG/JmoAag9hxuDaa+XwAIw6p2JGkCObQSrhtMeLifZYZY1tegCqKsW4zHCadfldqgyqK6oC3DGIZIFXZVI9oIjplkUqArXyatGkYkU1+dc5p0eQY4MghNTqlo6kjkFsI9gScvRlLHkQJDnFhgxpampc6cAikCXpqMp8zcF8AnETSlq6lTaAsD6Flg+hNavofVCZL0UW3+M2uI5VhBWGxIFYL0lUxBWm1KviFttyz0Iq4OJB2F1NPO/qdaG0+DD3qLx/AuMVJFhmC8dSgAAAABJRU5ErkJggg==" id="favicon16">
     <link rel="stylesheet" href="{{ base_url }}css/markdown.min.css">
+    <link rel="stylesheet" href="{{ base_url }}css/codemirror.min.css">
+    <link rel="stylesheet" href="{{ base_url }}css/toastify.min.css">
     {% if bootstrap_css %}
     <link rel="stylesheet" href="{{ bootstrap_css }}">
     {% else %}
     <link rel="stylesheet" href="{{ base_url }}css/bootstrap.min.css">
     {% end %}
-    <link rel="stylesheet" href="{{ base_url }}css/codemirror.min.css">
-    <link rel="stylesheet" href="{{ base_url }}codemirror/base16-light.min.css">
-    <link rel="stylesheet" href="{{ base_url }}css/toastify.min.css">
     <link rel="stylesheet" href="{{ base_url }}css/app.css">
     {% for css in css_file %}
         {% if css %}<link rel="stylesheet" href="{{ css }}">{% end %}

pywebio/html/css/codemirror.min.css

@@ -40,7 +40,6 @@
         # installed) and in MANIFEST.in (which determines what gets included
         # in the sdist tarball)
         "pywebio": [
-            "html/codemirror/base16-light.min.css",
             "html/codemirror/active-line.js",
             "html/codemirror/matchbrackets.js",
             "html/codemirror/loadmode.js",

pywebio/platform/tpl/index.html

@@ -18,7 +18,6 @@ export class Textarea extends InputItem {
 
     private code_mirror: any = null;
     private code_mirror_config: { [name: string]: any } = {
-        'theme': 'base16-light',
         'lineNumbers': true,  // 显示行数
         'indentUnit': 4,  //缩进单位为4
         'styleActiveLine': true,  // 当前行背景高亮