diff --git a/browser/components/RealtimeNotification.styl b/browser/components/RealtimeNotification.styl index 3e4c120b..9b1643ba 100644 --- a/browser/components/RealtimeNotification.styl +++ b/browser/components/RealtimeNotification.styl @@ -3,18 +3,33 @@ font-size 12px position absolute bottom 0px - background-color #1E2124 + background-color #EBEBEB width 100vw height 30px text-align center .notification-link text-decoration none - color #fff - border 1px solid #5CB85C - background-color alpha(#5CB85C, 0.3) + color #282A36 + border 1px solid #6FA8E6 + background-color alpha(#6FA8E6, 0.2) padding 3px 9px border-radius 2px position absolute bottom 4px - margin-left -10% \ No newline at end of file + margin-left -10% + transition 0.2s + &:hover + color #1378BD + +body[data-theme="dark"] + .notification-area + background-color #1E2124 + + .notification-link + color #fff + border 1px solid alpha(#5CB85C, 0.6) + background-color alpha(#5CB85C, 0.2) + transition 0.2s + &:hover + color #5CB85C \ No newline at end of file