.notification-area
  z-index 1000
  font-size 12px
  position: relative
  top: 12px
  background-color none

.notification-link
  position absolute
  text-decoration none
  color #282A36
  font-size 14px
  border 1px solid #6FA8E6
  background-color alpha(#6FA8E6, 0.2)
  padding 5px 12px
  border-radius 2px
  transition 0.2s
  &:hover
    color #1378BD

body[data-theme="dark"]
  .notification-area
    background-color none

  .notification-link
    color #fff
    border 1px solid alpha(#5CB85C, 0.6)
    background-color alpha(#5CB85C, 0.2)
    transition 0.2s
    &:hover
      color #5CB85C

apply-theme(theme)
  body[data-theme={theme}]
    .notification-area
      background-color none

    .notification-link
      color get-theme-var(theme, 'text-color')
      border none
      background-color get-theme-var(theme, 'button-backgroundColor')
      &:hover
        color get-theme-var(theme, 'button--hover-color')

for theme in 'solarized-dark' 'dracula'
  apply-theme(theme)

for theme in $themes
  apply-theme(theme)