Merge pull request #136 from Laravel-Lang/5.x

[docs]: Improved styles

docs/.vuepress/config.js

@@ -4,6 +4,8 @@ import {defaultTheme, viteBundler} from 'vuepress'
 import {docsearchPlugin} from '@vuepress/plugin-docsearch'
 import {containerPlugin} from '@vuepress/plugin-container'
 import {githubLinkifyPlugin} from 'vuepress-plugin-github-linkify'
+import {copyCodePlugin} from "vuepress-plugin-copy-code2";
+import {prismjsPlugin} from '@vuepress/plugin-prismjs'
 
 dotenv.config()
 
@@ -179,6 +181,11 @@ module.exports = {
 
         githubLinkifyPlugin({
             repo: 'Laravel-Lang/common'
+        }),
+
+        copyCodePlugin(),
+        prismjsPlugin({
+            preloadLanguages: ['markdown', 'yaml', 'php', 'shell', 'bash']
         })
     ]
 }

docs/.vuepress/styles/_tables.scss

@@ -0,0 +1,10 @@
+@charset "UTF-8";
+
+table {
+    display: table;
+    width: 100%;
+
+    thead {
+      background: var(--c-bg-light);
+    }
+}

docs/.vuepress/styles/index.scss

@@ -1,6 +1,7 @@
 @charset "UTF-8";
 
 @import "fonts";
+@import "tables";
 
 :root {
     --content-width: 75%;
@@ -23,6 +24,13 @@
     }
 }
 
+html.dark {
+    --c-brand: #0e98d7;
+    --c-brand-light: #0e98d7;
+
+    --c-tip: var(--c-brand);
+}
+
 .code-group {
     &__nav-tab {
         font-family: Nunito, system-ui, sans-serif;

package.json

@@ -24,10 +24,12 @@
         "docs"
     ],
     "devDependencies": {
-        "@vuepress/plugin-container": "2.0.0-beta.67",
-        "@vuepress/plugin-docsearch": "2.0.0-beta.67",
+        "@vuepress/plugin-container": "2.0.0-beta.68",
+        "@vuepress/plugin-docsearch": "2.0.0-beta.68",
+        "@vuepress/plugin-prismjs": "^2.0.0-beta.68",
         "dotenv": "^16.3.1",
-        "vuepress": "2.0.0-beta.67",
+        "vuepress": "2.0.0-beta.68",
+        "vuepress-plugin-copy-code2": "^2.0.0-beta.250",
         "vuepress-plugin-github-linkify": "^1.2.3"
     },
     "engines": {