Use more faded red for danger alert backgrounds

pull/1/head
David Benqué 4 years ago
parent 1352a6d8fd
commit ffad850434

@ -53,7 +53,7 @@
@cryptpad_color_light_blue: #00b7d8; @cryptpad_color_light_blue: #00b7d8;
@cryptpad_color_red: #ff1100; @cryptpad_color_red: #ff1100;
@cryptpad_color_red_fade: fade(@cryptpad_color_red, 50%); @cryptpad_color_red_fade: fade(@cryptpad_color_red, 50%);
@cryptpad_color_red_fader: fade(@cryptpad_color_red, 25%); @cryptpad_color_red_fader: fade(@cryptpad_color_red, 15%);
@cryptpad_color_warn_red: @cryptpad_color_red_fade; @cryptpad_color_warn_red: @cryptpad_color_red_fade;
@cryptpad_color_dark_red: #9e0000; @cryptpad_color_dark_red: #9e0000;
@cryptpad_color_light_red: #FFD4D4; @cryptpad_color_light_red: #FFD4D4;

@ -53,7 +53,7 @@
@cryptpad_color_light_blue: #00b7d8; @cryptpad_color_light_blue: #00b7d8;
@cryptpad_color_red: #ff1100; @cryptpad_color_red: #ff1100;
@cryptpad_color_red_fade: fade(@cryptpad_color_red, 50%); @cryptpad_color_red_fade: fade(@cryptpad_color_red, 50%);
@cryptpad_color_red_fader: fade(@cryptpad_color_red, 25%); @cryptpad_color_red_fader: fade(@cryptpad_color_red, 15%);
@cryptpad_color_warn_red: @cryptpad_color_red_fade; @cryptpad_color_warn_red: @cryptpad_color_red_fade;
@cryptpad_color_dark_red: #9e0000; @cryptpad_color_dark_red: #9e0000;
@cryptpad_color_light_red: #FFD4D4; @cryptpad_color_light_red: #FFD4D4;

@ -156,14 +156,11 @@
} }
div.cp-inline-img-warning { div.cp-inline-img-warning {
@cryptpad_test_red_fader: fade(@cryptpad_color_red, 15%); // XXX
display: inline-block; display: inline-block;
padding: 10px; padding: 10px;
color: @cryptpad_text_col;
color: @cryptpad_text_col; // XXX background-color: @cryptpad_color_red_fader;
background-color: @cryptpad_test_red_fader; // XXX @cryptpad_color_red_fader;
border: 1px solid @cryptpad_color_red; border: 1px solid @cryptpad_color_red;
.cp-inline-img { .cp-inline-img {
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;

Loading…
Cancel
Save