portal: home progress bar colours

This commit is contained in:
Iain Learmonth 2022-05-14 11:14:49 +01:00
parent 4686daf449
commit c076681449
2 changed files with 6 additions and 2 deletions

View file

@ -101,6 +101,10 @@ body {
box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
} }
.bg-onion {
background-color: #7d4698;
}
.btn-onion { .btn-onion {
background-color: #7d4698; background-color: #7d4698;
border-color: #7d4698; border-color: #7d4698;

View file

@ -55,7 +55,7 @@
<h5 class="card-title">Onionification progress:</h5> <h5 class="card-title">Onionification progress:</h5>
<p class="card-text"><span class="display-1">{{ onionified }}</span>/{{ total_origins }}</p> <p class="card-text"><span class="display-1">{{ onionified }}</span>/{{ total_origins }}</p>
<div class="progress"> <div class="progress">
<div class="progress-bar" role="progressbar" <div class="progress-bar bg-onion" role="progressbar"
style="width: {{ onionified / total_origins * 100 }}%" style="width: {{ onionified / total_origins * 100 }}%"
aria-valuenow="{{ onionified / total_origins * 100 }}" aria-valuemin="0" aria-valuenow="{{ onionified / total_origins * 100 }}" aria-valuemin="0"
aria-valuemax="100">{{ (onionified / total_origins * 100) | int }}% aria-valuemax="100">{{ (onionified / total_origins * 100) | int }}%
@ -72,7 +72,7 @@
<h5 class="card-title">Origins with censorship detected:</h5> <h5 class="card-title">Origins with censorship detected:</h5>
<p class="card-text"><span class="display-1">{{ ooni_blocked }}</span>/{{ total_origins }}</p> <p class="card-text"><span class="display-1">{{ ooni_blocked }}</span>/{{ total_origins }}</p>
<div class="progress"> <div class="progress">
<div class="progress-bar" role="progressbar" <div class="progress-bar bg-danger" role="progressbar"
style="width: {{ ooni_blocked / total_origins * 100 }}%" style="width: {{ ooni_blocked / total_origins * 100 }}%"
aria-valuenow="{{ ooni_blocked / total_origins * 100 }}" aria-valuemin="0" aria-valuenow="{{ ooni_blocked / total_origins * 100 }}" aria-valuemin="0"
aria-valuemax="100">{{ (ooni_blocked / total_origins * 100) | int }}% aria-valuemax="100">{{ (ooni_blocked / total_origins * 100) | int }}%