Use a darker "delete" color

The color we were using didn't have enough contrast against a white
background, which made it harder to read texts like "Remove map marker"
or "Erase my account".

Since the new color is almost identical to the color we were using on
hover and for the border, we're changing the color on hover as well,
while IMHO it's no longer necessary to use a different color for the
border.
This commit is contained in:
Javi Martín
2023-09-26 17:51:28 +02:00
parent 64edfe5c98
commit 959176b66d
3 changed files with 5 additions and 5 deletions

View File

@@ -76,7 +76,7 @@ $debates: $brand !default;
$like: #7bd2a8 !default; $like: #7bd2a8 !default;
$unlike: #ef8585 !default; $unlike: #ef8585 !default;
$delete: #f04124 !default; $delete: #db2e0f !default;
$check: #46db91 !default; $check: #46db91 !default;
$proposals: #ffa42d !default; $proposals: #ffa42d !default;

View File

@@ -347,7 +347,7 @@ code {
// ----------------- // -----------------
.delete { .delete {
border-bottom: 1px dotted #cf2a0e; border-bottom: 1px dotted;
color: $delete; color: $delete;
font-size: $small-font-size; font-size: $small-font-size;
@@ -355,7 +355,7 @@ code {
&:active, &:active,
&:focus { &:focus {
border-bottom-color: transparent; border-bottom-color: transparent;
color: #cf2a0e; color: darken($delete, 10%);
} }
} }

View File

@@ -1,5 +1,5 @@
.map-location-remove-marker { .map-location-remove-marker {
border-bottom: 1px dotted #cf2a0e; border-bottom: 1px dotted;
border-radius: 0; border-radius: 0;
color: $delete; color: $delete;
cursor: pointer; cursor: pointer;
@@ -10,7 +10,7 @@
&:active, &:active,
&:focus { &:focus {
border-bottom-style: solid; border-bottom-style: solid;
color: #cf2a0e; color: darken($delete, 10%);
} }
} }