From 726a9fe72dd0383c1a561d55c4e98b502c73eb4e Mon Sep 17 00:00:00 2001
From: XXXJetfireXXX <43646178+XXXJetfireXXX@users.noreply.github.com>
Date: Tue, 8 Mar 2022 09:20:42 +0300
Subject: [PATCH 1/2] Major fix

Kinda fixed the theme: background image, GUI colors, etc... Some problems may still occur however. If the background image doesn't appear - check if the url in .css matches the real image adress (you can find it using dev tools).
---
 miku-hatsune-theme.css | 57 +++++++++++++++++++++++++++++++++---------
 1 file changed, 45 insertions(+), 12 deletions(-)

diff --git a/miku-hatsune-theme.css b/miku-hatsune-theme.css
index b18e10a..43885f0 100644
--- a/miku-hatsune-theme.css
+++ b/miku-hatsune-theme.css
@@ -16,7 +16,7 @@ Stole the demo
   src: url('/custom/fonts/garamond.woff2') format('woff2');
 }
 
-body.theme-miku-hatsune:before {
+body {
 content: '';
 z-index: -100;
 position: absolute;
@@ -24,12 +24,46 @@ left: 0;
 right: 0;
 top: 0;
 bottom: 0;
--webkit-filter: blur(3px);
-background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.9)), url('/custom/image/miku-hatsune.jpg') no-repeat;
+background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.9)), url('../../../api/images/0WIyLHN7agH2/miku-hatsune.jpg') no-repeat;
 background-size: cover;
+    -webkit-filter: blur(0px);
 }
 
-body.theme-miku-hatsune {
+:root {
+--theme-style: dark;
+
+--tooltip-background-color: #222;
+    
+--menu-text-color: white;
+--menu-background-color: #222;
+    
+--hover-item-text-color: black;
+--hover-item-background-color: #777;
+
+--button-background-color: transparent!important;
+--button-disabled-background-color: transparent!important;
+--button-border-color: #ccc;
+--button-text-color: currentColor;
+--button-border-radius: 5px;
+
+--primary-button-background-color: transparent;
+--primary-button-text-color: white;
+--primary-button-border-color: #999;    
+
+--inactive-tab-background-color: #111;
+--inactive-tab-hover-background-color: #222;
+--inactive-tab-text-color: #4588B3;
+
+--active-tab-background-color: #222;
+--active-tab-hover-background-color: #333;
+--active-tab-text-color: #54A5D8;
+
+--left-pane-background-color: transparent;
+--left-pane-text-color: --blue;
+
+--launcher-pane-background-color: transparent;
+--launcher-pane-text-color: --blue;
+
 --main-font-family: 'Raleway' !important;
 --tree-font-family: inherit;
 --detail-font-family: inherit;
@@ -54,17 +88,16 @@ body.theme-miku-hatsune {
 --active-item-background-color: #0f0f0fCC;
 --modal-background-color: #0f0f0fCC;
 --muted-text-color: (--main-text-color);
-/* Need to work on this
---hover-item-background-color: ;
-    
-    theres shit that when hovering over looks shit. ALSO POPUPS
-*/
 }
 
-body.theme-miku-hatsune .note-detail-text {
+body .global-menu-button {
+    background-image: url("../../../images/icon-grey.png");
+}
+
+body .note-detail-text {
     font-size: 120%; /* Garamond is subjectively smaller */
 }
 
-body.theme-miku-hatsune .CodeMirror {
+body .CodeMirror {
     filter: invert(100%) hue-rotate(180deg);
-}
+}
\ No newline at end of file

From 6be525054b930bd54d32878cee9d6c78f66163dd Mon Sep 17 00:00:00 2001
From: XXXJetfireXXX <43646178+XXXJetfireXXX@users.noreply.github.com>
Date: Tue, 8 Mar 2022 09:48:15 +0300
Subject: [PATCH 2/2] Added blur

nvm I figured it out x)
---
 miku-hatsune-theme.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/miku-hatsune-theme.css b/miku-hatsune-theme.css
index 43885f0..bdb4284 100644
--- a/miku-hatsune-theme.css
+++ b/miku-hatsune-theme.css
@@ -26,7 +26,7 @@ top: 0;
 bottom: 0;
 background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.9)), url('../../../api/images/0WIyLHN7agH2/miku-hatsune.jpg') no-repeat;
 background-size: cover;
-    -webkit-filter: blur(0px);
+backdrop-filter: blur(3px);
 }
 
 :root {