dwt docs - ts/js code style update

Author: Jenny-Jiani

_includes/head.html

@@ -110,6 +110,9 @@
     <script type="text/javascript" src="{{ assetsPath }}/js/docs/index-banner-two.min.js?v={{ 'now' | date: "%s"}}"></script>
     <script type="text/javascript" src="{{ assetsPath }}/js/docs/historymanage-two.min.js?v={{ 'now' | date: "%s"}}"></script>
     <script type="text/javascript" src="{{ site.assets }}js/setLatestVersion.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs/themes/prism.css" />
+    <script src="https://cdn.jsdelivr.net/npm/prismjs/prism.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-typescript.min.js"></script>
     {%- else -%}
     <script type="text/javascript" src="{{ site.assets }}js/docsLangLatestVersion.js?v={{ 'now' | date: "%s"}}"></script>
     <script type="text/javascript" src="{{ assetsPath }}/js/docs/index-banner.min.js?v={{ 'now' | date: "%s"}}"></script>

_layouts/default-layout.html

@@ -146,6 +146,11 @@
     </script>
 
     {%- if site.useVersionTreeV2 -%}
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            transformRougeToPrism();
+        });
+    </script>
     <script>
         var highlightMenu = "{{page.highlightMenu}}";
         anchors.add();

assets/css/dm-style.css

@@ -6536,9 +6536,10 @@ pre {
 .markdown-body pre {
   padding: 16px;
   overflow: auto;
-  font-size: 85%;
+  font-size: 14px !important;
   line-height: 1.45;
-  background-color: #f6f8fa;
+  background-color: #f6f8fa !important;
+  padding: 25px 16px 25px !important;
   border-radius: 3px
 }