explorer/site: improved text color consistency across components

- Added new CSS variables: `--color-input-background: #3B3B3B;`, `--color-source-code-link: #D1CDC7;`, `--color-text-primary: #D1CDC7;`
- Set the default color of the content container to `--color-text-primary`
- Updated the search input to explicitly set the background color (`--color-input-background`) and border color (`--color-border-primary`)
- Explicitly set the table text color to `--color-text-primary`
- Overrode Bootstrap's default `pre` and `pre code` styles to use `--color-text-primary`

bin/explorer/site/static/style.css

@@ -114,10 +114,12 @@
   --color-background-page: #181a1b;
   --color-background-table-header: #181818;
   --color-input-primary: #AFA99E;
+  --color-input-background: #3B3B3B;
   --color-border-primary: #83796B;
-  --color-source-code-link: #374151;
+  --color-source-code-link: #D1CDC7;
   --color-source-code-link-bg: #393939;
   --color-source-code-link-hover-bg: #313131;
+  --color-text-primary: #D1CDC7;
 }
 
 /* -------------------------------------------------------------------------- */
@@ -894,6 +896,7 @@ h5 a:hover {
 
 .content-container {
   padding: 24px;
+  color: var(--color-text-primary);
 }
 
 .content-header {
@@ -936,6 +939,8 @@ h5 a:hover {
 
 .search-input {
   color: var(--color-input-primary);
+  background-color: var(--color-input-background);
+  border: 1px solid var(--color-border-primary);
   width: 64ch;
   padding-left: 5px;
   height: 30px;
@@ -952,6 +957,7 @@ h5 a:hover {
   border-spacing: 0;
   border: 1px solid var(--color-border-primary);
   overflow: hidden;
+  color: var(--color-text-primary);
 }
 
 .table td {
@@ -1063,3 +1069,11 @@ h5 a:hover {
 .pre-source td {
   padding-right: 2px;
 }
+
+pre, pre code {
+  color: var(--color-text-primary);
+}
+
+code {
+  color: var(--color-text-primary);
+}