diff --git a/src/status_im/common/scroll_page/style.cljs b/src/status_im/common/scroll_page/style.cljs index aabf6d152c..35b9380364 100644 --- a/src/status_im/common/scroll_page/style.cljs +++ b/src/status_im/common/scroll_page/style.cljs @@ -58,15 +58,16 @@ (def picture-border-width 4) (defn display-picture-container - [animation] + [animation theme] (reanimated/apply-animations-to-style {:transform [{:scale animation}]} - {:border-radius picture-diameter - :border-width picture-border-width - :border-color (colors/theme-colors colors/white colors/neutral-95) - :position :absolute - :top (- (+ picture-radius picture-border-width)) - :left (+ (/ picture-radius 2) picture-border-width)})) + {:border-radius picture-diameter + :border-width picture-border-width + :border-color (colors/theme-colors colors/white colors/neutral-95 theme) + :background-color (colors/theme-colors colors/white colors/neutral-95 theme) + :position :absolute + :top (- (+ picture-radius picture-border-width)) + :left (+ (/ picture-radius 2) picture-border-width)})) (defn display-picture [theme] diff --git a/src/status_im/common/scroll_page/view.cljs b/src/status_im/common/scroll_page/view.cljs index c1f673dffe..9bf4a36401 100644 --- a/src/status_im/common/scroll_page/view.cljs +++ b/src/status_im/common/scroll_page/view.cljs @@ -89,7 +89,7 @@ js/undefined) [scroll-height]) [reanimated/view - {:style (style/display-picture-container animation)} + {:style (style/display-picture-container animation theme)} [rn/image {:source cover :style (style/display-picture theme)}]]))