diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss
index e974acd..923ac4d 100644
--- a/src/styles/abstracts/_variables.scss
+++ b/src/styles/abstracts/_variables.scss
@@ -118,6 +118,20 @@
 
   --color-backlink: var(--color-secondary);
   --color-content-header: var(--color-grey-9);
+
+  /* directory */
+  --color-directory-primary: var(--color-primary);
+  --color-directory-secondary: var(--color-secondary);
+  --color-directory-complementary: var(--color-complementary);
+  --color-directory-complementary-darken: var(--color-complementary-darken);
+  --color-directory-white: var(--color-white);
+  --color-directory-black: var(--color-black);
+
+  --color-directory-grey-1: var(--color-grey-7);
+  --color-directory-grey-2: var(--color-grey-10);
+  --color-directory-grey-3: var(--color-grey-9);
+  --color-directory-grey-4: var(--color-grey-4);
+  --color-directory-grey-5: var(--color-grey-13);
 }
 
 /* Variables for event */