PyQt6_LaTaniere/styles/styles.qss

#main_container {
  border-radius: 30px;
  /*background-image: url(:/assets/background.png);
  background-repeat: no-repeat;
  background-position: center; */
  /*background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
    stop: 0 #050a0f,
    stop: 1 #0f172a);*/
  background: qradialgradient(cx:0.5, cy:0.5, radius:0.8, fx:0.5, fy:0.5,
    stop: 0 #16213e,
    stop: 1 #0a0e14);

  /*background: qlineargradient(x1:0, y1:0, x2:1, y2:1,
  stop: 0 #0d1117,
  stop: 0.7 #0d1117,
  stop: 1 #1e3a8a); /* Une pointe de bleu plus vif en bas à droite */
}

QFrame#logo_frame {
  background-image: url(:/assets/logo.png);
  background-repeat: no-repeat;
  background-position: center;
}

QFrame#frame_2 QLabel {
  color: rgb(163, 177, 198);
}

QFrame#frame_2 QLabel#discord_title_label {
  color: rgb(255, 255, 255);
  font-size: 24px;
}

QLabel#maintitle_label {
  font-size: 38px;
  color: rgb(255, 255, 255);
}

QLabel#subtitle_label {
  color: rgb(163, 177, 198);
}

QLabel#queue_position {
  font-size: 36px;
  color: rgb(17, 248, 183);
}

QLabel#queue_lbl {
  color: rgb(255, 255, 255);
}

QPushButton#connexion_btn {
  /* Dégradé chaleureux : Orange vers Orange-Rouge */
  background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
      stop: 0 #ff9d00,
      stop: 1 #f56100);

  border-radius: 12px;
  border: 1px solid #b34700;
  color: white;
  padding: 10px;
}

QPushButton#connexion_btn:hover {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
        stop: 0 #ffb338,
        stop: 1 #ff7a29);
    border: 1px solid #ffcc80;
    /* Un léger halo autour du bouton */
    outline: none;
}

QPushButton#connexionBtn:pressed {
    background: #cc5200;
    padding-top: 12px; /* Effet d'enfoncement */
}

/* État normal - Bleu Cyan */
/* QPushButton#staff_btn {
  background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #00d2ff, stop:1 #3a7bd5);
    color: white;
    border-radius: 12px;
    border: 1px solid #2d5ea3;
    padding: 5px 15px;
}

QPushButton#staff_btn:hover {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #33dbff, stop:1 #528ce0);
    border: 1px solid #3a7bd5;
}

QPushButton#staff_btn:pressed {
    background-color: #2d5ea3;
    padding-top: 7px;
} */

/* État normal - Doré dégradé */
/* QPushButton#staff_btn {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #f1c40f, stop:1 #e67e22);
    color: white;
    border-radius: 12px;
    border: 1px solid #d35400;
    padding: 5px 15px;
}

QPushButton#staff_btn:hover {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #f39c12, stop:1 #f1c40f);
    border: 1px solid #e67e22;
}

QPushButton#staff_btn:pressed {
    background-color: #d35400;
    padding-top: 7px;
} */

/* État normal - Rouge Corail Vibrant */
QPushButton#staff_btn {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #FF4B2B, stop:1 #FF416C);
    color: white;
    border-radius: 12px;
    border: 1px solid #d03522;
    padding: 5px 15px;
}

QPushButton#staff_btn:hover {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1,
                                stop:0 #FF6046, stop:1 #FF527B);
    border: 1px solid #FF4B2B;
}

QPushButton#staff_btn:pressed
{
    background-color: #d03522;
    padding-top: 7px;
    padding-left: 17px;
}

QPushButton#discord_btn,
QPushButton#discord_auth_btn,
QPushButton#intranet_btn
{
  background-color: rgba(32, 58, 67, 0.6); /* Bleu très sombre semi-transparent */
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: #e2e8f0;
  font-weight: bold;
  padding: 8px 15px;
}

QPushButton#discord_btn:hover,
QPushButton#discord_auth_btn:hover
{
  background-color: rgba(88, 101, 242, 0.4); /* Fond bleu Discord translucide */
  border: 2px solid #7289da; /* Bordure plus épaisse et claire pour l'éclat */
  color: white;
}

QPushButton#intranet_btn:hover {
  /* background: rgb(68, 124, 143); */
  background-color: rgba(0, 242, 255, 0.15); /* Teinte turquoise légère en fond */
    border: 2px solid #00f2ff;                 /* Bordure turquoise vive et épaisse */
    color: #ffffff;
}

QPushButton#discord_btn:pressed,
QPushButton#discord_auth_btn:pressed,
QPushButton#intranet_btn:pressed
{
  background-color: #0f172a;
  padding-top: 10px; /* Petit effet d'enfoncement */
}

QPushButton#mute_btn {
  border-radius: 15px;
  background-color: rgb(255, 120, 0);
}

QPushButton#mute_btn[muted="true"] {
    background-color: rgb(200, 0, 0);
}

QPushButton#mute_btn:hover {
    background-color: rgb(255, 150, 40);
}

QPushButton#close_btn {
  border : 0;
  background: transparent;
}

QPushButton#minimize_btn {
	background-color: transparent;
  border: none;
  border-bottom: 5px solid white;
  color: white;
  font-size: 18px;
  padding: 0px;
  padding-top: 0
}

QFrame#info_frame{
  background: qlineargradient(
      x1:0, y1:0,
      x2:0, y2:1,
      stop:0 rgba(255,255,255,30),
      stop:1 rgba(255,255,255,30)
  );
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,140);
}

QTextEdit#info_text {
  background-color: transparent;
  border: none;
  color: rgb(255, 255, 255);
}

QSlider {
  height: 35px;
}

QSlider::groove:horizontal {
    border: 1px solid #1C1C1C;
    height: 8px;
    background: #7D7D7D;
    border-radius: 4px;
}

QSlider::sub-page:horizontal {
    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #12b9ff, stop: 1.0 #015eea);
    border: 1px solid #1C1C1C;
    border-radius: 4px;
}

QSlider::handle:horizontal {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #FF8C00, stop:1 #FF5E00);
    border: 1px solid #B34700;
    width: 16px;
    height: 16px;
    margin: -5px 0; /* Ajusté pour centrer 16px sur barre de 8px */
    border-radius: 8px; /* Moitié exacte de width/height */
}

/* On répète les propriétés cruciales pour les états survolés/pressés */
QSlider::handle:horizontal:hover {
    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #FFA500, stop:1 #FF7F00);
    border-radius: 8px;
}

QSlider::handle:horizontal:pressed {
    background: #E65100;
    border-radius: 8px;
}