diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 5884a93..19aeb4c 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -264,3 +264,21 @@ volumes:
   when: manual
   tags:
     - deploy
+
+communityhubl:
+  stage: deployment
+  environment:
+    name: communityhubl
+    url: https://community.hubl.world
+  before_script:
+    - npm ci --cache .npm --prefer-offline --only=production
+  script:
+    - echo "$APP_CONFIG_HUBL_COMMUNITY" > config.json
+    - echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
+    - npm run build
+    - scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* community-hubl@astral.startinblox.com:~/front/
+  only:
+    - master
+  when: manual
+  tags:
+    - deploy
diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss
index 194e13c..d0e928c 100644
--- a/src/styles/abstracts/_variables.scss
+++ b/src/styles/abstracts/_variables.scss
@@ -117,6 +117,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 */