Reduce tile button opacity to 30% to increase contrast

Author: LinuxJava7

style.css

@@ -278,7 +278,7 @@ a[href^="http"]:not(:has(.arrow)):not(:has(img)):not(:has(svg))::after {
   max-width: 12rem;
   font-size: 80%;
   border-radius: var(--btnsqr);
-  background-color: rgba(var(--ctp-antiblue)/ 40%);
+  background-color: rgba(var(--ctp-antiblue)/ 30%);
   color: var(--ctp-antitext);
   opacity: 1;
   font-weight: 600;
@@ -291,15 +291,15 @@ a[href^="http"]:not(:has(.arrow)):not(:has(img)):not(:has(svg))::after {
   transition: box-shadow 200ms var(--slickease);
   margin: 0.3rem;
   border: none;
-  box-shadow: 0 0 0 0 rgba(var(--ctp-antiblue)/ 40%);
+  box-shadow: 0 0 0 0 rgba(var(--ctp-antiblue)/ 30%);
   min-width: 4rem;
   vertical-align: middle;
   text-align: center;
   white-space: nowrap;
 }
 
 .tile .btn:hover {
-  box-shadow: 0 0 0 2px rgba(var(--ctp-antiblue)/ 50%);
+  box-shadow: 0 0 0 2px rgba(var(--ctp-antiblue)/ 30%);
   text-decoration: none;
 }