diff --git a/explorer/src/App.tsx b/explorer/src/App.tsx index 138094c1ff..d5b1242ed5 100644 --- a/explorer/src/App.tsx +++ b/explorer/src/App.tsx @@ -21,7 +21,7 @@ function App() { return ( <> -
+
diff --git a/explorer/src/scss/_solana-dark-overrides.scss b/explorer/src/scss/_solana-dark-overrides.scss index 59d71d64f4..0aa029d102 100644 --- a/explorer/src/scss/_solana-dark-overrides.scss +++ b/explorer/src/scss/_solana-dark-overrides.scss @@ -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 { diff --git a/explorer/src/scss/_solana-variables-dark.scss b/explorer/src/scss/_solana-variables-dark.scss index d4f476d82a..b92c332a54 100644 --- a/explorer/src/scss/_solana-variables-dark.scss +++ b/explorer/src/scss/_solana-variables-dark.scss @@ -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;