give alertify popups their own bg var

This commit is contained in:
ansuz 2016-12-27 12:33:21 +01:00
parent 8b034a9554
commit bc49e143b8
4 changed files with 12 additions and 9 deletions

View file

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

View file

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

View file

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

View file

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