fixes #253

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/HtmlNormalizer.cs

@@ -27,7 +27,7 @@ namespace Volo.Docs.Pages.Documents.Project
 
         public static string ReplaceCodeBlocksLanguage(string content, string currentLanguage, string newLanguage)
         {
-            return content?.Replace("<code class=\"" + currentLanguage + "\">", "<code class=\"" + newLanguage + "\">");
+            return Regex.Replace(content, "<code class=\"" + currentLanguage + "\">", "<code class=\"" + newLanguage + "\">", RegexOptions.IgnoreCase);
         }
 
     }

modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.css

@@ -73,7 +73,7 @@
 #docsContainer main.bd-content .img-thumbnail {
   padding: 0;
   border: 1px solid #dee2e6;
-  border-radius: .25rem;
+  border-radius: 0.25rem;
 }
 #docsContainer main.bd-content img {
   max-width: 100%;
@@ -85,7 +85,7 @@
   background-position: center;
   -ms-background-position: center;
   border: 1px solid #dee2e6;
-  border-radius: .25rem;
+  border-radius: 0.25rem;
   opacity: 0.4;
   -webkit-transition: opacity 0.4s ease-in;
   -moz-transition: opacity 0.4s ease-in;
@@ -150,7 +150,7 @@
 #docsContainer nav.bd-links ul li a {
   word-wrap: break-word;
   display: block;
-  padding: .20rem 0.1rem .20rem 1.0rem;
+  padding: 0.2rem 0.1rem 0.2rem 1rem;
   font-size: 90%;
   color: #28c;
 }

modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.css

@@ -7,9 +7,10 @@
     transition: all .25s linear; }
   .docs-page *:hover > .anchorjs-link {
     margin-left: -1.125em !important;
-    transition: color .25s linear; }
+    transition: color .25s linear;
+    color: gray; }
   .docs-page .anchorjs-link:hover {
-    color: #2500AD;
+    color: #007bff;
     text-decoration: none; }
   .docs-page .docs-sidebar {
     background: #f5f7f9;
@@ -416,3 +417,9 @@ pre .token.atrule, pre .token.attr-value, pre .token.function, pre .token.class-
 
 :not(pre) > code[class*="language-"], pre[class*="language-"] {
   background: #191919 !important; }
+
+div.code-toolbar > .toolbar span {
+  cursor: default; }
+
+div.code-toolbar > .toolbar a {
+  cursor: copy; }

modules/docs/src/Volo.Docs.Web/Pages/Documents/_docs.scss

@@ -11,10 +11,11 @@ body {
     *:hover > .anchorjs-link {
         margin-left: -1.125em !important;
         transition: color .25s linear;
+        color: gray;
     }
 
     .anchorjs-link:hover {
-        color: #2500AD;
+        color: #007bff;
         text-decoration: none;
     }
 
@@ -135,7 +136,7 @@ body {
                         }
 
                         span.tree-toggle {
-                            color: #999; 
+                            color: #999;
                             padding: 7px 0;
                             display: block;
                             border-bottom: 1px solid #eeeff3;
@@ -697,4 +698,13 @@ pre {
 }
 :not(pre) > code[class*="language-"], pre[class*="language-"] {
     background: #191919 !important;
+}
+
+
+div.code-toolbar > .toolbar span {
+    cursor: default;
+}
+
+div.code-toolbar > .toolbar a {
+    cursor: copy;
 }

modules/docs/src/Volo.Docs.Web/Pages/Documents/vs.css

@@ -7,9 +7,10 @@
     transition: all .25s linear; }
   .docs-page *:hover > .anchorjs-link {
     margin-left: -1.125em !important;
-    transition: color .25s linear; }
+    transition: color .25s linear;
+    color: gray; }
   .docs-page .anchorjs-link:hover {
-    color: #2500AD;
+    color: #007bff;
     text-decoration: none; }
   .docs-page .docs-sidebar {
     background: #f5f7f9;
@@ -417,6 +418,12 @@ pre .token.atrule, pre .token.attr-value, pre .token.function, pre .token.class-
 :not(pre) > code[class*="language-"], pre[class*="language-"] {
   background: #191919 !important; }
 
+div.code-toolbar > .toolbar span {
+  cursor: default; }
+
+div.code-toolbar > .toolbar a {
+  cursor: copy; }
+
 @media (max-width: 767px) {
   body {
     font-size: 14px; }