Skip to content
Snippets Groups Projects
Commit 49f9a8d7 authored by Marlène SIMONDANT's avatar Marlène SIMONDANT
Browse files

Radio buttons : checkmark color

parent 7f5ee989
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
ds-ml-css/components/radio-button-checkbox.scss
+ 3
− 3
View file @ 49f9a8d7
......@@ -99,7 +99,7 @@
/* Show the indicator (dot/circle) when checked */
&:checked ~ .radio-wrapper .radiomark:after {
display: block;
background: var(--ml-main);
background: var(--ml-radio-checked-color);
}
/* Show the checkmark when checked */
......@@ -133,7 +133,7 @@
/* Create the indicator (the dot/circle - hidden when not checked) */
&:after {
content: "";
content: '';
position: absolute;
display: none;
top: calc(var(--ml-radio-button-size) / 4);
......@@ -151,7 +151,7 @@
/* Create the checkmark/indicator (hidden when not checked) */
&:after {
content: "\2713";
content: '\2713';
top: 0;
left: 0;
width: var(--ml-radio-button-size);
......
ds-ml-css/ds-ml-theme.scss
+ 49
− 44
View file @ 49f9a8d7
body.theme-purple.light {
--ml-text-button-primary: #FFFFFF;
--ml-text-button-primary-hover: #FFFFFF;
--ml-text-button-primary-disabled: #8993A4;
--ml-text-button-secondary: #744DDD;
--ml-text-button-secondary-hover: #422C7E;
--ml-text-button-secondary-disabled: #C1C7D0;
--ml-text-button-primary: #ffffff;
--ml-text-button-primary-hover: #ffffff;
--ml-text-button-primary-disabled: #8993a4;
--ml-text-button-secondary: #744ddd;
--ml-text-button-secondary-hover: #422c7e;
--ml-text-button-secondary-disabled: #c1c7d0;
--ml-border-button-primary: #744DDD;
--ml-border-button-primary-hover: #422C7E;
--ml-border-button-secondary: #744DDD; //#1B1C22; // bug dans couleurs maquette
--ml-border-button-secondary-hover: #744DDD; //#353A47; // bug dans couleurs maquette
--ml-border-button-disabled: #C1C7D0;
--ml-border-button-primary: #744ddd;
--ml-border-button-primary-hover: #422c7e;
--ml-border-button-secondary: #744ddd; //#1B1C22; // bug dans couleurs maquette
--ml-border-button-secondary-hover: #744ddd; //#353A47; // bug dans couleurs maquette
--ml-border-button-disabled: #c1c7d0;
--ml-background-button-primary: #744DDD;
--ml-background-button-primary-hover: #422C7E;
--ml-background-button-primary-disabled: #EBECF0;
--ml-background-button-secondary: #B79DFF;
--ml-background-button-secondary-hover: #F0ECFA;
--ml-background-button-tertiary-hover: #F0ECFA;
--ml-background-button-primary: #744ddd;
--ml-background-button-primary-hover: #422c7e;
--ml-background-button-primary-disabled: #ebecf0;
--ml-background-button-secondary: #b79dff;
--ml-background-button-secondary-hover: #f0ecfa;
--ml-background-button-tertiary-hover: #f0ecfa;
--ml-radio-checked-color: #744ddd;
}
body.theme-purple.dark {
--ml-text-button-primary: #1B1C22;
--ml-text-button-primary-hover: #1B1C22;
--ml-text-button-primary-disabled: #8993A4;
--ml-text-button-secondary: #B79DFF;
--ml-text-button-secondary-hover: #DDD0FF;
--ml-text-button-secondary-disabled: #4F5561;
--ml-text-button-primary: #1b1c22;
--ml-text-button-primary-hover: #1b1c22;
--ml-text-button-primary-disabled: #8993a4;
--ml-text-button-secondary: #b79dff;
--ml-text-button-secondary-hover: #ddd0ff;
--ml-text-button-secondary-disabled: #4f5561;
--ml-border-button-primary: #B79DFF;
--ml-border-button-primary-hover: #744DDD; //#DDD0FF; // bug dans couleurs maquette
--ml-border-button-secondary: #B79DFF; //#FFFFFF; // bug dans couleurs maquette
--ml-border-button-secondary-hover: #DDD0FF; //#DFE1E6; // bug dans couleurs maquette
--ml-border-button-disabled: #4F5561;
--ml-border-button-primary: #b79dff;
--ml-border-button-primary-hover: #744ddd; //#DDD0FF; // bug dans couleurs maquette
--ml-border-button-secondary: #b79dff; //#FFFFFF; // bug dans couleurs maquette
--ml-border-button-secondary-hover: #ddd0ff; //#DFE1E6; // bug dans couleurs maquette
--ml-border-button-disabled: #4f5561;
--ml-background-button-primary: #B79DFF;
--ml-background-button-primary-hover: #744DDD;
--ml-background-button-primary-disabled: #353A47;
--ml-background-button-secondary: #B79DFF;
--ml-background-button-primary: #b79dff;
--ml-background-button-primary-hover: #744ddd;
--ml-background-button-primary-disabled: #353a47;
--ml-background-button-secondary: #b79dff;
--ml-background-button-secondary-hover: #312849;
--ml-background-button-tertiary-hover: #312849;
--ml-radio-checked-color: #b79dff;
}
// Maquette à faire pour le theme red
body.theme-red.light {
--ml-text-button-primary: #FFFFFF;
--ml-text-button-primary-hover: #FFFFFF;
--ml-text-button-primary-disabled: #8993A4;
--ml-text-button-primary: #ffffff;
--ml-text-button-primary-hover: #ffffff;
--ml-text-button-primary-disabled: #8993a4;
--ml-text-button-secondary: #e60028;
--ml-text-button-secondary-hover: #b50028;
--ml-text-button-secondary-disabled: #C1C7D0;
--ml-text-button-secondary-disabled: #c1c7d0;
--ml-border-button-primary: #e60028;
--ml-border-button-primary-hover: #b50028;
--ml-border-button-secondary: #e60028;
--ml-border-button-secondary-hover: #e60028;
--ml-border-button-disabled: #C1C7D0;
--ml-border-button-disabled: #c1c7d0;
--ml-background-button-primary: #e60028;
--ml-background-button-primary-hover: #b50028;
......@@ -66,26 +67,30 @@ body.theme-red.light {
--ml-background-button-secondary: #fe8896;
--ml-background-button-secondary-hover: #ffedf0;
--ml-background-button-tertiary-hover: #ffedf0;
--ml-radio-checked-color: #e60028;
}
body.theme-red.dark {
--ml-text-button-primary: #1B1C22;
--ml-text-button-primary-hover: #1B1C22;
--ml-text-button-primary-disabled: #8993A4;
--ml-text-button-primary: #1b1c22;
--ml-text-button-primary-hover: #1b1c22;
--ml-text-button-primary-disabled: #8993a4;
--ml-text-button-secondary: #fe8896;
--ml-text-button-secondary-hover: #fe8896;
--ml-text-button-secondary-disabled: #C1C7D0;
--ml-text-button-secondary-disabled: #c1c7d0;
--ml-border-button-primary: #fe8896;
--ml-border-button-primary-hover: #e60028;
--ml-border-button-secondary: #fe8896;
--ml-border-button-secondary-hover: #fe8896;
--ml-border-button-disabled: #C1C7D0;
--ml-border-button-disabled: #c1c7d0;
--ml-background-button-primary: #fe8896;
--ml-background-button-primary-hover: #e60028;
--ml-background-button-primary-disabled: #353A47;
--ml-background-button-primary-disabled: #353a47;
--ml-background-button-secondary: #fe8896;
--ml-background-button-secondary-hover: #600028;
--ml-background-button-tertiary-hover: #600028;
--ml-radio-checked-color: #e60028;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment