$green-text-color: #006100;
$background-color-primary: #408540;
$background-color-secondary: lighten(saturate(adjust-hue($background-color-primary, -24), 9), 9);
$background-color-modal: lighten( saturate( $background-color-secondary, 5 ), 30 );
// Copied from Bootstrap 5 without system-ui because of
// https://infinnie.github.io/blog/2017/systemui.html
h5,
h6 {
margin: .5em 0;
a, a:link, a:visited {
color: #000;
}
hr {
margin: 1em auto;
padding: .5em;
text-align: center;
display: table;
width: 65%;
max-width: 600px;
.modal-header {
.closebtn {
margin-top: 4px;
filter: alpha(opacity = 20);
cursor: pointer;
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
opacity: .2;
text-decoration: none;
text-shadow: 0 1px 0 rgba( 255, 255, 255, .4 );
&:hover,
&:focus,
&:focus {
&:hover {
text-shadow: 0 1px 0 rgba( 255, 255, 255, .6 );
&:active {
box-shadow: none;
text-shadow: 0 1px 0 rgba( 255, 255, 255, .9 );
border-bottom: 1px solid $background-color-secondary;
h3 {
filter: alpha(opacity = 50);
opacity: .5;
.modal-content {
background-color: rgb(211, 223, 204);
background-color: $background-color-modal;
fieldset {
.modal-footer {
border-top: 1px solid $background-color-secondary;
.btn-group {
label,
select {
<h4 class="modal-title">' + title + '</h4>\
</div>\
<div class="modal-body"><textarea id="code' + reportid + '">' + message + '</textarea>\
<div class="modal-footer">\
<a id="preview-modal-editreport" class="btn btn-default" href="/cgi-bin/koha/reports/guided_reports.pl?reports=' + reportid + '&phase=Edit%20SQL"><i class="fa fa-pencil"></i> ' + _("Edit") + '</a>\
<a id="preview-modal-duplicate" class="btn btn-default" href="/cgi-bin/koha/reports/guided_reports.pl?phase=Create report from existing&report_id=' + reportid + '"><i class="fa fa-copy"></i> ' + _("Duplicate") + '</a>\
-