diff --git a/nwg-drawer/drawer.css b/nwg-drawer/drawer.css
new file mode 100644
index 0000000..90fa949
--- /dev/null
+++ b/nwg-drawer/drawer.css
@@ -0,0 +1,43 @@
+@import url("machiatto.css");
+
+window {
+  background-color: shade(@base, 0.9);
+  color: #eeeeee;
+}
+
+/* search entry */
+entry {
+  box-shadow: 0 0 6px 5px #2e3440;
+  background-color: rgba (0, 0, 0, 0.2);
+}
+
+button,
+image {
+  background: none;
+  border: none;
+  margin: 4px;
+}
+
+button:hover {
+  background-color: rgba (255, 255, 255, 0.1);
+}
+
+button:focus {
+  background-color: #5e81ac;
+}
+
+/* in case you wanted to give category buttons a different look */
+#category-button {
+  margin: 0 10px 0 10px;
+}
+
+#pinned-box {
+  padding-bottom: 5px;
+  border-bottom: 1px dotted gray;
+}
+
+#files-box {
+  padding: 5px;
+  border: 1px dotted gray;
+  border-radius: 15px;
+}
diff --git a/nwg-drawer/machiatto.css b/nwg-drawer/machiatto.css
new file mode 100644
index 0000000..6880473
--- /dev/null
+++ b/nwg-drawer/machiatto.css
@@ -0,0 +1,37 @@
+/*
+*
+* Catppuccin Macchiato palette
+* Maintainer: rubyowo
+*
+*/
+
+@define-color base   #24273a;
+@define-color mantle #1e2030;
+@define-color crust  #181926;
+
+@define-color text     #cad3f5;
+@define-color subtext0 #a5adcb;
+@define-color subtext1 #b8c0e0;
+
+@define-color surface0 #363a4f;
+@define-color surface1 #494d64;
+@define-color surface2 #5b6078;
+
+@define-color overlay0 #6e738d;
+@define-color overlay1 #8087a2;
+@define-color overlay2 #939ab7;
+
+@define-color blue      #8aadf4;
+@define-color lavender  #b7bdf8;
+@define-color sapphire  #7dc4e4;
+@define-color sky       #91d7e3;
+@define-color teal      #8bd5ca;
+@define-color green     #a6da95;
+@define-color yellow    #eed49f;
+@define-color peach     #f5a97f;
+@define-color maroon    #ee99a0;
+@define-color red       #ed8796;
+@define-color mauve     #c6a0f6;
+@define-color pink      #f5bde6;
+@define-color flamingo  #f0c6c6;
+@define-color rosewater #f4dbd6;