Skip to content

IS-12154 Update call to action colors and restyle alerts - #350

Open
urre wants to merge 1 commit into
mainfrom
feature/main/IS-12154-alert-style-status-colours
Open

urre wants to merge 1 commit into
mainfrom
feature/main/IS-12154-alert-style-status-colours

Conversation

@urre

@urre urre commented Oct 6, 2026 •

Copy link
Copy Markdown
Collaborator

Restyles alerts as a tinted box with a coloured line icon and updates the status colours to fit the purple scheme (IS-12154).

Related PR:s

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@urre
urre requested review from luisgoncalves and markoweb and a balanced review from Copilot October 6, 2026 11:42
Comment thread src/common/css/docs/src/components/BaseHead.astro
@urre urre changed the title IS-12154 Restyle alerts and update status colours Update call to action colors and restyle alerts Oct 6, 2026
@urre urre changed the title Update call to action colors and restyle alerts IS-12154 Update call to action colors and restyle alerts Oct 6, 2026

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.

Copilot review overview

🟡 Changes recommended

The success color fails text contrast requirements, and the code-block dark color branch cannot activate.

Review effort: Balanced
Findings: 2 Medium severity · 1 Low severity

Open (3)
What changed in this PR

Restyles semantic alerts and updates status colors across the CSS toolkit and documentation.

Changes:

  • Adds tinted alerts with mask-based icons and structured content styles.
  • Updates semantic colors and button hover states.
  • Refreshes documentation styling, examples, and favicon.
File Description
lib/​src/​curity-theme.css Updates semantic status colors.
lib/​src/​component/​component-alert.css Implements the new alert design.
lib/​src/​base/​base-buttons.css Darkens semantic button hover states.
docs/​src/​styles/​global.css Restyles documentation code blocks.
docs/​src/​pages/​layout/​gridlegacy.mdx Updates legacy-grid alert markup.
docs/​src/​pages/​components/​alert.mdx Documents the redesigned alerts.
docs/​src/​components/​BaseHead.astro Switches to the PNG favicon.
docs/​public/​favicon.png Provides the new favicon asset.
.gitignore Preserves the source favicon.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/common/css/docs/src/styles/global.css
Comment thread src/common/css/lib/src/curity-theme.css
# Grid (legacy)

<div class="alert alert-warning"><p>This is an older grid system using floats. It is still in the CSS Toolkit but is not recommended to use anymore. Use flexbox or CSS Grid instead.</p></div>
<div class="alert alert-warning">This is an older grid system using floats. It is still in the CSS Toolkit but is not recommended to use anymore. Use flexbox or CSS Grid instead.</div>

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants