css: Use specific colors to represent grants, refusals and restrictions
This commit is contained in:
parent
ab90b3e0a1
commit
ce1fed1b1d
|
@ -67,6 +67,11 @@
|
||||||
@menu-flyout-bg-color: @body-bg-color;
|
@menu-flyout-bg-color: @body-bg-color;
|
||||||
@menu-flyout-color: @text-color;
|
@menu-flyout-color: @text-color;
|
||||||
|
|
||||||
|
// Other colors
|
||||||
|
@color-granted: #59cd59;
|
||||||
|
@color-refused: #ee7373;
|
||||||
|
@color-restricted: #dede7d;
|
||||||
|
|
||||||
// Font families
|
// Font families
|
||||||
@font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
@font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
@font-family-fixed: "Liberation Mono", "Lucida Console", Courier, monospace;
|
@font-family-fixed: "Liberation Mono", "Lucida Console", Courier, monospace;
|
||||||
|
|
|
@ -255,11 +255,11 @@ form.role-form {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
&.icon-ok {
|
&.icon-ok {
|
||||||
color: @color-ok;
|
color: @color-granted;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.icon-cancel {
|
&.icon-cancel {
|
||||||
color: @color-critical;
|
color: @color-refused;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue