diff --git a/examples/worf-warden/Readme.md b/examples/worf-warden/Readme.md
index b383f57..876e8a7 100644
--- a/examples/worf-warden/Readme.md
+++ b/examples/worf-warden/Readme.md
@@ -1,12 +1,11 @@
 # Worf Warden
 
 Simple password manager build upon these additional tools aside worf
-* [rbw](https://github.com/doy/rbw)
-  * TOTP needs [this PR ](https://github.com/doy/rbw/pull/247) 
+* [rbw](https://github.com/doy/rbw) 
   * [pinentry](https://www.gnupg.org/related_software/pinentry/index.en.html) is required to show a dialog show password entry 
   * As worf warden 
 * [ydotool](https://github.com/ReimuNotMoe/ydotool)
 
 The idea it taken from https://github.com/mattydebie/bitwarden-rofi/blob/master/bwmenu
 
-<img src="images/worf-warden.png">
+![example](../images/worf-warden.png)
diff --git a/styles/DarkBlue/example.png b/styles/DarkBlue/example.png
index 872244f..9d8838b 100644
Binary files a/styles/DarkBlue/example.png and b/styles/DarkBlue/example.png differ
diff --git a/styles/DarkBlue/style.css b/styles/DarkBlue/style.css
index 2a6ade6..6f541c5 100644
--- a/styles/DarkBlue/style.css
+++ b/styles/DarkBlue/style.css
@@ -1,15 +1,3 @@
-:root {
-  --md-primary-dark: rgba(39, 37, 164, 0.5);
-  --md-on-primary: rgba(255, 255, 255, 1);
-  --md-surface: rgba(18, 18, 18, 1);
-  --md-surface-variant: rgba(26, 26, 26, 0.5);
-  --md-outline: rgba(39, 37, 164, 1);
-  --md-hover: rgba(56, 56, 56, 0.7);
-  --md-entry-bg: rgba(38, 38, 38, 0.3);
-  --md-label-bg: rgba(42, 42, 42, 0.5);
-}
-
-
 * {
   font-family: "Inter", "Segoe UI", sans-serif;
   transition: all 250ms ease;
@@ -19,18 +7,18 @@
 }
 
 body {
-  background-color: var(--md-surface);
+  background-color: rgba(18, 18, 18, 1);
   margin: 0;
   padding: 0;
 }
 
 #background {
-  background-color: var(--md-surface-variant);
+  background-color: rgba(26, 26, 26, 0.5);
 }
 
 #window {
   all: unset;
-  background-color:  rgba(0, 0, 0, 0.7);
+  background-color: rgba(0, 0, 0, 0.5);
   border-radius: 16px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
   padding: 1rem;
@@ -43,9 +31,9 @@ body {
 }
 
 #window #outer-box #input {
-  background-color: var(--md-label-bg);
+  background-color: rgba(42, 42, 42, 0.5);
   color: #f0f0f0;
-  border: 1px solid var(--md-outline);
+  border: 3px solid  rgb(26, 35, 126);
   border-radius: 10px;
   padding: 0.75rem 1rem;
   margin-bottom: 1rem;
@@ -57,20 +45,20 @@ body {
 #window #outer-box #input:focus-visible,
 #window #outer-box #input:active {
   background-color: #2d2d2d;
-  border: 1px solid var(--md-primary-dark);
-  box-shadow: 0 0 0 3px var(--md-focus);
+  border: 1px solid rgba(26, 35, 126, 1);
+  box-shadow: 0 0 0 3px rgba(26, 35, 126, 1);
   outline: none;
 }
 
 #window #outer-box #scroll {
-  border-top: 1px solid var(--md-outline);
+  border-top: 1px solid rgb(26, 35, 126);
   padding-top: 0.5rem;
   margin-top: 0.5rem;
 }
 
 #window #outer-box #scroll #inner-box #entry {
   color: #f5f5f5;
-  background-color: var(--md-entry-bg);
+  background-color: rgba(38, 38, 38, 0.3);
   padding: 0.7rem 1rem;
   border-radius: 8px;
   margin-bottom: 0.4rem;
@@ -81,12 +69,13 @@ body {
 }
 
 #window #outer-box #scroll #inner-box #entry:hover {
-  background-color: var(--md-hover);
+  background-color: rgba(56, 56, 56, 0.7);
 }
 
 #window #outer-box #scroll #inner-box #entry:selected {
-  background-color: var(--md-primary-dark);
-  color: var(--md-on-primary);
+  background-color: rgba(26, 35, 126, 1);
+  color: rgba(255, 255, 255, 1);
+  outline: none;
 }
 
 #window #outer-box #scroll #inner-box #entry #img {
@@ -102,7 +91,7 @@ body {
 }
 
 #custom-key-label-box {
-  background-color: var(--md-label-bg);
+  background-color: rgba(42, 42, 42, 0.5);
   border-radius: 8px;
   padding: 0.5em 1em;
   margin: 0.5em 0 0.5em 0.5em;
@@ -117,4 +106,4 @@ body {
   margin-left: 0.75em;
   opacity: 0.6;
   font-size: 0.95rem;
-}
+}
\ No newline at end of file