Browse Source

Add diff syntax syntax highlighting to docs (#3771)

Felipe Marcos 6 years ago
parent
commit
ac2aef2b34
1 changed files with 16 additions and 0 deletions
  1. 16
    0
      docs/index.html

+ 16
- 0
docs/index.html View File

11
   <link rel="icon" href="_images/favicon.ico" type="image/x-icon">
11
   <link rel="icon" href="_images/favicon.ico" type="image/x-icon">
12
   <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
12
   <link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
13
   <link rel="stylesheet" href="//unpkg.com/docsify-copy-code/styles.css">
13
   <link rel="stylesheet" href="//unpkg.com/docsify-copy-code/styles.css">
14
+
15
+  <style>
16
+    /* diff syntax highlighting */
17
+    .token.inserted {
18
+      color: #42b983;
19
+      background-color: #f0fff4;
20
+      border-bottom: none;
21
+    }
22
+
23
+    .token.deleted {
24
+      color: #f66;
25
+      background-color: #ffeef0;
26
+      text-decoration: none;
27
+    }
28
+  </style>
14
 </head>
29
 </head>
15
 
30
 
16
 <body>
31
 <body>
41
   <script src="//unpkg.com/prismjs/components/prism-java.min.js"></script>
56
   <script src="//unpkg.com/prismjs/components/prism-java.min.js"></script>
42
   <script src="//unpkg.com/prismjs/components/prism-c.min.js"></script>
57
   <script src="//unpkg.com/prismjs/components/prism-c.min.js"></script>
43
   <script src="//unpkg.com/prismjs/components/prism-objectivec.min.js"></script>
58
   <script src="//unpkg.com/prismjs/components/prism-objectivec.min.js"></script>
59
+  <script src="//unpkg.com/prismjs/components/prism-diff.min.js"></script>
44
 
60
 
45
   <!-- this allows us to re-run docs even when offline -->
61
   <!-- this allows us to re-run docs even when offline -->
46
   <script>
62
   <script>