From 959176b66d7492a7400bd15378d41498cc42ce79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Javi=20Mart=C3=ADn?= Date: Tue, 26 Sep 2023 17:51:28 +0200 Subject: [PATCH] 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. --- app/assets/stylesheets/_consul_settings.scss | 2 +- app/assets/stylesheets/admin.scss | 4 ++-- app/assets/stylesheets/map_location.scss | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss index bbf168e92..34c716112 100644 --- a/app/assets/stylesheets/_consul_settings.scss +++ b/app/assets/stylesheets/_consul_settings.scss @@ -76,7 +76,7 @@ $debates: $brand !default; $like: #7bd2a8 !default; $unlike: #ef8585 !default; -$delete: #f04124 !default; +$delete: #db2e0f !default; $check: #46db91 !default; $proposals: #ffa42d !default; diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss index 261cbe0c5..542a765a7 100644 --- a/app/assets/stylesheets/admin.scss +++ b/app/assets/stylesheets/admin.scss @@ -347,7 +347,7 @@ code { // ----------------- .delete { - border-bottom: 1px dotted #cf2a0e; + border-bottom: 1px dotted; color: $delete; font-size: $small-font-size; @@ -355,7 +355,7 @@ code { &:active, &:focus { border-bottom-color: transparent; - color: #cf2a0e; + color: darken($delete, 10%); } } diff --git a/app/assets/stylesheets/map_location.scss b/app/assets/stylesheets/map_location.scss index 00f322efe..f613d1dd6 100644 --- a/app/assets/stylesheets/map_location.scss +++ b/app/assets/stylesheets/map_location.scss @@ -1,5 +1,5 @@ .map-location-remove-marker { - border-bottom: 1px dotted #cf2a0e; + border-bottom: 1px dotted; border-radius: 0; color: $delete; cursor: pointer; @@ -10,7 +10,7 @@ &:active, &:focus { border-bottom-style: solid; - color: #cf2a0e; + color: darken($delete, 10%); } }