From 6afb4d464072ad0ec295a39ee74dcf65fd4a98ee Mon Sep 17 00:00:00 2001 From: Tykayn Date: Tue, 15 Mar 2022 11:01:16 +0100 Subject: [PATCH] helpers to colorize svg for yes maybe no --- src/styles/dev-utilities/_helpers.scss | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/src/styles/dev-utilities/_helpers.scss b/src/styles/dev-utilities/_helpers.scss index 59b9ac3e..af980b3c 100644 --- a/src/styles/dev-utilities/_helpers.scss +++ b/src/styles/dev-utilities/_helpers.scss @@ -90,14 +90,15 @@ .is-filtered-icon-primary { filter: invert(48%) sepia(68%) saturate(6489%) hue-rotate(233deg) brightness(89%) contrast(81%); } -.is-filtered-icon-yes { - filter: invert(48%) sepia(68%) saturate(6489%) hue-rotate(233deg) brightness(89%) contrast(81%); + +.is-filtered-icon-YES { + filter: invert(43%) sepia(49%) saturate(633%) hue-rotate(97deg) brightness(84%) contrast(99%); } -.is-filtered-icon-maybe { - filter: invert(48%) sepia(68%) saturate(6489%) hue-rotate(233deg) brightness(89%) contrast(81%); +.is-filtered-icon-MAYBE { + filter: invert(35%) sepia(83%) saturate(423%) hue-rotate(5deg) brightness(95%) contrast(89%); } -.is-filtered-icon-no { - filter: invert(48%) sepia(68%) saturate(6489%) hue-rotate(233deg) brightness(89%) contrast(81%); +.is-filtered-icon-NO { + filter: invert(21%) sepia(89%) saturate(2445%) hue-rotate(334deg) brightness(85%) contrast(104%); } .is-large-button { width: 100%;