diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index 27b28aeeae7..d85534fa53b 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -642,7 +642,7 @@ li.entry .error-icon-container { background: white; border-radius: $border-radius; overflow: auto; - box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); + box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); .message { text-align: center; @@ -709,6 +709,7 @@ li.entry .error-icon-container { text-align: center; background-color: $grey_l; border: none; + box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); .icon { @include color-svg('/images/down.svg', $grey_l3); @@ -717,9 +718,9 @@ li.entry .error-icon-container { } &.new-messages { - background-color: $grey_l4; + background-color: $blue; .icon { - @include color-svg('/images/down.svg', black); + @include color-svg('/images/down.svg', white); } } } diff --git a/stylesheets/android-dark.scss b/stylesheets/android-dark.scss index 7baa8d7131f..ffab69d3d9e 100644 --- a/stylesheets/android-dark.scss +++ b/stylesheets/android-dark.scss @@ -217,9 +217,9 @@ $text-dark: #CCCCCC; } &.new-messages { - background-color: $grey_l2; + background-color: $blue; .icon { - @include color-svg('/images/down.svg', $grey_l4); + @include color-svg('/images/down.svg', white); } } } diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 01ca08d3362..c8b1c47b754 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -1468,7 +1468,7 @@ li.entry .error-icon-container { background: white; border-radius: 5px; overflow: auto; - box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); } + box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); } .confirmation-dialog .content .message { text-align: center; } .confirmation-dialog .content .buttons { @@ -1516,7 +1516,8 @@ li.entry .error-icon-container { border-radius: 22px; text-align: center; background-color: #f3f3f3; - border: none; } + border: none; + box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); } .discussion-container .scroll-down-button-view button .icon { -webkit-mask: url("/images/down.svg") no-repeat center; -webkit-mask-size: 100%; @@ -1524,11 +1525,11 @@ li.entry .error-icon-container { height: 100%; width: 100%; } .discussion-container .scroll-down-button-view button.new-messages { - background-color: #8d8d8d; } + background-color: #2090ea; } .discussion-container .scroll-down-button-view button.new-messages .icon { -webkit-mask: url("/images/down.svg") no-repeat center; -webkit-mask-size: 100%; - background-color: black; } + background-color: white; } .ios #header { height: 64px; @@ -2144,10 +2145,10 @@ li.entry .error-icon-container { -webkit-mask-size: 100%; background-color: black; } .android-dark .discussion-container .scroll-down-button-view button.new-messages { - background-color: #d9d9d9; } + background-color: #2090ea; } .android-dark .discussion-container .scroll-down-button-view button.new-messages .icon { -webkit-mask: url("/images/down.svg") no-repeat center; -webkit-mask-size: 100%; - background-color: #8d8d8d; } + background-color: white; } /*# sourceMappingURL=manifest.css.map */