hordes.io ui settings by codeiter

/* ==UserStyle==
@name           hordes.io ui settings
@namespace      com.github.codeiter.userstyle
@version        1.0.0
@description    some hordes.io ui settings - 2/24/2022, 8:38:30 AM
@author         Mohamed Amin Boubaker
@license        GPL-3.0-or-later
@preprocessor   stylus
@var            checkbox hidechat "Hide chat box by default" 0
@var            range hidechat_opacity "change chat box opacity when mouse cursor not hovering over it" [0.3, 0, 1, 0.1]
@var            range hidechat_opacity_hover "change chat box opacity when mouse cursor hovering over it" [1, 0, 1, 0.1]
@var            color chat_bg "chat box Background color when mouse cursor not hovering over it" transparent
@var            color chat_bg_hover "chat box Background color when mouse cursor hovering over it" #4d584d8f
==/UserStyle== */
@-moz-document url-prefix("https://hordes.io/play") {
  
  /* ui css settings */
  
  if hidechat {
    #chat, div.channelselect {
      visibility: hidden !important;
    }
  }
  
  #chat {
    opacity: hidechat_opacity !important;
  }
  div.channelselect {
    opacity: hidechat_opacity !important;
  }

  #chat:hover {
    opacity: hidechat_opacity_hover !important;
  }
  div.channelselect:hover {
    opacity: hidechat_opacity_hover !important;
  }
  
  #chat {
    background-color: chat_bg !important;
  }
  #chat:hover {
    background-color: chat_bg_hover !important;
  }
}