Merge pull request #3439 from poanetwork/vb-dark-mode-fixes

Dark mode color fixes (search, charts)

CHANGELOG.md

@@ -16,6 +16,7 @@
 
 
 ### Fixes
+- [#3439](https://github.com/poanetwork/blockscout/pull/3439) - Dark mode color fixes (search, charts)
 - [#3437](https://github.com/poanetwork/blockscout/pull/3437) - Fix Postgres Docker container
 - [#3428](https://github.com/poanetwork/blockscout/pull/3428) - Fix address tokens search
 - [#3424](https://github.com/poanetwork/blockscout/pull/3424) - Fix display of long NFT IDs
@@ -25,7 +26,7 @@
 - [#3400](https://github.com/poanetwork/blockscout/pull/3400) - Add :last_block_number realtime chain event
 - [#3399](https://github.com/poanetwork/blockscout/pull/3399) - Fix Token transfers CSV export
 - [#3396](https://github.com/poanetwork/blockscout/pull/3396) - Handle exchange rates request throttled
-- [#3382](https://github.com/poanetwork/blockscout/pull/3382) - Check ets table exists for know tokens
+- [#3382](https://github.com/poanetwork/blockscout/pull/3382) - Check ets table exists for known tokens
 - [#3376](https://github.com/poanetwork/blockscout/pull/3376) - Fix contract nested inputs
 - [#3375](https://github.com/poanetwork/blockscout/pull/3375) - Prevent terminating of tokens/contracts process
 - [#3374](https://github.com/poanetwork/blockscout/pull/3374) - Fix find block timestamp query

apps/block_scout_web/assets/css/theme/_dark-theme.scss

@@ -1059,6 +1059,16 @@ $dark-stakes-banned-background: #3e314c;
 		background-color: $dark-bg;
 		background-image: none;
 	}
+
+	.input-group {
+		.awesomplete mark {
+			background: $yellow !important;
+		}
+		
+		.awesomplete li:hover mark {
+			background: $yellow !important;
+		}
+	}
 }
 
 .navbar-dark .navbar-toggler {

apps/block_scout_web/assets/js/lib/history_chart.js

@@ -148,13 +148,8 @@ function getMarketCapData (marketHistoryData, availableSupply) {
 // colors for light and dark theme
 var priceLineColor
 var mcapLineColor
-if (localStorage.getItem('current-color-mode') === 'dark') {
-  priceLineColor = sassVariables.darkprimary
-  mcapLineColor = sassVariables.darksecondary
-} else {
-  priceLineColor = sassVariables.dashboardLineColorPrice
-  mcapLineColor = sassVariables.dashboardLineColorMarket
-}
+priceLineColor = sassVariables.dashboardLineColorPrice
+mcapLineColor = sassVariables.dashboardLineColorMarket
 
 class MarketHistoryChart {
   constructor (el, availableSupply, _marketHistoryData, dataConfig) {