gaspersic/solana
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

explorer: increase color contrast (#18124)

Browse Source
This commit is contained in:
Justin Starry
2021-06-21 19:33:55 -05:00
committed by GitHub
parent 51a0007001
commit 67795f5baa
3 changed files with 14 additions and 4 deletions
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 ( return (
<> <>
<ClusterModal /> <ClusterModal />
<div className="main-content"> <div className="main-content pb-4">
<Navbar /> <Navbar />
<MessageBanner /> <MessageBanner />
<ClusterStatusBanner /> <ClusterStatusBanner />

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

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

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

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