@eeacms/volto-eea-design-system 0.9.3 → 0.9.5

package/CHANGELOG.md

@@ -4,7 +4,45 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [0.9.3](https://github.com/eea/volto-eea-design-system/compare/0.9.2...0.9.3) - 3 October 2022
+### [0.9.5](https://github.com/eea/volto-eea-design-system/compare/0.9.4...0.9.5) - 20 October 2022
+
+#### :bug: Bug Fixes
+
+- fix(statistic): margin and slate colors when using the inverted options [David Ichim - [`f263dea`](https://github.com/eea/volto-eea-design-system/commit/f263dea1940594ad00b3548c8640ca378fee5563)]
+
+### [0.9.4](https://github.com/eea/volto-eea-design-system/compare/0.9.3...0.9.4) - 19 October 2022
+
+#### :bug: Bug Fixes
+
+- fix(header): hero text going over the logo and menu on mobile resolutions [David Ichim - [`1434508`](https://github.com/eea/volto-eea-design-system/commit/1434508f5995d4316dfb2fd18fdc7926a4ece6ee)]
+- fix(edit-interface): block chooser and power user menu item colors when inside content-box [David Ichim - [`7aee4f1`](https://github.com/eea/volto-eea-design-system/commit/7aee4f1619a0d798b5fd8d90844a780c25aca019)]
+- fix(content-box): z-index of box-inner and added underline to slate links [David Ichim - [`c8b7c7e`](https://github.com/eea/volto-eea-design-system/commit/c8b7c7e41df39e1bf6377401a7aad4220287d454)]
+- fix(content-box): adding of underline to links [David Ichim - [`c2f5f0f`](https://github.com/eea/volto-eea-design-system/commit/c2f5f0f45963e48342edb0046d84b945ffe4b6a8)]
+
+#### :nail_care: Enhancements
+
+- change(banner,colors): content box theme aware colors banner changes#254 from eea/develop [ichim-david - [`bcb9a8c`](https://github.com/eea/volto-eea-design-system/commit/bcb9a8cde0cb0f927a68c0872e590e5ab853f824)]
+- change(statistics): tweaked margin of statistics so that they don't overflow over context boxes [David Ichim - [`b4a8e33`](https://github.com/eea/volto-eea-design-system/commit/b4a8e33dfaa716f38ac9ce5448d400c74ef9ba62)]
+- change(Banner): Show label in metadata field [kreafox - [`1acda3c`](https://github.com/eea/volto-eea-design-system/commit/1acda3c53739b610b501a53baf10226769929d2d)]
+- change(Banner): Add subtitle subcomponent [kreafox - [`bb67f4c`](https://github.com/eea/volto-eea-design-system/commit/bb67f4c83a2ff0e17958116fc4a52a426ba64a70)]
+- change(statistics): use theme colors with css variable for easy color customization [David Ichim - [`fb72a01`](https://github.com/eea/volto-eea-design-system/commit/fb72a012e81eba73fbace58317a52b5cdda31ee5)]
+- change(colors): introduced css variables for primary colors #247 [ichim-david - [`ac80825`](https://github.com/eea/volto-eea-design-system/commit/ac8082590f978ab953ece70082e06b124c292ddf)]
+- change(colors): added backgroundColorSupplementary color variable [David Ichim - [`1f5262a`](https://github.com/eea/volto-eea-design-system/commit/1f5262af2b90d2ffd9dd5560232f3bf47bcc85e3)]
+- change(colors): added backgroundColor color variable [David Ichim - [`b7e6831`](https://github.com/eea/volto-eea-design-system/commit/b7e68311f77a724c49a3cf858a76239ca5f6876c)]
+- change(accordion): allow customization of accordion title background color [David Ichim - [`6590baf`](https://github.com/eea/volto-eea-design-system/commit/6590baf1716867eabe897e765ae1924122ba2333)]
+- change(list,bullet): color is no longer primary instead it's text color css variant [David Ichim - [`8c04670`](https://github.com/eea/volto-eea-design-system/commit/8c046704871c7202406ff71b280a8a34e195e54d)]
+- change(quote): use secondary css var for easier color replacement [David Ichim - [`7a32312`](https://github.com/eea/volto-eea-design-system/commit/7a3231228c2eb9b420cc7b59a4a07fba96643e5e)]
+- change(item): moved svg filter definitions to item.overrides [David Ichim - [`de70366`](https://github.com/eea/volto-eea-design-system/commit/de703661065648968903bb6b46efc13d19c51d2b)]
+- change(tags, items): use text color with css variable for content color for easy customization [David Ichim - [`6660e2e`](https://github.com/eea/volto-eea-design-system/commit/6660e2e49c6e732a13283ad7c922c5a5091bffc1)]
+- change(content-box): override primary text color to white as well [David Ichim - [`28b43c7`](https://github.com/eea/volto-eea-design-system/commit/28b43c72b9fcfeb153ac7e734bbbca67f2e42111)]
+- change(colors): in lists and callouts to allow color changes [David Ichim - [`940d1b8`](https://github.com/eea/volto-eea-design-system/commit/940d1b8ed815b1a38f78d7602f0b221b48fe21f9)]
+- change(styling): modified naming of theme css variables [David Ichim - [`a332961`](https://github.com/eea/volto-eea-design-system/commit/a332961e1c4d55cdee3a8bcdf652f53cf03e251b)]
+- change(accordion): accordion titles with themes colors can now be modified by css variables [David Ichim - [`e2ac13e`](https://github.com/eea/volto-eea-design-system/commit/e2ac13ea56a74b2f7a22abc274bc94c770fbe3a2)]
+
+#### :hammer_and_wrench: Others
+
+- Include changes in the storybook [kreafox - [`a4d9fa4`](https://github.com/eea/volto-eea-design-system/commit/a4d9fa4c631a6a1ec0d7d525721fd32c5ff01d9c)]
+### [0.9.3](https://github.com/eea/volto-eea-design-system/compare/0.9.2...0.9.3) - 4 October 2022
 
 #### :bug: Bug Fixes
 
@@ -16,6 +54,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :nail_care: Enhancements
 
+- change(jenkins): added yarn policy for storybook building [ichim-david - [`3d1b844`](https://github.com/eea/volto-eea-design-system/commit/3d1b844efeea40b99c00c9aa97089e0a0be58a57)]
 - change(docusaurus): typography updates [ichim-david - [`60a93a4`](https://github.com/eea/volto-eea-design-system/commit/60a93a4aece4e478ae13c2dfe697fd3703aa178a)]
 - change(accordion): allow customization of accordion title with css variables [David Ichim - [`15e7d27`](https://github.com/eea/volto-eea-design-system/commit/15e7d27f02c640df582f51a51ef36e645723f842)]
 - change(content-box): added css variables that will set text color and background for children [David Ichim - [`86cac53`](https://github.com/eea/volto-eea-design-system/commit/86cac531cc94386b6022e1be80dba826b39f2443)]
@@ -50,6 +89,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Merge pull request #243 from eea/develop [ichim-david - [`576564c`](https://github.com/eea/volto-eea-design-system/commit/576564ce395ee6ac9e74bcb19d5c4f0b4cd3c33b)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`4a5be6e`](https://github.com/eea/volto-eea-design-system/commit/4a5be6eec78dae230626e61ea2c77e7f3c62510d)]
 - Back to dev [Alin Voinea - [`b251255`](https://github.com/eea/volto-eea-design-system/commit/b251255a7ed14d8290717726d86eaf54b87aa2d4)]
 ### [0.9.0](https://github.com/eea/volto-eea-design-system/compare/0.8.1...0.9.0) - 19 September 2022
 
@@ -805,6 +845,10 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - prettier changes [David Ichim - [`134da52`](https://github.com/eea/volto-eea-design-system/commit/134da52549b9d5eac5a12b7ad3005073500ac2c4)]
+- [JENKINSFILE] remove debug, add error per stage [valentinab25 - [`903eecd`](https://github.com/eea/volto-eea-design-system/commit/903eecdb6bcbb8d73cff5e447d80c85e2a2c906d)]
+- [JENKINSFILE] mention comment author in comment [valentinab25 - [`39a26aa`](https://github.com/eea/volto-eea-design-system/commit/39a26aa1ff0f35e93e8df9f442c29c5ab79ff493)]
+- [JENKINSFILE] format PR comments [valentinab25 - [`739438c`](https://github.com/eea/volto-eea-design-system/commit/739438c64950c745d630d1998314a2bed595b23a)]
+- [JENKINSFILE] Add failure comment, no jenkins fail [valentinab25 - [`c325bf1`](https://github.com/eea/volto-eea-design-system/commit/c325bf14f3fb0da150f2a56cda0a9f03d8d8a628)]
 ### [0.2.3](https://github.com/eea/volto-eea-design-system/compare/0.2.2...0.2.3) - 29 April 2022
 
 #### :rocket: New Features
@@ -1229,6 +1273,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - set profile section overflow to auto [nileshgulia1 - [`71ab47f`](https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393)]
 - remove segment custom width [nileshgulia1 - [`1d3ea40`](https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16)]
 - fix profile section css overflow [nileshgulia1 - [`db5126f`](https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`647a6e3`](https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f)]
 - fix warning related to proptype [nileshgulia1 - [`946c6c6`](https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c)]
 - removed override already present in card.less [ichim-david - [`50d2ab2`](https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69)]
 - update [Miu Razvan - [`bbcab87`](https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316)]
@@ -1315,6 +1360,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - remove segment custom width [nileshgulia1 - [`4a60d84`](https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7)]
 - Reformat header.less [Tiberiu Ichim - [`1f99dfc`](https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69)]
 - fix profile section css overflow [nileshgulia1 - [`8fd2654`](https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`6051724`](https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0)]
 - fix warning related to proptype [nileshgulia1 - [`824b9be`](https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723)]
 - refactor breadcrumbs component, make it functional and customizable [nileshgulia1 - [`4ec374e`](https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0)]
 - removed override already present in card.less [ichim-david - [`93c4e5a`](https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc)]
@@ -1883,6 +1929,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #142010 - Optimize Volto-addons gitflow pipelines [valentinab25 - [`3af46d2`](https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d)]
 - Refs #140454  updated eea-design-system readme with extra info on package contents [David Ichim - [`d2efc3d`](https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780)]
 - Refs #140454 add h1 to the list of elements that are max 800px and centered [David Ichim - [`7d3c30f`](https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e)]
+- Add Sonarqube tag using ims-frontend addons list [EEA Jenkins - [`8d657d0`](https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9)]
 ### [0.1.0](https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0) - 17 November 2021
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ui/Banner/Banner.jsx

@@ -49,11 +49,17 @@ Banner.Content = ({ children, actions }) => {
 };
 
 Banner.Title = ({ children }) => <p className="title">{children}</p>;
+Banner.Subtitle = ({ children }) => <p className="subtitle">{children}</p>;
 Banner.Metadata = ({ children }) => <p className="metadata">{children}</p>;
 
 Banner.MetadataField = ({ hidden, type = 'text', label, value, title }) => {
   if (hidden || !value) return '';
-  return <span className={`field ${type}`}>{value}</span>;
+  return (
+    <span className={`field ${type}`}>
+      {label && <>{label}: </>}
+      {value}
+    </span>
+  );
 };
 
 export default Banner;

package/src/ui/Banner/Banner.stories.jsx

@@ -86,6 +86,7 @@ const Template = (args) => (
         </>
       }
     >
+      <Banner.Subtitle>{args.subtitle}</Banner.Subtitle>
       <Banner.Title>{args.title}</Banner.Title>
       {args.metadata && (
         <Banner.Metadata>
@@ -106,6 +107,7 @@ const Template = (args) => (
 export const Default = Template.bind({});
 Default.args = {
   title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+  subtitle: 'Lorem ipsum dolor',
   metadata: [
     { hidden: false, value: 'Briefing', type: 'type' },
     { hidden: false, value: 'Published Date', type: 'date' },

package/src/ui/Header/HeaderSearchPopUp.js

@@ -10,23 +10,41 @@ function HeaderSearchPopUp({ onClose, searchInputRef, triggerRefs = [] }) {
 
   return (
     <div id="search-box" ref={nodeRef}>
-      <Container>
-        <div className="wrapper">
-          <Input
-            ref={searchInputRef}
-            className="search"
-            icon={{ className: 'ri-search-line', link: true }}
-            placeholder="Search..."
-            fluid
-          />
-          {/* <div className="action">
+      <form>
+        <Container>
+          <div className="wrapper">
+            <Input
+              ref={searchInputRef}
+              className="search"
+              icon={{ className: 'ri-search-line', link: true }}
+              placeholder="Search..."
+              fluid
+            />
+            {/* <div className="action">
             <Button icon labelPosition="left" className="search">
               <Icon name="search" />
               Advanced Search
             </Button>
           </div> */}
-        </div>
-      </Container>
+          </div>
+        </Container>
+      </form>
+
+      <div className="advanced-search">
+        <Container>
+          <p>
+            Looking for more information? Try searching the full EEA website
+            content
+          </p>
+          <a
+            href="/"
+            className="ui button white inverted"
+            title="Advanced search"
+          >
+            Go to full site search
+          </a>
+        </Container>
+      </div>
     </div>
   );
 }

package/theme/themes/eea/collections/breadcrumb.variables

@@ -46,5 +46,5 @@
 /*-------------------
        States
 --------------------*/
-@activeColor: @tertiaryColor;
+@activeColor: @textColor;
 @activeFontWeight: @normal;

package/theme/themes/eea/collections/table.variables

@@ -1,7 +1,7 @@
 /*******************************
              Table
 *******************************/
-@tableHoverBackgroundColor: #F9F9F9;
+@tableHoverBackgroundColor: @backgroundColorCSSVar;
 
 /*-------------------
        Element

package/theme/themes/eea/definitions/views/item.less

@@ -61,18 +61,6 @@
 /*--------------
       Item
 ---------------*/
-// color item images that are svg files
-.item.primary img {
-    filter: @itemPrimaryFilterColor;
-}
-
-.item.secondary img {
-    filter: @itemSecondaryFilterColor;
-}
-
-.item.tertiary img {
-    filter: @itemTertiaryFilterColor;
-}
 
 .ui.items > .item:after {
   display: block;

package/theme/themes/eea/elements/input.overrides

@@ -78,6 +78,9 @@
   max-width: 100%;
 }
 
+.accordion-title:not(.active) .ui.input input {
+  color: @textColorCSSVar;
+}
 .ui.input input {
   border: @border;
 
@@ -115,6 +118,7 @@ textarea.fluid {
     background: transparent;
     color: @white;
     font-size: 16px;
+    font-weight: @bold;
   }
 
   i.icon {

package/theme/themes/eea/elements/list.variables

@@ -47,7 +47,7 @@
 @imageAlign: top;
 
 /* Item */
-@itemColor: @primaryColor;
+@itemColor: @textColorCSSVar;
 
 /* Content */
 @contentDistance: 0.5em;
@@ -58,7 +58,7 @@
 /* Header */
 @itemHeaderFontFamily: @headerFont;
 @itemHeaderFontWeight: @bold;
-@itemHeaderColor: @textColor;
+@itemHeaderColor: @textColorCSSVar;
 
 /* Description */
 @itemDescriptionColor: rgba(0, 0, 0, 0.7);
@@ -170,19 +170,19 @@
 
 @bulletOpacity: 1;
 @bulletCharacter: '•';
-@bulletColor: @primaryColor;
-@bulletLinkColor: @primaryColor;
+@bulletColor: @textColorCSSVar;
+@bulletLinkColor: @primaryColorCSSVar;
 @bulletVerticalAlign: top;
 @bulletChildDistance: @bulletDistance;
 
 /* Horizontal Bullets */
-@horizontalBulletColor: @primaryColor;
+@horizontalBulletColor: @textColorCSSVar;
 @horizontalBulletSpacing: @bulletDistance + 0.5em;
 
 /* Ordered List */
 @orderedCountName: ordered;
 @orderedCountContent: counters(ordered, ".") " ";
-@orderedCountColor: @primaryColor;
+@orderedCountColor: inherit;
 @orderedCountDistance: 1.25rem;
 @orderedCountOpacity: 1;
 @orderedCountTextAlign: right;

package/theme/themes/eea/extras/banner.less

@@ -8,10 +8,10 @@
 --------------------*/
 
 .eea.banner {
+  position: relative;
   width: 100%;
-  color: @white;
   background: @bannerBackgroundColor;
-  position: relative;
+  color: @white;
 
   .gradient {
     background: @backgroundGradient;
@@ -32,6 +32,14 @@
         line-height: @mobileTitleLineHeight;
       }
 
+      .subtitle {
+        max-width: @subtitleMaxWidth;
+        margin: @mobileSubtitleMargin;
+        font-size: @mobileSubtitleFontSize;
+        font-weight: @subtitleFontWeight;
+        line-height: @mobileSubtitleLineHeight;
+      }
+
       .metadata {
         font-size: @mobileMetadataFontSize;
         line-height: @mobileMetadataLineHeight;
@@ -47,8 +55,8 @@
 
       .actions {
         display: flex;
-        justify-content: flex-end;
         align-items: @mobileActionsAlignItems;
+        justify-content: flex-end;
 
         .action {
           .ui.basic.inverted.button {
@@ -64,21 +72,22 @@
             }
 
             i.icon {
-              opacity: @bannerActionButtonIconOpacity;
               margin: @mobileBannerActionButtonMargin;
               font-size: @mobileBannerActionButtonIconFontSize;
+              opacity: @bannerActionButtonIconOpacity;
             }
           }
         }
       }
     }
   }
+
   .image {
-    background-repeat: @imageBackgroundRepeat;
-    background-size: @imageBackgroundSize;
-    background-position: @imageBackgroundPosition;
     width: 100%;
     height: 100%;
+    background-position: @imageBackgroundPosition;
+    background-repeat: @imageBackgroundRepeat;
+    background-size: @imageBackgroundSize;
 
     .gradient {
       background-image: @backgroundGradientWithImage;
@@ -104,6 +113,7 @@
 
   .actions {
     flex-flow: column;
+
     i.icon {
       color: @sharePopupActionsIconColor;
     }
@@ -132,9 +142,9 @@
         padding: @tabletContentPadding;
 
         .title {
+          margin: @tabletTitleMargin;
           font-size: @tabletTitleFontSize;
           font-weight: @titleFontWeight;
-          margin: @tabletTitleMargin;
           line-height: @tabletTitleLineHeight;
         }
 
@@ -144,8 +154,8 @@
         }
 
         .actions {
-          align-items: @tabletActionsAlignItems;
           flex-direction: @tabletActionsFlexDirection;
+          align-items: @tabletActionsAlignItems;
 
           .action {
             min-width: @tabletActionsActionMinWidth;
@@ -170,8 +180,8 @@
     min-width: @tabletSharePopupMinWidth;
 
     .actions {
-      flex-flow: row;
       display: flex;
+      flex-flow: row;
 
       .action {
         display: inherit;
@@ -192,10 +202,16 @@
       padding: @computerContentPadding;
 
       .title {
-        font-size: @computerTitleFontSize;
         margin: @computerTitleMargin;
+        font-size: @computerTitleFontSize;
         line-height: @computerTitleLineHeight;
       }
+
+      .subtitle {
+        margin: @computerSubtitleMargin;
+        font-size: @computerSubtitleFontSize;
+        line-height: @computerSubtitleLineHeight;
+      }
     }
   }
 }

package/theme/themes/eea/extras/banner.variables

@@ -36,6 +36,16 @@
 @tabletTitleMargin         : 0 0 0.813rem 0;
 @computerTitleMargin       : 0 0 1.125rem 0;
 
+/* Subtitle */
+@subtitleFontWeight        : @bold;
+@subtitleMaxWidth          : 100%;
+@mobileSubtitleFontSize    : 0.875rem;
+@computerSubtitleFontSize  : 1.125rem;
+@mobileSubtitleLineHeight  : 1rem;
+@computerSubtitleLineHeight: 1.625rem;
+@mobileSubtitleMargin      : 0 0 1.125rem 0;
+@computerSubtitleMargin    : 0 0 1.25rem 0;
+
 /* Metadata */
 @metadataTypeFontWeight    : @bold;
 @mobileMetadataFontSize    : 0.75rem;

package/theme/themes/eea/extras/callout.variables

@@ -2,11 +2,11 @@
             Callout
 *******************************/
 /* Body */
-@mobileCalloutBorderLeft : @5px solid @secondaryColor;
-@tabletCalloutBorderLeft : @10px solid @secondaryColor;
+@mobileCalloutBorderLeft : @5px solid @borderColorSecondaryCSSVar;
+@tabletCalloutBorderLeft : @10px solid @borderColorSecondaryCSSVar;
 
 /* Text */
-@quoteColor            : @japaneseIndigo;
+@quoteColor            : @textColorCSSVar;
 @mobileQuoteFontSize   : 1rem;
 @tabletQuoteFontSize   : @h6;
 @computerQuoteFontSize : @h5;

package/theme/themes/eea/extras/contentBox.less

@@ -28,7 +28,6 @@
     padding-top: @contentBoxContainerMarginTop;
     padding-bottom: @contentBoxContainerMarginBottom;
     position: relative;
-    z-index: 1;
   }
 
   &.primary {
@@ -46,15 +45,23 @@
   }
 }
 
-[class*="content-box"] a {
-  text-decoration: underline;
-}
 .content-box[class*="ary"] {
   --bg-color: transparent;
+  --border-color-secondary: #FFF;
   --text-color: #FFF;
-  --text-color-hover: @grey-1;
+  --text-color-primary: #FFF;
+  --text-color-secondary: #FFF;
+  --text-color-tertiary: #FFF;
+  --text-color-hover: @backgroundColorSupplementary;
 }
 // inherit link
-.content-box[class*="ary"] a {
+.content-box[class*="ary"] a:not(.ui, .item) {
   color: inherit;
+  text-decoration: underline;
+}
+
+// inherit color for slate links within context boxes
+.content-box .slate-editor-link {
+  color: inherit;
+  text-decoration: underline;
 }

package/theme/themes/eea/extras/custom.overrides

@@ -15,9 +15,8 @@
   font-size: @h1;
 }
 
-// remove margin and padding from homepage content-area since we have the bg image over the header
+// remove padding from homepage content-area since we have the bg image over the header
 .homepage .content-area {
-    margin-top: 0 !important;
     padding-top: 0 !important;
 }
 
@@ -74,16 +73,32 @@
   font-weight: inherit;
 }
 
-// inherit color for slate links within context boxes
-.content-box .slate-editor-link {
-  color: inherit;
-}
 
 // customize error class from volto-slate to our color of red
 .error {
     color: @red-5;
 }
 
+.power-user-menu,
+.blocks-chooser {
+  --text-color: @textColor;
+}
+.blocks-chooser {
+  .searchbox {
+    height: auto !important;
+  }
+  .input {
+    width: auto !important;
+  }
+  .clear-search-button {
+    padding: 0.5rem;
+  }
+  .icon {
+    margin-right: 0 !important;
+  }
+}
+
+
 // ensure background of content-box goes above the content area
 // draft image for non published pages
 .view-viewview:not(.wf-state-published) .content-area {