diff --git a/internal_packages/open-tracking/stylesheets/main.less b/internal_packages/open-tracking/stylesheets/main.less index 9294dfdb2..6af1c99f6 100644 --- a/internal_packages/open-tracking/stylesheets/main.less +++ b/internal_packages/open-tracking/stylesheets/main.less @@ -1,12 +1,26 @@ @import "ui-variables"; @import "ui-mixins"; +.open-tracking-icon img { + vertical-align: initial; +} + .open-tracking-icon img.content-mask.unopened { - background-color: #6b777d; + background-color: fadeout(@text-color, 80%); } .open-tracking-icon img.content-mask.opened { background-color: @text-color-link; } + +.list-item.focused { + .open-tracking-icon img.content-mask.unopened { + background-color: fadeout(@text-color-inverse, 70%); + } + .open-tracking-icon img.content-mask.opened { + background-color: @background-off-primary; + } +} + .open-tracking-icon .open-count { display: inline-block; position: relative; @@ -17,8 +31,10 @@ font-size: 12px; font-weight: bold; } + .open-tracking-icon { width: 15px; + padding-left: @padding-base-horizontal - 4; } .read-receipt-message-status {