diff --git a/html/cgi-bin/ovpnmain.cgi b/html/cgi-bin/ovpnmain.cgi
index 5cf2f5eab..b89fe432d 100755
--- a/html/cgi-bin/ovpnmain.cgi
+++ b/html/cgi-bin/ovpnmain.cgi
@@ -5462,12 +5462,12 @@ END
print "";
print "
" . $Lang::tr{"$confighash{$key}[3]"} . " (" . $Lang::tr{"$confighash{$key}[4]"} . ") | ";
print "$confighash{$key}[25] | ";
- $col1="bgcolor='${Header::colourred}'";
- my $active = "$Lang::tr{'capsclosed'}";
+ $col1="class='status is-disconnected'";
+ my $active = "$Lang::tr{'capsclosed'}";
if ($confighash{$key}[0] eq 'off') {
- $col1="bgcolor='${Header::colourblue}'";
- $active = "$Lang::tr{'capsclosed'}";
+ $col1="class='status is-disabled'";
+ $active = "$Lang::tr{'capsclosed'}";
} else {
###
@@ -5498,11 +5498,11 @@ END
####
if (($tustate[1] eq 'CONNECTED') || ($tustate[1] eq 'WAIT')) {
- $col1="bgcolor='${Header::colourgreen}'";
- $active = "$Lang::tr{'capsopen'}";
+ $col1="class='status is-connected'";
+ $active = "$Lang::tr{'capsopen'}";
}else {
- $col1="bgcolor='${Header::colourred}'";
- $active = "$tustate[1]";
+ $col1="class='status is-disconnected'";
+ $active = "$tustate[1]";
}
}
}
@@ -5518,8 +5518,8 @@ END
$cn = $match[1];
}
if ($cn eq "$confighash{$key}[2]") {
- $col1="bgcolor='${Header::colourgreen}'";
- $active = "$Lang::tr{'capsopen'}";
+ $col1="class='status is-connected'";
+ $active = "$Lang::tr{'capsopen'}";
}
}
}
diff --git a/html/html/themes/ipfire/include/css/style.css b/html/html/themes/ipfire/include/css/style.css
index 5b1f84b3e..2d4338892 100644
--- a/html/html/themes/ipfire/include/css/style.css
+++ b/html/html/themes/ipfire/include/css/style.css
@@ -392,7 +392,7 @@ table {
color: var(--color-green-invert);
}
-.tbl .status.is-stopped {
+.tbl .status.is-stopped, .tbl .status.is-disconnected {
background-color: var(--color-red);
color: var(--color-red-invert);