diff --git a/disk_bg.jpg b/disk_bg.jpg
new file mode 100644
index 0000000..f0f724b
Binary files /dev/null and b/disk_bg.jpg differ
diff --git a/hk_style.css b/hk_style.css
index d50c457..0597039 100644
--- a/hk_style.css
+++ b/hk_style.css
@@ -37,14 +37,16 @@
   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);
 }
 /* files */
-#listing .item{
+#listing .item,.action{
+  transition: 0.4s;
   border-radius: 1rem !important;;
+  background: rgba(255,255,255,0.9);
 }
-#listing .item:hover{
-  background-color: rgb(248,249,250);
+#listing .item:hover,.action:hover{
+  background-color: rgba(248,249,250,0.85);
 }
 #listing .item[aria-selected="true"]{
-  background-color: #0d6efd !important;
+  background-color: rgba(13, 110, 253,0.95) !important;
   color: white !important;
 }
 #listing .item[aria-selected="true"] .material-icons{
@@ -71,16 +73,17 @@
   background-color: rgba(0,0,0,0.01);
 }
 .dashboard .wrapper .router-link-active li{
-  background-color: rgb(10,88,202) !important;
+  background-color: rgba(10,88,202,0.5) !important;
 }
 .dashboard #nav ul li{
-  background-color: rgb(13,110,253);
+  transition: 0.5s;
+  background-color: rgba(13,110,253,0.5);
 }
 .dashboard #nav ul li:hover{
-  background-color: #0b5ed7;
+  background-color: rgba(11, 94, 215,0.5);
 }
 .dashboard .wrapper .router-link-active:hover{
-  background-color: rgb(11,94,215);
+  background-color: rgba(11,94,215,0.5);
 }
 .dashboard #nav ul li{
   padding: 1.5em;
@@ -89,11 +92,21 @@
   color: white !important;;
   /*! font-size: 13px; */
 }
+.overlay{
+  /*! filter: brightness(50%); */
+}
 /* share */
 .share__box__info .button--flat{
   border-radius: 8px;
 }
-
-
-
+/* beauty */
+header{
+  background-color: rgba(0,0,0,0);
+}
+body{
+  background: black;
+}
+.column .card{
+  background-color: rgba(255, 255, 255, 0.8);
+}