diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index 2542d45..b027575 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit 2542d452be89e0ad740978d889e1a0f3e05c302f
+Subproject commit b027575fc0e300b6bc704b5af31a391fe83ebe72
diff --git a/src/app/utils/customization/customization.component.ts b/src/app/utils/customization/customization.component.ts
index e57bba4..64307d6 100644
--- a/src/app/utils/customization/customization.component.ts
+++ b/src/app/utils/customization/customization.component.ts
@@ -65,6 +65,7 @@ export class CustomizationComponent {
       --background-light-color:` + this.layout.backgrounds.light.color+`;
     }
     `;
+    return;
       //Search SVG
       let search = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 532"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:{{color}};mix-blend-mode:multiply;}</style></defs><title>Asset 3</title><g class="cls-1"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-2" d="M0,431s362,109,841,62,632,68,1159-9V0H0Z"/><path class="cls-2" d="M0,514s1401,71,2000-69V0H0Z"/></g></g></g></svg>`;
       ;
diff --git a/src/assets/customization.css b/src/assets/customization.css
index 09fbc49..ffc1e72 100644
--- a/src/assets/customization.css
+++ b/src/assets/customization.css
@@ -1,160 +1,171 @@
+:root {
+/*Buttons*/
 
-.communityPanelBackground {
-    color: #ffffff !important;
+    --primary-color: var(--portal-main-color);
+    --secondary-color: var(--portal-dark-color);
+    --button-primary-background: var(--portal-main-color);
+    --button-primary-background-image: none;
+    --button-secondary-background: var(--portal-dark-color);
+    --button-secondary-background-image: none;
+    --button-primary-color: var(--font-default-color);
 
+    /* Primary */
+    --button-primary-background: var(--portal-main-color);
+    --button-primary-background-image: none;
+    --button-primary-color: var(--light-color);
+    --button-primary-border-color: transparent;
+    --button-primary-background-hover: var(--portal-dark-color);
+    --button-primary-background-image-hover: none;
+    --button-primary-color-hover: var(--light-color);
+    --button-primary-border-color-hover: transparent;
+
+    /* Secondary */
+    --button-secondary-background: var(--light-color);
+    --button-secondary-background-image: none;
+    --button-secondary-color: var(--primary-color);
+    --button-secondary-border-color: transparent;
+    --button-secondary-background-hover: var(--primary-color);
+    --button-secondary-background-image-hover: none;
+    --button-secondary-color-hover: var(--light-color);
+    --button-secondary-border-color-hover: transparent;
+    
+    /*backgrounds*/
+    --primary-background: #2C2C2C;
+    --primary-background-image:none;
+    --secondary-background-image:none;
+
+    /*fonts*/
+    --font-primary-color:var(--portal-main-color);
+    /*--secondary-background: var(--secondary-color);*/
 }
+/*.communityPanelBackground {*/
+/*    color: #ffffff !important;*/
 
-.communityPanelBackground svg .stroke_line {
-    stroke: #ffffff !important;
-}
+/*}*/
 
-.communityPanelBackground svg .fill_text {
-    fill: #ffffff !important;
-}
+/*.communityPanelBackground svg .stroke_line {*/
+/*    stroke: #ffffff !important;*/
+/*}*/
+
+/*.communityPanelBackground svg .fill_text {*/
+/*    fill: #ffffff !important;*/
+/*}*/
 
 
-.communityPanelBackground .uk-h6:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground .uk-h4:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground .uk-h3:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground .uk-h2:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground .uk-h1:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground  h6:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground  h5:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground  h4:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground  h3:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground  h2:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground  h1:not(.ignoreCommunityPanelBackground){
-    color: #ffffff !important;
-}
+/*.communityPanelBackground .uk-h6:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground .uk-h4:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground .uk-h3:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground .uk-h2:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground .uk-h1:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground  h6:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground  h5:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground  h4:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground  h3:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground  h2:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground  h1:not(.ignoreCommunityPanelBackground){*/
+/*    color: #ffffff !important;*/
+/*}*/
 
 
-.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) {
-    font-weight: 700!important;
-}
+/*.communityPanelBackground .uk-h5:not(.ignoreCommunityPanelBackground) {*/
+/*    font-weight: 700!important;*/
+/*}*/
 
