fix: [webservice] Improved the readability of the CVSS score. Text is…

… now bold and in white when the bacground is dark.

website/web/templates/vulnerability_templates.html

@@ -96,7 +96,7 @@ <h6 class="card-subtitle mb-2 text-body-secondary">
           <div class="col-md-2 fw-bold">Modified</div><div class="col">{{ vulnerability_data['cveMetadata']['dateUpdated'] | string_to_datetime('%Y-%m-%d %H:%M') }}</div>
       </div>
       {% if vulnerability_data['containers']['cna']['metrics'] %}
-      {% set severity_css = {"Low": "bg-success", "Medium": "bg-warning", "High": "bg-danger", "Critical": "bg-danger"} %}
+      {% set severity_css = {"Low": "fw-bold bg-success", "Medium": "fw-bold bg-warning ", "High": "fw-bold bg-danger text-light", "Critical": "fw-bold bg-danger text-light"} %}
       <div class="row">
         <div class="col-md-2 fw-bold">Severity</div>
         <div class="col">
@@ -194,7 +194,7 @@ <h6 class="card-subtitle mb-2 text-body-secondary">
     <div class="row">
       <div class="col-md-2 fw-bold">Severity</div>
       <div class="col">
-        {% set severity_css = {"Low": "bg-success", "Medium": "bg-warning", "High": "bg-danger", "Critical": "bg-danger"} %}
+        {% set severity_css = {"Low": "fw-bold bg-success", "Medium": "fw-boldbg-warning", "High": "fw-bold bg-danger text-light", "Critical": "fw-bold bg-danger text-light"} %}
         {% set versions = {"CVSS_V3": "3.1", "CVSS_V4": "4.0"} %}
         {% for severity in vulnerability_data['severity'] %}
           <span class="{{ severity_css[severity['score'] | cvss_severity(severity['type'])] }}">{{ severity['score'] | cvss_base_score(severity['type']) }} ({{ severity['score'] | cvss_severity(severity['type']) }})</span> - {{ severity['type'] }} - <a href="https://www.first.org/cvss/calculator/{{ versions[severity['type']] }}#{{ severity['score'] | cvss_clean_vector(severity['type']) }}" rel="noreferrer" target="_blank">{{ severity['score'] | cvss_clean_vector(severity['type']) }}</a><br />
@@ -520,7 +520,7 @@ <h6 class="card-subtitle mb-2 text-body-secondary">
     <div class="row">
       <div class="col-md-2 fw-bold">Severity</div>
       <div class="col">
-        {% set severity_css = {"Low": "bg-success", "Medium": "bg-warning", "High": "bg-danger", "Critical": "bg-danger"} %}
+        {% set severity_css = {"Low": "fw-bold bg-success", "Medium": "fw-bold bg-warning", "High": "fw-bold bg-danger", "Critical": "fw-bold bg-danger text-light"} %}
         {% set versions = {"CVSS_V3": "3.1", "CVSS_V4": "4.0"} %}
         {% for severity in vulnerability_data['severity'] %}
           <span class="{{ severity_css[severity['score'] | cvss_severity(severity['type'])] }}">{{ severity['score'] | cvss_base_score(severity['type']) }} ({{ severity['score'] | cvss_severity(severity['type']) }})</span> - {{ severity['type'] }} - <a href="https://www.first.org/cvss/calculator/{{ versions[severity['type']] }}#{{ severity['score'] | cvss_clean_vector(severity['type']) }}" rel="noreferrer" target="_blank">{{ severity['score'] | cvss_clean_vector(severity['type']) }}</a><br />