give alertify popups their own bg var

pull/1/head
ansuz 8 years ago
parent 8b034a9554
commit bc49e143b8

@ -54,7 +54,7 @@
} }
.alertify .dialog > div, .alertify .dialog > div,
.alertify .alert > div { .alertify .alert > div {
background-color: #685d56; background-color: #333;
border-radius: 5px; border-radius: 5px;
} }
.alertify .dialog > *, .alertify .dialog > *,
@ -91,7 +91,7 @@
} }
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button),
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) { .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
background-color: transparent; background-color: rgba(200, 200, 200, 0.05);
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
outline: 0; outline: 0;
@ -117,7 +117,7 @@
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover,
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active,
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active { .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(200, 200, 200, 0.15);
} }
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus,
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus { .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus {

@ -54,7 +54,7 @@
} }
.alertify .dialog > div, .alertify .dialog > div,
.alertify .alert > div { .alertify .alert > div {
background-color: #685d56; background-color: #333;
border-radius: 5px; border-radius: 5px;
} }
.alertify .dialog > *, .alertify .dialog > *,
@ -91,7 +91,7 @@
} }
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button),
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) { .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
background-color: transparent; background-color: rgba(200, 200, 200, 0.05);
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
outline: 0; outline: 0;
@ -117,7 +117,7 @@
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover,
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active,
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active { .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(200, 200, 200, 0.15);
} }
.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus,
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus { .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus {

@ -56,7 +56,7 @@
.dialog, .alert { .dialog, .alert {
& > div { & > div {
background-color: @light-base; background-color: @alertify-dialog-bg;
border-radius: 5px; border-radius: 5px;
} }

@ -22,10 +22,13 @@
@text-color: rgba(0, 0, 0, .8); @text-color: rgba(0, 0, 0, .8);
@border-radius: 1px; @border-radius: 1px;
@alertify-dialog-bg: #333;
@alertify-dialog-fg: @fore;
@alertify-btn-fg: @fore; @alertify-btn-fg: @fore;
@alertify-btn-bg: transparent; @alertify-btn-bg: rgba(200, 200, 200, 0.05);
@alertify-btn-bg-hover: rgba(0, 0, 0, .15); @alertify-btn-bg-hover: rgba(200, 200, 200, .15);
@alertify-bg: rgba(0, 0, 0, .3); @alertify-bg: rgba(0, 0, 0, .3);

Loading…
Cancel
Save