.control-toggleModeButton
  height 29px
  border-radius 50px
  background-color #F4F4F4
  width 67px
  display flex
  align-items center
  position absolute
  right 165px
  .active
    background-color #1EC38B
    width 33px
    height 30px
    box-shadow 2px 0px 7px #eee
    z-index 1

  div
    width 40px
    height 100%
    border-radius 50%
    display flex
    align-items center
    justify-content center
    cursor pointer

  &:hover .tooltip
    opacity 1

.tooltip
  tooltip()
  position absolute
  pointer-events none
  top 40px
  left -3px
  z-index 200
  width 80px
  padding 5px
  line-height normal
  border-radius 2px
  opacity 0
  transition 0.1s

body[data-theme="dark"]
  .control-fullScreenButton
    topBarButtonDark()

  .control-toggleModeButton
    div
      background-color $ui-dark-noteDetail-backgroundColor
    .active
      background-color #3A404C
      box-shadow 2px 0px 7px #444444

body[data-theme="solarized-dark"]
  .control-toggleModeButton
    div
      background-color $ui-solarized-dark-noteDetail-backgroundColor
    .active
      background-color #002B36
      box-shadow 2px 0px 7px #222222