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