[Client:Desktop] White header

6 files changed, 15 insertions, 10 deletions

diff --git a/src/web/app/desktop/tags/ui-header-account.tag b/src/web/app/desktop/tags/ui-header-account.tag
index a8f83ad002..23c4fdbbf9 100644
--- a/src/web/app/desktop/tags/ui-header-account.tag
+++ b/src/web/app/desktop/tags/ui-header-account.tag
@@ -35,7 +35,7 @@
 				display block
 				margin 0
 				padding 0
-				color #dbe2e0
+				color #9eaba8
 				border none
 				background transparent
 				cursor pointer
@@ -45,11 +45,14 @@
 
 				&:hover
 				&[data-active='true']
-					color #fff
+					color darken(#9eaba8, 20%)
 
 					> .avatar
 						filter saturate(150%)
 
+				&:active
+					color darken(#9eaba8, 30%)
+
 				> .username
 					display block
 					float left
diff --git a/src/web/app/desktop/tags/ui-header-clock.tag b/src/web/app/desktop/tags/ui-header-clock.tag
index 8480cccdf0..3c81f963f3 100644
--- a/src/web/app/desktop/tags/ui-header-clock.tag
+++ b/src/web/app/desktop/tags/ui-header-clock.tag
@@ -43,7 +43,7 @@
 					display table-cell
 					vertical-align middle
 					height 48px
-					color #dbe2e0
+					color #9eaba8
 
 					> .yyyymmdd
 						opacity 0.7
diff --git a/src/web/app/desktop/tags/ui-header-nav.tag b/src/web/app/desktop/tags/ui-header-nav.tag
index 4ec2f315bc..c36ce65798 100644
--- a/src/web/app/desktop/tags/ui-header-nav.tag
+++ b/src/web/app/desktop/tags/ui-header-nav.tag
@@ -53,7 +53,7 @@
 						padding 0 24px
 						font-size 13px
 						font-variant small-caps
-						color #dbe2e0
+						color #9eaba8
 						text-decoration none
 						transition none
 						cursor pointer
@@ -62,7 +62,7 @@
 							pointer-events none
 
 						&:hover
-							color #fff
+							color darken(#9eaba8, 20%)
 							text-decoration none
 
 						> i:first-child
diff --git a/src/web/app/desktop/tags/ui-header-notifications.tag b/src/web/app/desktop/tags/ui-header-notifications.tag
index 1284f078bb..33156a750e 100644
--- a/src/web/app/desktop/tags/ui-header-notifications.tag
+++ b/src/web/app/desktop/tags/ui-header-notifications.tag
@@ -13,7 +13,7 @@
 				margin 0
 				padding 0
 				width 32px
-				color #dbe2e0
+				color #9eaba8
 				border none
 				background transparent
 				cursor pointer
@@ -23,7 +23,10 @@
 
 				&:hover
 				&[data-active='true']
-					color #fff
+					color darken(#9eaba8, 20%)
+
+				&:active
+					color darken(#9eaba8, 30%)
 
 				> i
 					font-size 1.2em
diff --git a/src/web/app/desktop/tags/ui-header-search.tag b/src/web/app/desktop/tags/ui-header-search.tag
index 023eae79cd..616476f42c 100644
--- a/src/web/app/desktop/tags/ui-header-search.tag
+++ b/src/web/app/desktop/tags/ui-header-search.tag
@@ -26,7 +26,6 @@
 					border-radius 0
 					transition color 0.5s ease, border 0.5s ease
 					font-family FontAwesome, sans-serif
-					color #fff
 
 					&::-webkit-input-placeholder
 						color #9eaba8
diff --git a/src/web/app/desktop/tags/ui-header.tag b/src/web/app/desktop/tags/ui-header.tag
index b269a9c64a..1d15a90cc5 100644
--- a/src/web/app/desktop/tags/ui-header.tag
+++ b/src/web/app/desktop/tags/ui-header.tag
@@ -38,14 +38,14 @@
 					height 48px
 					backdrop-filter blur(12px)
 					//background-color rgba(255, 255, 255, 0.75)
-					background #313a40
+					background #fff
 
 					&:after
 						content ""
 						display block
 						width 100%
 						height 48px
-						background-image url(/assets/desktop/header-logo-white.svg)
+						background-image url(/assets/desktop/header-logo.svg)
 						background-size 46px
 						background-position center
 						background-repeat no-repeat