From f6321b802efb71ace29327ff4ed86c86de938fed Mon Sep 17 00:00:00 2001
From: XLor <yjl9903@vip.qq.com>
Date: Thu, 25 Jan 2024 00:20:31 +0800
Subject: [PATCH] feat: selection color

---
 layouts/default.vue | 39 +++++++++++++++++++++++++++++++++++++++
 pages/index.vue     |  2 +-
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 44d4a9d..fd81cc4 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -7,3 +7,42 @@
     </main>
   </div>
 </template>
+
+<style>
+/* Global variables */
+:root {
+  --c-selection-color: inherit;
+  --c-selection-bg: #cce2ff;
+  --c-input-selection-color: rgba(0, 0, 0, 0.87);
+  --c-input-selection-bg: #cce2ff;
+}
+
+/* selection */
+::-webkit-selection {
+  color: var(--c-selection-color);
+  background-color: var(--c-selection-bg);
+}
+::-moz-selection {
+  color: var(--c-selection-color);
+  background-color: var(--c-selection-bg);
+}
+::selection {
+  color: var(--c-selection-color);
+  background-color: var(--c-selection-bg);
+}
+input::-webkit-selection,
+textarea::-webkit-selection {
+  color: var(--c-input-selection-color);
+  background-color: var(--c-input-selection-bg);
+}
+input::-moz-selection,
+textarea::-moz-selection {
+  color: var(--c-input-selection-color);
+  background-color: var(--c-input-selection-bg);
+}
+input::selection,
+textarea::selection {
+  color: var(--c-input-selection-color);
+  background-color: var(--c-input-selection-bg);
+}
+</style>
diff --git a/pages/index.vue b/pages/index.vue
index e66e3d6..acb161f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -35,7 +35,7 @@ if (route.query.q) {
 
 <template>
   <div class="main">
-    <div class="mt-10">
+    <div class="mt-10 select-none">
       <span class="text-4xl font-bold">Get Bonus</span>
     </div>
     <div class="mt-8 flex gap-4">