-.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground),
-.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground),
-.portal-card a {
-    color: rgba(255, 255, 255, 0.98) !important;
-    font-family: 'Open Sans', sans-serif !important;
-    font-size: 14px !important;
-}
+/*.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground),*/
+/*.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground),*/
+/*.portal-card a {*/
+/*    color: rgba(255, 255, 255, 0.98) !important;*/
+/*    font-family: 'Open Sans', sans-serif !important;*/
+/*    font-size: 14px !important;*/
+/*}*/
 
-.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):hover,
-.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground):hover,
-.portal-card a:hover {
-    color: rgba(255, 255, 255, 0.5) !important;
-}
+/*.communityPanelBackground .uk-link:not(.ignoreCommunityPanelBackground):hover,*/
+/*.communityPanelBackground a:not(.uk-button):not(.uk-button-text):not(.ignoreCommunityPanelBackground):hover,*/
+/*.portal-card a:hover {*/
+/*    color: rgba(255, 255, 255, 0.5) !important;*/
+/*}*/
 
-.uk-link,
-a:not(.uk-button),
-.uk-navbar-dropdown-nav>li>a,
-/*.uk-navbar-nav>li>a,*/
-.loginLink,
-.uk-tab>.uk-active>a,
-.uk-tab>*>a:focus,
-.uk-tab>*>a:hover {
-    color: var(--portal-main-color);
-}
+/*.uk-link,*/
+/*a:not(.uk-button),*/
+/*.uk-navbar-dropdown-nav>li>a,*/
+/*!*.uk-navbar-nav>li>a,*!*/
+/*.loginLink,*/
+/*.uk-tab>.uk-active>a,*/
+/*.uk-tab>*>a:focus,*/
+/*.uk-tab>*>a:hover {*/
+/*    color: var(--portal-main-color);*/
+/*}*/
+/* */
+/*.uk-navbar-dropdown-nav>li>a:focus,*/
+/*.uk-navbar-dropdown-nav>li>a:hover,*/
+/*.uk-navbar-dropdown-nav>li>a:active,*/
+/*.uk-navbar-nav>li>a:hover,*/
+/*.uk-navbar-nav>li>a:focus,*/
+/*.uk-navbar-nav>li>a:active,*/
 
-/*
-.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground) {
-    background-color: #ffffff !important;
-    !*color: var(--portal-main-color) !important;*!
-    color: black !important;
-    border-color: #ffffff !important;
-    border-style: solid !important;
-    border-width: 1px !important;
-    !*border-radius: 4px !important;*!
-}
+/*.uk-navbar-dropdown-nav>li.uk-active>a,*/
+/*.uk-tab>.uk-active>a,*/
+/*.uk-navbar-nav>li.uk-active>a,*/
+/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a,*/
+/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a,*/
+/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:active > a,*/
+/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:focus > a,*/
+/*.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.uk-open,*/
+/*.uk-navbar-nav > li > a.uk-open,*/
+/*.uk-button-text*/
+/*{*/
+/*    color: var(--portal-main-color) !important;*/
+/*}*/
+/*.uk-link:hover, a:not(.uk-button):hover{*/
+/*    color: var(--portal-dark-color) ;*/
+/*}*/
+/*.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown {*/
+/*    background-color: white !important;*/
+/*    color: #666;*/
+/*    box-shadow: 0 5px 12px rgba(0, 0, 0, .15);*/
 
-.communityPanelBackground .uk-button:not(.ignoreCommunityPanelBackground):hover {
-    background-color: #eeeeee !important;
-    !*color: var(--portal-main-color) !important;*!
-    color: black !important;
-    border-color: #eeeeee !important;
-}*/
+/*    !*border:var(--portal-main-color) 1px solid;*!*/
+/*}*/
+/*.uk-navbar-dropdown-nav > li > a{*/
+/*    color: #666 !important;*/
+/*}*/
+/*.customTabs .uk-tab>.uk-active>a {*/
+/*    border-color: var(--portal-main-color);*/
+/*}*/
 
