theme: update color values to rgba matcornic#544

Author: McShelby

static/css/auto-complete.css

@@ -2,10 +2,10 @@
     text-align: start;
     color-scheme: only light; /* set browser scrollbar color */
     cursor: default;
-    border: 1px solid #ccc;
+    border: 1px solid rgba( 204, 204, 204, 1 );
     border-top: 0;
-    background: #fff;
-    box-shadow: -1px 1px 3px rgba(0,0,0,.1);
+    background: rgba( 255, 255, 255, 1 );
+    box-shadow: -1px 1px 3px rgba( 0, 0, 0, .1 );
 
     /* core styles should not be changed */
     position: absolute;
@@ -25,17 +25,17 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    color: #282828;
+    color: rgba( 40, 40, 40, 1 );
 }
 
 .autocomplete-suggestion b {
     font-weight: normal;
-    color: #1f8dd6;
+    color: rgba( 31, 141, 214, 1 );
 }
 
 .autocomplete-suggestion.selected {
-    background: #282828;
-    color: #fff;
+    background: rgba( 40, 40, 40, 1 );
+    color: rgba( 255, 255, 255, 1 );
 }
 
 .autocomplete-suggestion:hover,
@@ -47,8 +47,8 @@
 #searchresults .autocomplete-suggestion:hover > .context,
 #searchresults .autocomplete-suggestion:focus > .context,
 #searchresults .autocomplete-suggestion:active > .context {
-    background: #383838;
-    color: #fff;
+    background: rgba( 56, 56, 56, 1 );
+    color: rgba( 255, 255, 255, 1 );
 }
 
 .autocomplete-suggestion > .context {

static/css/format-print.css

@@ -17,21 +17,21 @@ html{
     font-size: 8.763pt;
 }
 body {
-    background-color: white;
+    background-color: rgba( 255, 255, 255, 1 );
 }
 code.copy-to-clipboard-code {
     border-start-end-radius: 2px;
     border-end-end-radius: 2px;
     border-inline-end-width: 1px;
 }
 pre {
-    border: 1px solid #ccc;
+    border: 1px solid rgba( 204, 204, 204, 1 );
 }
 #body #topbar{
-    background-color: #fff; /* avoid background bleeding*/
-    border-bottom: 1px solid #ddd;
+    background-color: rgba( 255, 255, 255, 1 ); /* avoid background bleeding*/
+    border-bottom: 1px solid rgba( 221, 221, 221, 1 );
     border-radius: 0;
-    color: #777;
+    color: rgba( 119, 119, 119, 1 );
     padding-left: 0; /* for print, we want to align with the footer to ease the layout */
     padding-right: 0;
 }
@@ -54,27 +54,27 @@ pre {
 
 #body h1, #body h2, #body h3, #body .article-subheading, #body h4, #body h5, #body h6 {
     /* better contrast for colored elements */
-    color: black;
+    color: rgba( 0, 0, 0, 1 );
 }
 #body th, #body td,
 #body code, #body strong, #body b,
 #body li, #body dd, #body dt,
 #body p,
 #body a, #body button, #body .badge .badge-content {
     /* better contrast for colored elements */
-    color: black;
+    color: rgba( 0, 0, 0, 1 );
 }
 #body .anchor{
     display: none;
 }
 #body pre,
 #body code {
-    background-color: white;
-    border-color: #ddd;
+    background-color: rgba( 255, 255, 255, 1 );
+    border-color: rgba( 221, 221, 221, 1 );
 }
 
 hr{
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid rgba( 221, 221, 221, 1 );
 }
 body,
 #body,
@@ -87,7 +87,7 @@ body,
 }
 
 #body #body-inner h1 {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid rgba( 221, 221, 221, 1 );
     margin-bottom: 2rem;
     padding-bottom: .75rem;
 }
@@ -105,8 +105,8 @@ body,
 
 .footline {
     /* in print mode show footer line to signal reader the end of document */
-    border-top: 1px solid #ddd;
-    color: #777;
+    border-top: 1px solid rgba( 221, 221, 221, 1 );
+    color: rgba( 119, 119, 119, 1 );
     margin-top: 1.5rem;
     padding-top: .75rem;
 }
@@ -138,7 +138,7 @@ body,
     position: inherit; /* IE11 doesn't know "initial" here */
 }
 #topbar > div {
-    background-color: #ffffff; /* IE11 doesn't know "initial" here */
+    background-color: rgba( 255, 255, 255, 1 ); /* IE11 doesn't know "initial" here */
 }
 #body .tab-nav-button:not(.active) {
     opacity: .5;
@@ -154,17 +154,17 @@ mark {
     border-color: transparent;
 }
 div.box > .box-content {
-    background-color: white;
+    background-color: rgba( 255, 255, 255, 1 );
 }
 
 .btn,
 #body .tab-nav-button {
-    color: black !important;
+    color: rgba( 0, 0, 0, 1 ) !important;
 }
 #body .tab-nav-button.active {
-    background-color: white !important;
-    border-bottom-color: white !important;
-    color: black;
+    background-color: rgba( 255, 255, 255, 1 ) !important;
+    border-bottom-color: rgba( 255, 255, 255, 1 ) !important;
+    color: rgba( 0, 0, 0, 1 );
 }
 #body .tab-nav-button:not(.active) {
     opacity: 1;