/* Disco ///////////////////////////////////////////////////// */

/* Relative Path: ../wallpaper/Disco/ */

body.disco-mode {


  /* COLOR //////////////////// */
  --COLOR-Gold:
    linear-gradient(135deg, #FFD700 0%, #DAA520 25%, #FFD700 50%, #DAA520 75%, #B8860B 100%);
  --COLOR-Sliver:
    linear-gradient(to bottom, #d9d9d9, #e5e5e5, #c0c0c0, #e0e0e0);
  --COLOR-Rainbow:
    linear-gradient(to right,
      red, orange, yellow, green, blue, indigo, violet,
      red, orange, yellow, green, blue, indigo, violet,
      red, orange, yellow, green, blue, indigo, violet);

  --background-color: #ffffff00;
  --left-section-color: #c3c3c34e;

  --contain-color_1: #70707036;
  --message-box-color: var(--COLOR-Gold);

  --message-box-name-color: var(--COLOR-Rainbow);
  --message-box-original-color: #555;
  --message-box-translate-color: var(--COLOR-Rainbow);
  --message-box-error-color: red;
  --message-box-system-color: green;
  --message-box-chatTime-color: #555;
  --message-box-streamTime-color: var(--COLOR-Rainbow);

  --buttom-menu-color:
    url('/static/translator/wallpaper/Disco/img/menu.png') center / 70% no-repeat,
    var(--COLOR-Sliver) center / 100% no-repeat;
  --buttom-menuback-color:
    url('/static/translator/wallpaper/Disco/img/menuback.png') center / 70% no-repeat,
    #0c535f center / 100% no-repeat;
  --buttom-chat_OFF-color:
    url('/static/translator/wallpaper/Disco/img/chat.png') center / 70% no-repeat,
    var(--COLOR-Sliver) center / 100% no-repeat;
  --buttom-chat_ON-color:
    url('/static/translator/wallpaper/Disco/img/chat-active.png') center / 70% no-repeat,
    var(--COLOR-Sliver) center / 100% no-repeat;
  --buttom-summary-color:
    url('/static/translator/wallpaper/Disco/img/summary.png') center / 70% no-repeat,
    var(--COLOR-Sliver) center / 100% no-repeat;
  --buttom-subtitles-color:
    url('/static/translator/wallpaper/Disco/img/subtitles.png') center / 70% no-repeat,
    var(--COLOR-Sliver) center / 100% no-repeat;
  --buttom-colorpalette_ON-color:
    url('/static/translator/wallpaper/Disco/img/palette.png') center / 80% no-repeat,
    var(--COLOR-Sliver) center / 100% no-repeat;
  --buttom-home-color:
    url('/static/translator/wallpaper/Disco/img/home.png') center / 70% no-repeat,
    var(--COLOR-Sliver) center / 100% no-repeat;

  animation: disco-animation 3s  linear infinite forwards;
}

@keyframes disco-animation {
  0% {background: #ff00ff;}
  16.5% {background: #00ffff;}
  33% {background: #ffff00;}
  49.5% {background: #ff0000;}
  67% {background: #00ff00;}
  83.5% {background: #0000ff;}
  100% {background: #ff00ff;}
}