From 81888a7f94496753958cfbab5548fd113f022016 Mon Sep 17 00:00:00 2001
From: Andrey Helldar <helldar@dragon-code.pro>
Date: Tue, 14 Nov 2023 13:35:17 +0300
Subject: [PATCH] [docs]: Improved styles

---
 docs/.vuepress/config.js           |  7 +++++++
 docs/.vuepress/styles/_tables.scss | 10 ++++++++++
 docs/.vuepress/styles/index.scss   |  8 ++++++++
 package.json                       |  8 +++++---
 4 files changed, 30 insertions(+), 3 deletions(-)
 create mode 100644 docs/.vuepress/styles/_tables.scss

diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index f1aed0c6f..69f13558a 100644
--- a/docs/.vuepress/config.js
+++ b/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']
         })
     ]
 }
diff --git a/docs/.vuepress/styles/_tables.scss b/docs/.vuepress/styles/_tables.scss
new file mode 100644
index 000000000..fa5e8a687
--- /dev/null
+++ b/docs/.vuepress/styles/_tables.scss
@@ -0,0 +1,10 @@
+@charset "UTF-8";
+
+table {
+    display: table;
+    width: 100%;
+  
+    thead {
+      background: var(--c-bg-light);
+    }
+}
diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index 7f0317abc..0c1bcd6a5 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/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;
diff --git a/package.json b/package.json
index c26d87542..1412160d0 100644
--- a/package.json
+++ b/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": {