-.uk-navbar-dropdown-nav>li>a:focus,
-.uk-navbar-dropdown-nav>li>a:hover,
-.uk-navbar-dropdown-nav>li>a:active,
-.uk-navbar-nav>li>a:hover,
-.uk-navbar-nav>li>a:focus,
-.uk-navbar-nav>li>a:active,
+/*.customTabs .uk-tab>.uk-active>a {*/
+/*    border-color: var(--portal-main-color);*/
+/*}*/
 
-.uk-navbar-dropdown-nav>li.uk-active>a,
-.uk-tab>.uk-active>a,
-.uk-navbar-nav>li.uk-active>a,
-.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a,
-.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:hover > a,
-.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:active > a,
-.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li:focus > a,
-.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a.uk-open,
-.uk-navbar-nav > li > a.uk-open,
-.uk-button-text
-{
-    color: var(--portal-main-color) !important;
-}
-.uk-link:hover, a:not(.uk-button):hover{
-    color: var(--portal-dark-color) ;
-}
-.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown {
-    background-color: white !important;
-    color: #666;
-    box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
+/*.uk-tab>*>a:focus,*/
+/*.uk-tab>*>a:hover {*/
+/*    border-color: var(--portal-dark-color);*/
+/*}*/
 
-    /*border:var(--portal-main-color) 1px solid;*/
-}
-.uk-navbar-dropdown-nav > li > a{
-    color: #666 !important;
-}
-.customTabs .uk-tab>.uk-active>a {
-    border-color: var(--portal-main-color);
-}
+/*.portal-link:hover {*/
+/*    !*text-decoration: none !important;*!*/
+/*    color: var(--portal-dark-color) !important;*/
+/*}*/
 
-.customTabs .uk-tab>.uk-active>a {
-    border-color: var(--portal-main-color);
-}
+/*#stickyNavbar{*/
+/*    box-shadow: 0 1px 1px #0000004D;*/
+/*}*/
+/*.uk-button-primary, .uk-button-secondary, .uk-button-default{*/
+/*    color: white !important;*/
+/*    background-color: var(--portal-main-color) !important;*/
+/*    border-color: var(--portal-main-color) !important;*/
+/*}*/
+/*.uk-button-primary:hover, .uk-button-secondary:hover, .uk-button-default:hover{*/
+/*    background-color: var(--portal-dark-color) !important;*/
+/*    border-color: var(--portal-dark-color) !important;*/
+/*}*/
+/*.uk-alert-primary{*/
+/*    color:  var(--portal-main-color);*/
+/*    border-color: var(--portal-main-color);*/
+/*}*/
 
-.uk-tab>*>a:focus,
-.uk-tab>*>a:hover {
-    border-color: var(--portal-dark-color);
-}
-
-.portal-link:hover {
-    /*text-decoration: none !important;*/
-    color: var(--portal-dark-color) !important;
-}
-
-#stickyNavbar{
-    box-shadow: 0 1px 1px #0000004D;
-}
-.uk-button-primary, .uk-button-secondary, .uk-button-default{
-    color: white !important;
-    background-color: var(--portal-main-color) !important;
-    border-color: var(--portal-main-color) !important;
-}
-.uk-button-primary:hover, .uk-button-secondary:hover, .uk-button-default:hover{
-    background-color: var(--portal-dark-color) !important;
-    border-color: var(--portal-dark-color) !important;
-}
-/*.uk-button-secondary, .uk-button-default{
-    color: var(--portal-main-color) !important;
-    background-color: white !important;
-    border-color: var(--portal-main-color) !important;
-}
-.uk-button-secondary:hover, .uk-button-default:hover{
-    color: white !important;
-    background-color: var(--portal-main-color) !important;
-    border-color: var(--portal-main-color) !important;
-}*/
-.uk-alert-primary{
-    color:  var(--portal-main-color);
-    border-color: var(--portal-main-color);
-}
-
-.uk-text-primary, .landing .download-from a:hover{
-    color:  var(--portal-main-color) !important;
-}
+/*.uk-text-primary, .landing .download-from a:hover{*/
+/*    color:  var(--portal-main-color) !important;*/
+/*}*/