Improve package buttons contrast

diff --git a/app/scss/custom.scss b/app/scss/custom.scss
index e25aaf617674297720d25fdaf9ac00a0b672e252..419edb09fd0e13118d98d7d7f4249a6fdd2ee3e0 100644 (file)
--- a/app/scss/custom.scss
+++ b/app/scss/custom.scss
@@ -37,9 +37,19 @@
        background-position: center;
 
        .btn-outline-secondary {
-               color: #eee;
-               border-color: #666;
-               background: rgba(102, 102, 102, 0.3);
+               color: rgba(255, 255, 255, 0.8);
+               border-color: rgba(0, 0, 0, 0.6);
+               background: rgba(0, 0, 0, 0.3);
+       }
+
+       .btn-outline-secondary:hover {
+               color: #fff;
+               border-color: rgba(0, 0, 0, 0.8);
+               background: rgba(0, 0, 0, 0.6);
+       }
+
+       .text-secondary {
+               color: rgba(255, 255, 255, 0.8) !important;
        }
 }
 

diff --git a/app/templates/base.html b/app/templates/base.html
index f52006c84e8250d7f536a7d413ebdcb11fc18edf..e0cdf037fe83a851813fbce51daf90e7dab5229a 100644 (file)
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -7,7 +7,7 @@
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title>
        <link rel="stylesheet" type="text/css" href="/static/bootstrap.css">
-       <link rel="stylesheet" type="text/css" href="/static/custom.css?v=8">
+       <link rel="stylesheet" type="text/css" href="/static/custom.css?v=9">
        <link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
        <link rel="shortcut icon" href="/favicon-16.png" sizes="16x16">
        <link rel="icon" href="/favicon-128.png" sizes="128x128">