From 809bb43ff8e205b957334b8b434b52f555137157 Mon Sep 17 00:00:00 2001
From: Robinson Arysseril <72635727+death7654@users.noreply.github.com>
Date: Sun, 15 Sep 2024 12:17:37 +0530
Subject: [PATCH] Update Darkmode

-Improves visuals
-Improves contrast
-Update 'Chrultrabook-Controller' app name to 'Chrultrabook-Tools'
---
 src/.vuepress/styles/index.scss     | 66 ++++++++++++++++++-----------
 src/docs/installing/post-install.md |  2 +-
 supported-devices/template.md       |  6 +--
 3 files changed, 46 insertions(+), 28 deletions(-)

diff --git a/src/.vuepress/styles/index.scss b/src/.vuepress/styles/index.scss
index 359e7f6c..53aee614 100644
--- a/src/.vuepress/styles/index.scss
+++ b/src/.vuepress/styles/index.scss
@@ -18,46 +18,49 @@
 :root {
   scroll-behavior: smooth;
   --back-to-top-z-index: 5;
-  --back-to-top-color: #3056d5;
-  --back-to-top-color-hover: #3056d5;
 
-  --c-brand: #3D50F5;
-  --c-brand-light: #4e5ff8;
-  --c-tip: #45d48c;
-  --c-nav: #F6F7F9;
+  --c-brand: #8e70e0;
+  --c-brand-light: #273ae7;
   --c-header: #000;
-  --c-text: #353841;
+  --c-text: #1b1d21;
+  --c-tip: #45d48c;
+  --c-tip-bg: rgba(0, 255, 128, 0.317);
+
+  --c-text-accent:#5e54e7; //link colors
+  --border: #343333;
+
+  --c-bg-light:#cad8ff; //code snips
+  --c-placeholder: #2f2e2e;
 }
 
 
 html.dark {
-  --c-brand: #B3C7FF; //changes accent color
-  --c-brand-light: #778bc2; //get started button hover
+  --c-brand: rgb(158, 158, 216); //changes accent color
+  --c-border: #25262c; //track color
+  --c-brand-light: #ccd5ee; //get started button hover
   --c-tip: #30d56f; //tip bubble color
   --c-bg:  #17181C;//dark mode background
-  --c-nav:#23262F;
-  --c-header: #fff;
-  --c-text: #BCC0C8;
-}
-.sidebar::-webkit-scrollbar {
-  width: 0%;
-  height: 0%;
+  --c-text-accent: #67D6ED; //accent in nav
+  --c-text: #e2e2e2; //text for everything including nav
+  --c-tip-bg: rgb(29, 70, 42);
+  --border: #525252;
+  --c-danger-bg: #45060dbe;
+
+  --c-search: #282828;
+  --c-placeholder: #a7a4a4;
 }
-.navbar{
-  background-color: var(--c-nav);
-  border: none;
+
+.navbar-item
+{
+  font-size: 1rem;
 }
+
 .sidebar{
-  background-color: var(--c-nav);
   font-size: 14px;
   border: none;
   margin-top: 1px;
 }
 
-.header-anchor{
-  color: var(--c-header);
-}
-
 .header-anchor p{
   color: var(--c-text);
 }
@@ -84,3 +87,18 @@ html.dark {
 div.theme-default-content:not(.custom), footer.page-meta:not(.custom), nav.page-nav:not(.custom) {
   max-width: 1800px;
 }
+
+.deviceSearch
+{
+  all: unset;
+  background-color: var(--c-search);
+  border-radius: 5px;
+  border: var(--border) solid 1.5px;
+  padding-left: 10px;
+  width: 18rem;
+
+}
+.deviceSearch::placeholder
+{
+  color: var(--c-placeholder);
+}
diff --git a/src/docs/installing/post-install.md b/src/docs/installing/post-install.md
index b0ae8583..f2c90b1a 100644
--- a/src/docs/installing/post-install.md
+++ b/src/docs/installing/post-install.md
@@ -5,7 +5,7 @@ next: false
 # Post Install
 
 ::: tip
-Install [Chrultrabook Controller](https://github.com/death7654/Chrultrabook-Controller/releases) for fan controls, keyboard backlight controls, system information and more.
+Install [Chrultrabook Tools](https://github.com/death7654/Chrultrabook-Tools/releases) for fan controls, keyboard backlight controls, system information and more.
 :::
 
 ## Windows
diff --git a/supported-devices/template.md b/supported-devices/template.md
index 27e8d2b6..bd3b504d 100644
--- a/supported-devices/template.md
+++ b/supported-devices/template.md
@@ -36,12 +36,12 @@ If your device isn't listed, it doesn't have support.
 :::
 
 ::: tip
-If you're on a smaller screen, scroll sideways to see whole table.
+If you are on a smaller screen, scroll sideways to see whole table.
 :::
 
 <AddScript script-url="../../supported-devices.js"/>
-<p>Search: <input type="text" class="deviceSearch"></p>
-
+<p>
+<input type="text" class="deviceSearch" placeholder="Enter Your Boardname Or Device Name"></p>
 <div class="deviceTable">
 ${{TABLE}}
 </div>