diff --git a/src/assets/ba-left.png b/src/assets/ba-left.png
new file mode 100644
index 0000000..21f74f5
Binary files /dev/null and b/src/assets/ba-left.png differ
diff --git a/src/assets/bg-header.png b/src/assets/bg-header.png
new file mode 100644
index 0000000..417204f
Binary files /dev/null and b/src/assets/bg-header.png differ
diff --git a/src/assets/bg-sidemenu.png b/src/assets/bg-sidemenu.png
new file mode 100644
index 0000000..f7cca70
Binary files /dev/null and b/src/assets/bg-sidemenu.png differ
diff --git a/src/assets/bg.png b/src/assets/bg.png
index 685ddd7..4249a3c 100644
Binary files a/src/assets/bg.png and b/src/assets/bg.png differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
index 9b878d7..61d822e 100644
Binary files a/src/assets/logo.png and b/src/assets/logo.png differ
diff --git a/src/components/page/GlobalLayout.vue b/src/components/page/GlobalLayout.vue
index ed1c735..52b3fe0 100644
--- a/src/components/page/GlobalLayout.vue
+++ b/src/components/page/GlobalLayout.vue
@@ -207,7 +207,8 @@ body {
   background-size: cover;
 
   .sider.light {
-    background-color: transparent;
+    background-image: url("~@assets/bg-sidemenu.png");
+    background-color: white;
 
     ul.ant-menu,
     .ant-menu-submenu > .ant-menu {
@@ -219,7 +220,8 @@ body {
   }
 
   .ant-layout-header, .header.light {
-    background-color: transparent;
+    background-image: url("~@assets/bg-header.png");
+    background-color: white;
   }
   .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after {
     content: none;