diff --git a/public/css/style.css b/public/css/style.css
index 04353c5..ce551a6 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -870,8 +870,9 @@ body:not(.color-scheme-dark) #site-header.color-scheme-dark .light-scheme-logo:n
     transition: opacity var(--tr-short) var(--tr-func);
 }
 
-.color-scheme-dark .light-scheme-icon:not(:only-child) img,
-.color-scheme-light .dark-scheme-icon:not(:only-child) img {
+.color-scheme-dark .light-scheme-icon:not(:only-child),
+.color-scheme-light .dark-scheme-icon:not(:only-child){
+	display: none;
     opacity: 0;
     transition: opacity var(--tr-short) var(--tr-func);
 }
@@ -2281,7 +2282,7 @@ body:not(.singular) .post-header .post-meta>* {
 	min-width: 66%;
 	border-radius: 15px;
 	background-color: var(--page-color);
-	box-shadow: 0px 5px 20px -2px var(--input-shadow-alpha);
+	box-shadow: 0px 5px 50px -2px rgba(0, 0, 0, 0.75);
 	cursor: default;
 }
 
diff --git a/views/home.ejs b/views/home.ejs
index e6eccdd..bb404d5 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -10,21 +10,24 @@
 					<ul class="element el-utilities">
 						<li class="element el-utility">
 							<a id="el-utility-edt" href="javascript:void(0);">
-								<img class="el-utility-content" src="img/icons/calandar-icon-dsc.png" alt="calandar" width="30" height="30">
+								<img class="el-utility-content dark-scheme-icon" src="img/icons/calandar-icon-dsc.png" alt="calandar icon for dark scheme" width="30" height="30">
+								<img class="el-utility-content light-scheme-icon" src="img/icons/calandar-icon-lsc.png" alt="calandar icon for ligh scheme" width="30" height="30">
 								<h2 class="el-utility-content">EDT</h2>
 							</a>
 						</li>
 
 						<li class="element el-utility">
 							<a href="javascript:void(0);">
-								<img class="el-utility-content" src="img/icons/weather-icon-dsc.png" alt="cloud with sun in background" width="30" height="30"/>
+								<img class="el-utility-content dark-scheme-icon" src="img/icons/weather-icon-dsc.png" alt="weather icon for dark scheme" width="30" height="30"/>
+								<img class="el-utility-content light-scheme-icon" src="img/icons/weather-icon-lsc.png" alt="weather icon for light scheme" width="30" height="30"/>
 								<h2 class="el-utility-content">METEO</h2>
 							</a>
 						</li>
 
 						<li class="element el-utility">
 							<a href="javascript:void(0);">
-								<img class="el-utility-content" src="img/icons/transport-icon-dsc.png" alt="face view of a tram" width="30" height="30">
+								<img class="el-utility-content dark-scheme-icon" src="img/icons/transport-icon-dsc.png" alt="transport icon for dark scheme" width="30" height="30">
+								<img class="el-utility-content light-scheme-icon" src="img/icons/transport-icon-lsc.png" alt="transport icon for light scheme" width="30" height="30">
 								<h2 class="el-utility-content">TRAJET</h2>
 							</a>
 						</li>