I would push back on the idea of using notice message styles for tips. Tips are meant to call out especially important information that can help someone who's trying to use or contribute to Codex. Notice messages are very subtle and easy to skip over due to their grey colors.

Unfortunately, we don't have a message style that corresponds to the current tip design, which uses our progressive colors. We could consider using the success message type with a custom icon.

In T325063#8463738, @AnneT wrote:

I would push back on the idea of using notice message styles for tips. Tips are meant to call out especially important information that can help someone who's trying to use or contribute to Codex. Notice messages are very subtle and easy to skip over due to their grey colors.

Unfortunately, we don't have a message style that corresponds to the current tip design, which uses our progressive colors. We could consider using the success message type with a custom icon.

@AnneT what if we create then the tip message with progressive tones by using background-color-progressive-subtle and border-color-progressive? We could use a progressive-color icon or we could not use icon.

with icon	without icon

@bmartinezcalvo I think that looks great! Would you want to do that just for the docs site, or make it a new type of Message?

In T325063#8464099, @AnneT wrote:

@bmartinezcalvo I think that looks great! Would you want to do that just for the docs site, or make it a new type of Message?

@AnneT I would create this just for the docs site now to avoid confusions between Notice and Tip message in our design projects. But we can save this design for a new future Codex message type.

Sounds good to me!

@bmartinezcalvo - can you please put an initial/proposed priority level on this task and move it to the Backlog column?
DST prioritization guidance

@bmartinezcalvo this wouldn't be too difficult, but we would need to either apply Message styles to the existing custom block markup, or try to alter the custom block markup to use either our Message Vue component or its markup. And, we'd probably have a bit of back-and-forth in terms of design and implementation. So this is not trivial, but fairly straightforward whenever we want to prioritize it.

In T325063#8550309, @AnneT wrote:

@bmartinezcalvo this wouldn't be too difficult, but we would need to either apply Message styles to the existing custom block markup, or try to alter the custom block markup to use either our Message Vue component or its markup. And, we'd probably have a bit of back-and-forth in terms of design and implementation. So this is not trivial, but fairly straightforward whenever we want to prioritize it.

Let's leave this task as Low priority then.

We already updated the Tip messages in Codex to be the most similar to our Codex Message. I guess we can solve this task. @AnneT could you confirm?