blockworks-foundation
/
solana-with-rpc-optimizations
mirror of https://github.com/blockworks-foundation/solana-with-rpc-optimizations.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

explorer: increase color contrast (#18124)

This commit is contained in:
Justin Starry 2021-06-21 19:33:55 -05:00 committed by GitHub
parent 51a0007001
commit 67795f5baa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
explorer/src/App.tsx
View File

@ -21,7 +21,7 @@ function App() {
return (
<>
<ClusterModal />
<div className="main-content">
<div className="main-content pb-4">
<Navbar />
<MessageBanner />
<ClusterStatusBanner />

11
explorer/src/scss/_solana-dark-overrides.scss
View File

@ -21,10 +21,19 @@ ul.log-messages {
border-color: $input-border-color;
}
.navbar {
border-bottom: 1px solid $card-outline-color;
}
.search-bar__placeholder {
color: $input-placeholder-color !important;
}
.search-bar__control {
background-color: $gray-800-dark !important;
border-color: $card-outline-color !important;
box-shadow: $card-box-shadow !important;
min-height: 52px !important;
.search-bar__input {
color: $white !important;
@ -33,7 +42,7 @@ ul.log-messages {
.search-bar__menu {
background-color: $gray-800-dark !important;
border-color: $card-outline-color !important;
border: 1px solid $card-outline-color !important;
box-shadow: $card-box-shadow !important;
.search-bar__option {

5
explorer/src/scss/_solana-variables-dark.scss
View File

@ -8,18 +8,19 @@
$body-bg: #161b19 !default;
$black: #232323;
$white: #eee !default;
$white: #fff !default;
$gray-600: #86b8b6;
$gray-600-dark: #343a37 !default;
$gray-700-dark: #282d2b !default;
$gray-800-dark: #1e2423 !default;
$black-dark: #141816 !default;
$input-placeholder-color: #ccc !default;
$primary: #1dd79b !default;
$success: #26e97e !default;
$warning: #fa62fc !default;
$card-border-color: $gray-700-dark !default;
$card-outline-color: $black-dark !default;
$card-outline-color: #111 !default;
$input-bg: transparent !default;
$input-border-color: $gray-600-dark !default;