diff --git a/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss b/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss index fa0dafd1f6..1ebb63c45d 100644 --- a/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss +++ b/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss @@ -95,4 +95,8 @@ } } } + + &.comment_highlighting { + background: var(--color19); + } } diff --git a/frontend/app/components/comment/_theme/_light/comment_theme_light.scss b/frontend/app/components/comment/_theme/_light/comment_theme_light.scss index 3fe6489b97..5fc1c1ef46 100644 --- a/frontend/app/components/comment/_theme/_light/comment_theme_light.scss +++ b/frontend/app/components/comment/_theme/_light/comment_theme_light.scss @@ -95,4 +95,8 @@ } } } + + &.comment_highlighting { + background: var(--color4); + } } diff --git a/frontend/app/components/root/root.tsx b/frontend/app/components/root/root.tsx index a3e92f204e..e1c7737bb0 100644 --- a/frontend/app/components/root/root.tsx +++ b/frontend/app/components/root/root.tsx @@ -136,6 +136,10 @@ export class Root extends Component { if (comment) { setTimeout(() => { postMessage({ scrollTo: comment.getBoundingClientRect().top }); + comment.classList.add('comment_highlighting'); + setTimeout(() => { + comment.classList.remove('comment_highlighting'); + }, 5e3); }, 500); } }