@saschaeggi mentioned we should use a darker blue color for :hover & :active.

Colors definied for Claro

also you can have a look here: https://www.figma.com/file/OqWgzAluHtsOd5uwm1lubFeH/Drupal-Design-system...

Issue fork claro-3083850

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

fhaeberle created an issue. See original summary.

saschaeggi’s picture

Issue tags: +Novice

Links should use the same colors for :hover and :active as the buttons.

ant1’s picture

Status: Active » Needs review
StatusFileSize
new1.2 KB

Added patch for changing of link colors on :hover & :active states.

I did notice that the Absolute Zero Active color of the design system is different of the one in the theme itself.
Should we create a follow-up adressing this issue?

saschaeggi’s picture

@antoineH What color is defined for active?

ant1’s picture

--color-absolutezero-active: #00309e; /* 10% darker than base. */

saschaeggi’s picture

Originally we specified that hover is 10% darker and active 20% darker than the base. But maybe @ckrina or @lauriii can step in to clarify. I just don't remember why it might made sense ;-)

lauriii’s picture

Status: Needs review » Needs work
Issue tags: +Needs reroll
ant1’s picture

Status: Needs work » Needs review
Issue tags: -Needs reroll
StatusFileSize
new1.2 KB
fhaeberle’s picture

Status: Needs review » Needs work

Patch looks good and applies. Thank you! We are still using the old active color value #00309e instead of the "new" #00339a suggested in this issue summary.
Can somebody from the design team verify this?

saschaeggi’s picture

Thanks @fhaeberle. I'm not aware of why it's different but will verify it if I just missed something. Will get back to your question asap.

saschaeggi’s picture

@fhaeberle use the one specified in the Design System (the one in screenshot) please.

fhaeberle’s picture

Status: Needs work » Needs review
StatusFileSize
new711 bytes
new1.73 KB

Thanks! This patch adds the new active color also.

ant1’s picture

Shouldn't we also update the comments, as #00339a isn't 10% but 20% darker than the base color?

lauriii’s picture

Status: Needs review » Needs work

+1

fhaeberle’s picture

Status: Needs work » Needs review
StatusFileSize
new800 bytes
new1.82 KB

Sorry, I accidentally missed those. Changed now.

  • lauriii committed 02cf095 on 8.x-1.x
    Issue #3083850 by fhaeberle, AntoineH, saschaeggi: Darker blue color for...
lauriii’s picture

Status: Needs review » Fixed

Looks good. Thank you! 🙏

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

rinku jacob 13 made their first commit to this issue’s fork.