Skip to content

fix(lib): Fix header, footer and table colors to use OUDS ones - #3737

Open
louismaximepiton wants to merge 5 commits into
mainfrom
main-lmp-fix-header-footer
Open

fix(lib): Fix header, footer and table colors to use OUDS ones#3737
louismaximepiton wants to merge 5 commits into
mainfrom
main-lmp-fix-header-footer

Conversation

@louismaximepiton

@louismaximepiton louismaximepiton commented Aug 3, 2026

Copy link
Copy Markdown
Member

Types of change

  • Non-breaking change
  • Breaking change (fix or feature that would change existing functionality and usage)

Related issues

Closes #3736

Context & Motivation

Follow #3736

Description

Use OUDS Colors instead of the Boosted/Bootstrap ones

Checklists

  • I have read the contributing guidelines
  • My change follows the developer guide
  • My change pass all tests
  • My change is compatible with a responsive display
  • I have added tests (Javascript unit test or visual) to cover my changes
  • My change introduces changes to the documentation that I have updated accordingly
    • Title and DOM structure is correct
    • Links have been updated (title changes impact links)
    • CSS for the documentation
  • I have checked all states and combinations of the component with my change
  • I have checked all the impacts for the other components and core behavior (grid, reboot, utilities)

Checklist (for Core Team only)

  • The changes need to be in the migration guide
  • The changes are well displayed in Storybook (be careful if example order has changed for DSM)
  • The changes are compatible with RTL
  • Manually test browser compatibility with BrowserStack (Chrome 120, Firefox 121, Edge 120, Safari 15.6, iOS Safari, Chrome & Firefox on Android)

Progression (for Core Team only)

Live previews

@netlify

netlify Bot commented Aug 3, 2026

Copy link
Copy Markdown

Deploy Preview for boosted ready!

Name Link
🔨 Latest commit 8af93d5
🔍 Latest deploy log https://app.netlify.com/projects/boosted/deploys/6a7595a7bd703a0008f21cfd
😎 Deploy Preview https://deploy-preview-3737--boosted.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@louismaximepiton
louismaximepiton requested a lite review from Copilot August 4, 2026 08:55
@louismaximepiton
louismaximepiton marked this pull request as ready for review August 4, 2026 08:55

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates several UI color defaults to use OUDS Web color variables (notably navbar/header and footer), and refreshes documentation and CSS snapshots accordingly.

Changes:

  • Updated navbar and footer-related SCSS variables to use OUDS color tokens/CSS custom properties.
  • Adjusted navbar active/indicator styling and DocSearch icon hover color.
  • Updated migration documentation and regenerated CSS snapshot fixtures.

Reviewed changes

Copilot reviewed 4 out of 6 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
site/src/scss/_search.scss Uses an OUDS mono pressed color for the DocSearch icon on hover.
site/src/content/docs/getting-started/migration.mdx Adds migration notes for header/footer design color updates.
scss/tests/snapshot-tests/__snapshots__/ouds-web.css Snapshot updates reflecting the new compiled CSS variable outputs.
scss/tests/snapshot-tests/__snapshots__/ouds-web-bootstrap.css Snapshot updates reflecting the new compiled CSS variable outputs (bootstrap variant).
scss/_variables.scss Switches several defaults (table, navbar, footer) from Bootstrap/Boosted emphasis/body colors to OUDS content/action tokens.
scss/_navbar.scss Adjusts active nav-link color handling and active indicator color source.
Files not reviewed (2)
  • scss/tests/snapshot-tests/snapshots/ouds-web-bootstrap.css: Generated file
  • scss/tests/snapshot-tests/snapshots/ouds-web.css: Generated file

Comment thread scss/_navbar.scss
Comment thread site/src/content/docs/getting-started/migration.mdx Outdated
Comment thread scss/_variables.scss
Comment thread site/src/content/docs/getting-started/migration.mdx Outdated
@louismaximepiton louismaximepiton changed the title fix(lib): Fix header and footer color to use OUDS ones fix(lib): Fix header, footer and table colors to use OUDS ones Aug 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Need Dev Review

Development

Successfully merging this pull request may close these issues.

[OUDS] Update header and footer

3 participants