fix: correct color styling for button links

Author: KarenKonou

weblate/static/style-dark.css

@@ -1013,6 +1013,12 @@ fieldset[disabled] .btn-link {
   text-decoration-color: currentcolor;
   background-color: transparent;
 }
+a.btn-link:hover {
+  color: #6cf8d8;
+  path {
+    fill: #6cf8d8;
+  }
+}
 .btn-link[disabled]:hover,
 fieldset[disabled] .btn-link:hover,
 .btn-link[disabled]:focus,

weblate/static/styles/main.css

@@ -1355,6 +1355,25 @@ thead th {
 
 .btn-link {
   padding: 6px;
+  text-decoration: none;
+}
+
+.btn-link:hover {
+  text-decoration: none;
+}
+
+a.btn-link {
+  color: var(--bs-link-color);
+  path {
+    fill: var(--bs-link-color);
+  }
+}
+
+a.btn-link:hover {
+  color: var(--bs-btn-hover-color);
+  path {
+    fill: var(--bs-btn-hover-color);
+  }
 }
 
 .btn-link.btn-xs {

weblate/templates/translate.html

@@ -794,7 +794,7 @@ <h4 class="card-title">
             </table>
             {% if user_can_add_glossary and addterm_form.fields.translation.queryset %}
               <div class="card-footer card-footer-links">
-                <a class="btn btn-link green"
+                <a class="btn btn-link"
                    href="#"
                    data-bs-toggle="modal"
                    data-bs-target="#add-glossary-form">{% icon "plus-circle.svg" %} {% translate "Add term to glossary" %}</a>
@@ -839,7 +839,7 @@ <h5>
                 {% endfor %}
                 {% if user_can_add_screenshot %}
                   <br />
-                  <a class="btn btn-link green"
+                  <a class="btn btn-link"
                      href="#"
                      data-bs-toggle="modal"
                      data-bs-target="#add-screenshot-form">{% icon "plus-circle.svg" %} {% translate "Add screenshot" %}</a>