Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-7140

Apply the new identity to the Search page

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Merged
    • Icon: Should have Should have
    • None
    • 5
    • Styling/Theme
    • Sprint #209
    • pandora

      Requirements

      • Apply the new dark grey #1C1C1C to the default body text.
      • Replace the blue color with the GP-green 800 #198700 for the contextual navigation links.
      • Replace the border color of the search box from #074365 to grey-300 (#D1D2D3).
      • Replace the border color of the filter-sidebar items with grey-300.
      • Apply the new dark green color to the secondary buttons (Cancel + Show more results).
      • Replace the color of the orange CTA buttons (Search + Apply filters) with the new P4 Action Yellow.
      • Remove the background color of the close button in the filter modal.
      • Add a circular background with the color Grey-200 (#ECECEC) when hovering over the filter modal close button.
      • Apply the grey 600 #6F7376 to the search result date
      • Change the "selected filter" style:
        • Remove the stroke.
        • Apply the grey-200 (#ECECEC) for the background.
        • Apply the grey-900 (#1C1C1C) for the text.
        • Add a 4px border-radius
      • Apply the secondary blue-green-800 (#167F82) color for the background of the labels, remove the bold font weight and set border-radius to 4px
      • Apply the new secondary button styles to the "Clear all" button

      Resources

            mleray Maud Leray
            hsaleh Houssam
            Houssam Houssam
            Florent Hernandez Florent Hernandez
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: