diff --git a/docker/keycloak/themes/base/account/header.css b/docker/keycloak/themes/base/account/header.css
new file mode 100644
index 0000000..e86b250
--- /dev/null
+++ b/docker/keycloak/themes/base/account/header.css
@@ -0,0 +1,156 @@
+header#header {
+    background-color: white !important;
+    box-shadow: 0 2px 4px #00000014;
+    border-bottom: 1px solid #262626;
+    display: inline-flex;
+    top: 0;
+    width: 100%;
+    z-index: 2000;
+    height: 50px;
+    position: absolute;
+    box-sizing: border-box;
+    justify-content: space-between;
+  }
+
+  #nextcloud {
+    padding: 7px 0;
+    padding-left: 86px;
+    position: relative;
+    height: 100%;
+    box-sizing: border-box;
+    opacity: 1;
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    overflow: hidden;
+  }
+
+  a * {
+    cursor: pointer;
+  }
+
+  a {
+    border: 0;
+    color: var(--color-main-text);
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  #theming-preview-logo,
+  #header #nextcloud {
+    padding-left: 64px;
+  }
+
+  #header #header-left,
+  #header .header-left {
+    flex: 1 0;
+    white-space: nowrap;
+    min-width: 0;
+  }
+
+  #header #header-right,
+  #header .header-right {
+    justify-content: flex-end;
+    flex-shrink: 1;
+  }
+
+  #header .header-right > div,
+  #header .header-right > form {
+    height: 100%;
+    position: relative;
+  }
+
+  #header #navbar-menu-apps #menu-apps-btn {
+    cursor: pointer;
+    position: relative;
+  }
+
+  #header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
+    cursor: pointer;
+    height: 16px;
+    margin-right: 16px;
+  }
+
+  #header
+    #navbar-menu-apps
+    #menu-apps-btn
+    #dropdownMenuAppsButton
+    #menu-apps-icon {
+    height: 16px;
+    width: 16px;
+  }
+
+  #header div#navbar-menu-apps {
+    display: flex;
+    align-items: center;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu {
+    display: none;
+    position: absolute;
+    border: 1px solid rgba(0, 0, 0, 0.15);
+    border-radius: 5px;
+    box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
+    margin-top: -2px;
+    padding: 10px;
+    max-height: 500px;
+    overflow-y: scroll;
+    z-index: 2000;
+    background-color: white;
+    top: 33px;
+    right: -14px;
+    left: auto;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul {
+    list-style: none;
+    display: grid;
+    flex-wrap: wrap;
+    padding: 15px 2px 0 0;
+    margin-bottom: 0;
+    grid-template-columns: 82px 82px 82px;
+    grid-gap: 12px 2px;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: start;
+    text-align: center;
+    color: #262626;
+    text-decoration: none;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
+    width: 40px;
+    height: 40px;
+    background-color: #cc0066;
+    border-radius: 0.25rem;
+    margin-right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
+    color: #fff;
+    font-size: 19px;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
+    text-align: center;
+    margin-top: 4px;
+    height: 26px;
+    font-size: 13px;
+    line-height: 15px;
+    overflow-wrap: anywhere;
+  }
+
+  #header #header-left,
+  #header .header-left,
+  #header #header-right,
+  #header .header-right {
+    display: inline-flex;
+    align-items: center;
+  }
diff --git a/docker/keycloak/themes/base/account/header.html b/docker/keycloak/themes/base/account/header.html
new file mode 100644
index 0000000..13e2797
--- /dev/null
+++ b/docker/keycloak/themes/base/account/header.html
@@ -0,0 +1,440 @@
+
+<style>
+    /* Header used classes */
+    header#header {
+      background-color: white !important;
+      box-shadow: 0 2px 4px #00000014;
+      border-bottom: 1px solid #262626;
+      display: inline-flex;
+      top: 0;
+      width: 100%;
+      z-index: 2000;
+      height: 50px;
+      position: absolute;
+      box-sizing: border-box;
+      justify-content: space-between;
+    }
+  
+    #nextcloud {
+      padding: 7px 0;
+      padding-left: 86px;
+      position: relative;
+      height: 100%;
+      box-sizing: border-box;
+      opacity: 1;
+      align-items: center;
+      display: flex;
+      flex-wrap: wrap;
+      overflow: hidden;
+    }
+  
+    a * {
+      cursor: pointer;
+    }
+  
+    a {
+      border: 0;
+      color: var(--color-main-text);
+      text-decoration: none;
+      cursor: pointer;
+    }
+  
+    #theming-preview-logo,
+    #header #nextcloud {
+      padding-left: 64px;
+    }
+  
+    #header #header-left,
+    #header .header-left {
+      flex: 1 0;
+      white-space: nowrap;
+      min-width: 0;
+    }
+  
+    #header #header-right,
+    #header .header-right {
+      justify-content: flex-end;
+      flex-shrink: 1;
+    }
+  
+    #header .header-right > div,
+    #header .header-right > form {
+      height: 100%;
+      position: relative;
+    }
+  
+    #header #navbar-menu-apps #menu-apps-btn {
+      cursor: pointer;
+      position: relative;
+    }
+  
+    #header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
+      cursor: pointer;
+      height: 16px;
+      margin-right: 16px;
+    }
+  
+    #header
+      #navbar-menu-apps
+      #menu-apps-btn
+      #dropdownMenuAppsButton
+      #menu-apps-icon {
+      height: 16px;
+      width: 16px;
+    }
+  
+    #header div#navbar-menu-apps {
+      display: flex;
+      align-items: center;
+    }
+  
+    #header #navbar-menu-apps .dropdown-menu {
+      display: none;
+      position: absolute;
+      border: 1px solid rgba(0, 0, 0, 0.15);
+      border-radius: 5px;
+      box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
+      margin-top: -2px;
+      padding: 10px;
+      max-height: 500px;
+      overflow-y: scroll;
+      z-index: 2000;
+      background-color: white;
+      top: 33px;
+      right: -14px;
+      left: auto;
+    }
+  
+    #header #navbar-menu-apps .dropdown-menu ul {
+      list-style: none;
+      display: grid;
+      flex-wrap: wrap;
+      padding: 15px 2px 0 0;
+      margin-bottom: 0;
+      grid-template-columns: 82px 82px 82px;
+      grid-gap: 12px 2px;
+    }
+  
+    #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: start;
+      text-align: center;
+      color: #262626;
+      text-decoration: none;
+    }
+  
+    #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
+      width: 40px;
+      height: 40px;
+      background-color: #cc0066;
+      border-radius: 0.25rem;
+      margin-right: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  
+    #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
+      color: #fff;
+      font-size: 19px;
+    }
+  
+    #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
+      text-align: center;
+      margin-top: 4px;
+      height: 26px;
+      font-size: 13px;
+      line-height: 15px;
+      overflow-wrap: anywhere;
+    }
+  
+    #header #header-left,
+    #header .header-left,
+    #header #header-right,
+    #header .header-right {
+      display: inline-flex;
+      align-items: center;
+    }
+  </style>
+  
+  <header role="banner" id="header">
+    <div id="navbar-logo" class="header-left">
+      <a href="/" id="nextcloud">
+        <img src="/custom/img/logo.png" alt="" style="height: 39px" />
+      </a>
+    </div>
+  
+    <div id="navbar-nextcloud" class="header-right">
+      <div id="navbar-menu-apps" onclick="openMenu()">
+        <div id="menu-apps-btn">
+          <div
+            id="dropdownMenuAppsButton"
+            data-toggle="dropdown"
+            aria-haspopup="true"
+            aria-expanded="false"
+          >
+            <svg
+              id="menu-apps-icon"
+              data-name="Menú Apps"
+              xmlns="http://www.w3.org/2000/svg"
+              width="26"
+              height="26"
+              viewBox="0 0 26 26"
+            >
+              <rect
+                id="Rectángulo_2"
+                data-name="Rectángulo 2"
+                width="6"
+                height="6"
+                fill="#262626"
+              ></rect>
+              <rect
+                id="Rectángulo_1447"
+                data-name="Rectángulo 1447"
+                width="6"
+                height="6"
+                transform="translate(0 10)"
+                fill="#262626"
+              ></rect>
+              <rect
+                id="Rectángulo_1450"
+                data-name="Rectángulo 1450"
+                width="6"
+                height="6"
+                transform="translate(0 20)"
+                fill="#262626"
+              ></rect>
+              <rect
+                id="Rectángulo_1440"
+                data-name="Rectángulo 1440"
+                width="6"
+                height="6"
+                transform="translate(10)"
+                fill="#262626"
+              ></rect>
+              <rect
+                id="Rectángulo_1446"
+                data-name="Rectángulo 1446"
+                width="6"
+                height="6"
+                transform="translate(10 10)"
+                fill="#262626"
+              ></rect>
+              <rect
+                id="Rectángulo_1449"
+                data-name="Rectángulo 1449"
+                width="6"
+                height="6"
+                transform="translate(10 20)"
+                fill="#262626"
+              ></rect>
+              <rect
+                id="Rectángulo_1441"
+                data-name="Rectángulo 1441"
+                width="6"
+                height="6"
+                transform="translate(20)"
+                fill="#262626"
+              ></rect>
+              <rect
+                id="Rectángulo_1445"
+                data-name="Rectángulo 1445"
+                width="6"
+                height="6"
+                transform="translate(20 10)"
+                fill="#262626"
+              ></rect>
+              <rect
+                id="Rectángulo_1448"
+                data-name="Rectángulo 1448"
+                width="6"
+                height="6"
+                transform="translate(20 20)"
+                fill="#262626"
+              ></rect>
+            </svg>
+          </div>
+          <div
+            id="dropdownMenuApps"
+            class="dropdown-menu dropdown-menu-right"
+            aria-labelledby="dropdownMenuButton"
+            style="display: none"
+          >
+            <ul id="app-apps">
+              
+              <li class="app ">
+                <a href="https://moodle.test2.digitaldemocratic.net/" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Aules</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://nextcloud.test2.digitaldemocratic.net/" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-cloud" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Fitxers</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://nextcloud.test2.digitaldemocratic.net/apps/mail" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-envelope-o" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Correu</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://nextcloud.test2.digitaldemocratic.net/apps/forms" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-check-square-o" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Formularis</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://nextcloud.test2.digitaldemocratic.net/apps/polls" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-bar-chart" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Enquestes</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://nextcloud.test2.digitaldemocratic.net/apps/spreed" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-commenting-o" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Xat</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://nextcloud.test2.digitaldemocratic.net/apps/calendar" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-calendar" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Calendari</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://wp.test2.digitaldemocratic.net/wp-login.php?redirect_to=wp-admin/admin.php?page=mis-sitios" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-rss" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Webs</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://nextcloud.test2.digitaldemocratic.net/apps/bbb" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-video-camera" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Reunions BBB</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://nextcloud.test2.digitaldemocratic.net/apps/photos" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-file-image-o" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Fotos</div>
+                </a>
+              </li>
+              
+            </ul>
+  
+            <ul id="app-external" class="external-links">
+              
+              <li class="app ">
+                <a href="https://myweb" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-university" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Escola Web</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://myvideos" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-youtube-play" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Youtube</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://mydictionary" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-book" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Diccionari</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="http://meet.jit.si" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-video-camera" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Reunions Jitsi</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://www.duckduckgo.com" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-search" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Cercar</div>
+                </a>
+              </li>
+              
+              <li class="app ">
+                <a href="https://www.openstreetmap.org" class="app-link" target="_blank">
+                  <div class="icon ">
+                    <i class="fa fa-map-marker" aria-hidden="true"></i>
+                  </div>
+                  <div class="text">Maps</div>
+                </a>
+              </li>
+              
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div id="dd-logo">
+        <a href="https://xnet-x.net/ca/digital-democratic/" target="_blank">
+          <img src="" alt="" style="height: 16px; margin-right: 21px; margin-top: 16px">
+        </a>
+      </div>
+    </div>
+  </header>
+  
+  
+    <script>
+      $('#dd-logo img').attr('src', "https://api."+document.domain.split(/\.(.+)/)[1]+"/img/dd.svg");
+      function openMenu(){
+        if ($('#menu-apps-btn').hasClass("open")) {
+          console.log('open')
+          $('#dropdownMenuApps').css('display', 'none')
+        } else {
+          $('#dropdownMenuApps').css('display', 'block')
+          console.log('closed')
+        }
+      }
+    </script>
+  
\ No newline at end of file
diff --git a/docker/keycloak/themes/base/account/resources/css/account.css b/docker/keycloak/themes/base/account/resources/css/account.css
new file mode 100644
index 0000000..e86b250
--- /dev/null
+++ b/docker/keycloak/themes/base/account/resources/css/account.css
@@ -0,0 +1,156 @@
+header#header {
+    background-color: white !important;
+    box-shadow: 0 2px 4px #00000014;
+    border-bottom: 1px solid #262626;
+    display: inline-flex;
+    top: 0;
+    width: 100%;
+    z-index: 2000;
+    height: 50px;
+    position: absolute;
+    box-sizing: border-box;
+    justify-content: space-between;
+  }
+
+  #nextcloud {
+    padding: 7px 0;
+    padding-left: 86px;
+    position: relative;
+    height: 100%;
+    box-sizing: border-box;
+    opacity: 1;
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    overflow: hidden;
+  }
+
+  a * {
+    cursor: pointer;
+  }
+
+  a {
+    border: 0;
+    color: var(--color-main-text);
+    text-decoration: none;
+    cursor: pointer;
+  }
+
+  #theming-preview-logo,
+  #header #nextcloud {
+    padding-left: 64px;
+  }
+
+  #header #header-left,
+  #header .header-left {
+    flex: 1 0;
+    white-space: nowrap;
+    min-width: 0;
+  }
+
+  #header #header-right,
+  #header .header-right {
+    justify-content: flex-end;
+    flex-shrink: 1;
+  }
+
+  #header .header-right > div,
+  #header .header-right > form {
+    height: 100%;
+    position: relative;
+  }
+
+  #header #navbar-menu-apps #menu-apps-btn {
+    cursor: pointer;
+    position: relative;
+  }
+
+  #header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
+    cursor: pointer;
+    height: 16px;
+    margin-right: 16px;
+  }
+
+  #header
+    #navbar-menu-apps
+    #menu-apps-btn
+    #dropdownMenuAppsButton
+    #menu-apps-icon {
+    height: 16px;
+    width: 16px;
+  }
+
+  #header div#navbar-menu-apps {
+    display: flex;
+    align-items: center;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu {
+    display: none;
+    position: absolute;
+    border: 1px solid rgba(0, 0, 0, 0.15);
+    border-radius: 5px;
+    box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
+    margin-top: -2px;
+    padding: 10px;
+    max-height: 500px;
+    overflow-y: scroll;
+    z-index: 2000;
+    background-color: white;
+    top: 33px;
+    right: -14px;
+    left: auto;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul {
+    list-style: none;
+    display: grid;
+    flex-wrap: wrap;
+    padding: 15px 2px 0 0;
+    margin-bottom: 0;
+    grid-template-columns: 82px 82px 82px;
+    grid-gap: 12px 2px;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: start;
+    text-align: center;
+    color: #262626;
+    text-decoration: none;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
+    width: 40px;
+    height: 40px;
+    background-color: #cc0066;
+    border-radius: 0.25rem;
+    margin-right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
+    color: #fff;
+    font-size: 19px;
+  }
+
+  #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
+    text-align: center;
+    margin-top: 4px;
+    height: 26px;
+    font-size: 13px;
+    line-height: 15px;
+    overflow-wrap: anywhere;
+  }
+
+  #header #header-left,
+  #header .header-left,
+  #header #header-right,
+  #header .header-right {
+    display: inline-flex;
+    align-items: center;
+  }
diff --git a/docker/keycloak/themes/base/account/resources/css/style.css b/docker/keycloak/themes/base/account/resources/css/style.css
new file mode 100644
index 0000000..d1a0aa3
--- /dev/null
+++ b/docker/keycloak/themes/base/account/resources/css/style.css
@@ -0,0 +1,198 @@
+#body-user, #body-settings, #body-public {
+    font-family: 'Montserrat', sans-serif;
+    color:  #262626;
+}
+
+#body-user #app-dashboard>h2, #body-settings #app-dashboard>h2, #body-public #app-dashboard>h2 {
+    color:  #262626;
+}
+
+
+#body-user header#header, #body-settings header#header, #body-public header#header {
+    background-color: white !important;
+    box-shadow: 0 2px 4px #00000014;
+    border-bottom: 1px solid #262626;
+    background-image: inherit;
+}
+
+#theming-preview-logo, #header #nextcloud {
+    padding-left: 64px;
+}
+
+#navbar-nextcloud #unified-search {
+    margin-right: 16px;
+}
+
+#navbar-nextcloud #unified-search svg {
+    fill: black;
+    width: 16px;
+    height: 16px;
+}
+
+#navbar-nextcloud #unified-search a.header-menu__trigger .magnify-icon {
+    width: 16px;
+    height: 16px;
+}
+
+#navbar-nextcloud #unified-search.header-menu.unified-search a.header-menu__trigger {
+    width: auto;
+}
+
+#navbar-nextcloud #unified-search a.header-menu__trigger {
+    opacity: 1;
+}
+
+#navbar-nextcloud #unified-search #header-menu-unified-search div.header-menu__carret {
+    right: 205px;
+}
+
+#navbar-nextcloud .notifications .notifications-button {
+    opacity: 1;
+}
+#navbar-nextcloud .notifications .notifications-button img.svg {
+    filter: invert(100%)
+}
+
+#navbar-nextcloud .notifications .notifications-button.menutoggle {
+    margin-right: 16px;
+    width: auto;
+}
+
+#navbar-nextcloud #contactsmenu .icon-contacts {
+    background-image: var(--icon-contacts-000);
+    opacity: 1;
+    margin-right: 16px;
+    width: auto;
+}
+
+#navbar-nextcloud #settings #expand {
+    width: 39px;
+    padding-right: 16px;
+}
+
+#navbar-nextcloud #settings #expand .avatardiv {
+    height: 39px;
+    width: 39px;
+}
+
+#navbar-nextcloud #settings #expand .avatardiv img {
+    height: 39px;
+    width: 39px;
+}
+
+
+#body-user div#content div#app-dashboard, #body-settings div#content div#app-dashboard, #body-public div#content div#app-dashboard {
+    background-image: none !important;
+    background-color: #F0F0F0!important;
+}
+
+#body-user div#app-navigation, #body-settings div#app-navigation, #body-public div#app-navigation {
+    color: #262626 !important;
+}
+
+#header .header-menu__wrapper[data-v-a58f012a] {
+    top: 65px;
+}
+
+#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton {
+    cursor: pointer;
+    height: 16px;
+    margin-right: 16px;
+}
+#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton #menu-apps-icon {
+    height: 16px;
+    width: 16px;
+}
+
+#header div#navbar-menu-apps {
+    display: flex;
+    align-items: center;
+}
+
+#header #navbar-menu-apps #menu-apps-btn {
+    cursor: pointer;
+    position: relative;
+}
+
+#header #navbar-menu-apps .dropdown-menu {
+    display: none;
+    position: absolute;
+    border: 1px solid rgba(0,0,0,.15);
+    border-radius: 5px;
+    box-shadow: rgb(0 0 0 / 20%) 0 3px 8px;
+    margin-top: -2px;
+    padding: 10px;
+    max-height: 500px;
+    overflow-y: scroll;
+    z-index: 2000;
+    background-color: white;
+    top: 33px;
+    right: -14px;
+    left: auto;
+}
+
+#header #navbar-menu-apps .dropdown-menu ul {
+    list-style: none;
+    display: grid;
+    flex-wrap: wrap;
+    padding: 15px 2px 0 0;
+    margin-bottom: 0;
+    grid-template-columns: 82px 82px 82px;
+    grid-gap: 12px 2px;
+}
+
+#header #navbar-menu-apps .dropdown-menu ul#app-admin {
+    border-bottom: 1px solid #D9D9D9;
+    padding-bottom: 4px;
+    margin-bottom: 6px;
+}
+
+#header #navbar-menu-apps .dropdown-menu ul#app-external {
+    border-top: 1px solid #D9D9D9;
+    padding-top: 20px;
+    margin-top: 8px;
+}
+
+#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: start;
+    text-align: center;
+    color: #262626;
+    text-decoration: none;
+}
+
+#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon {
+    width: 40px;
+    height: 40px;
+    background-color: #506bb6;
+    border-radius: .25rem;
+    margin-right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text {
+    text-align: center;
+    margin-top: 4px;
+    height: 26px;
+    font-size: 13px;
+    line-height: 15px;
+    overflow-wrap: anywhere;
+}
+
+#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i {
+    color: #fff;
+    font-size: 19px;
+}
+
+div#content-vue {
+    padding-top: 75px;
+}
+
+#content.app-files [data-path="/"][data-file="Talk"] {
+  display: none !important;
+}
+
diff --git a/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Light.otf b/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Light.otf
new file mode 100644
index 0000000..c13481d
Binary files /dev/null and b/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Light.otf differ
diff --git a/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Medium.otf b/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Medium.otf
new file mode 100644
index 0000000..aced244
Binary files /dev/null and b/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Medium.otf differ
diff --git a/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Regular.otf b/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Regular.otf
new file mode 100644
index 0000000..78a72b0
Binary files /dev/null and b/docker/keycloak/themes/liiibrelite/login/resources/fonts/handbook/PFHandbookPro-Regular.otf differ
diff --git a/docker/keycloak/themes/liiibrelite/login/resources/img/dd_coma.png b/docker/keycloak/themes/liiibrelite/login/resources/img/dd_coma.png
new file mode 100644
index 0000000..fad4c50
Binary files /dev/null and b/docker/keycloak/themes/liiibrelite/login/resources/img/dd_coma.png differ
diff --git a/docker/keycloak/themes/liiibrelite/login/resources/img/loginBG2.png b/docker/keycloak/themes/liiibrelite/login/resources/img/loginBG2.png
index 3ac8c20..601ef82 100644
Binary files a/docker/keycloak/themes/liiibrelite/login/resources/img/loginBG2.png and b/docker/keycloak/themes/liiibrelite/login/resources/img/loginBG2.png differ
diff --git a/docker/keycloak/themes/liiibrelite/login/resources/img/logo_footer_dd.png b/docker/keycloak/themes/liiibrelite/login/resources/img/logo_footer_dd.png
new file mode 100644
index 0000000..cd1a455
Binary files /dev/null and b/docker/keycloak/themes/liiibrelite/login/resources/img/logo_footer_dd.png differ
diff --git a/docker/keycloak/themes/liiibrelite/login/resources/img/logo_text_dd.png b/docker/keycloak/themes/liiibrelite/login/resources/img/logo_text_dd.png
new file mode 100644
index 0000000..88bcf98
Binary files /dev/null and b/docker/keycloak/themes/liiibrelite/login/resources/img/logo_text_dd.png differ