Improve green link colour contrast on the marketing pages (#26461)

* Fix visited link colour

* Udpdate green link colors for the marketing pages

* Use the semantic color variables

GitOrigin-RevId: c53240cbd6f3608031d6e98db8203fe7bb414a9b
This commit is contained in:
Rebeka Dekany
2025-06-26 19:06:57 +02:00
committed by Copybot
parent 5c8123a9c5
commit 59cda9d73f
4 changed files with 11 additions and 11 deletions

View File

@@ -30,10 +30,10 @@ a {
@include font-mono;
font-weight: 500;
color: var(--green-50);
color: var(--link-web);
&:hover {
color: var(--green-60);
color: var(--link-web-hover);
}
}

View File

@@ -90,8 +90,8 @@ $border-disabled: $neutral-20;
$border-active: $blue-50;
$border-danger: $red-50;
$border-divider: $neutral-20;
$link-web: $green-50;
$link-web-hover: $green-60;
$link-web: $green-60;
$link-web-hover: $green-70;
$link-web-visited: $green-60;
$link-ui: $blue-50;
$link-ui-hover: $blue-60;
@@ -203,9 +203,9 @@ $link-ui-visited-dark: $blue-40;
--border-danger: var(--red-50);
--border-divider: var(--neutral-20);
--border-dark-divider: var(--neutral-70);
--link-web: var(--green-50);
--link-web-hover: var(--green-60);
--link-web-visited: var(--green-50);
--link-web: var(--green-60);
--link-web-hover: var(--green-70);
--link-web-visited: var(--green-60);
--link-ui: var(--blue-50);
--link-ui-hover: var(--blue-60);
--link-ui-visited: var(--blue-60);

View File

@@ -47,11 +47,11 @@
text-decoration: none;
&:visited {
color: var(--green-50);
color: var(--link-web-visited);
}
&:hover {
color: var(--green-60);
color: var(--link-web-hover);
}
&.active {

View File

@@ -386,7 +386,7 @@
}
.inline-green-link {
color: var(--green-50);
color: var(--link-web);
padding: 0;
text-decoration: underline;
@@ -395,7 +395,7 @@
text-decoration-skip-ink: none;
&:hover {
color: var(--green-60);
color: var(--link-web-hover);
}
// TODO: this is copied directly from the `.less` file, migrate this to scss