obs-css-chat

/* ------------------------------------------------------------------------------------------------------------------------------

-Créer une source navigateur et remplissez les paramètres :
Taille perso : 450x1000; pour un format colonne.
Url: https://www.twitch.tv/popout/chaine/chat?popout=source (n'oubliez pas de remplacez "chaine" par le nom de votre chaine)


-Coller le code css en dessous dans la section "CSS personnalisé".
Dans :root, il y a quelques variables qu'il est possible de modifier :

    --couleurfond: rgba(0,0,0,0.0);
    --police: Arial;
    --tailletexte: 22px;
    --couleurtexte: white;
    --tailleligne: 1em;

--couleur -> Gérer la couleur de fond, mais surtout l'opacité du fond. Ici 0.0 correspond à "transparent", ca va de 0 à 1.
--police : privilégier une police classique mais bien lisible
--tailletexte : taille du texte en pixel.
--couleur texte : le blanc par défaut
-- taille ligne : 1em, taille par défaut. 1.2, ou 1.3 pour plus grand.

-----------------------------------------------------------------------------------------------------------------------------*/
VOICI LE CODE A COLLER

:root {
    --couleurfond: rgba(0,0,0,0.0);
    --police: orbitron;
    --tailletexte: 22px;
    --couleurtexte: white;
    --tailleligne: 1em;
}

/* Changer l'affichage des messages */
div.chat-line__message {
  margin: 5px;
  margin-left: -5px;
  font-size: var(--tailletexte);
  font-family: var(--police);
  line-height: var(--tailleligne);
  color: var(--couleurtexte);
}

/* L'affichage du chat commence par le bas */
.chat-scrollable-area__message-container {
	display: inline-block;
	flex-direction: column-reverse;
	position: absolute;
	bottom: 0;
	left: 0;
	table-layout: fixed;
}




/*** NE PAS TOUCHER EN DESSOUS***/

body {
  background: var(--couleurfond) !important;
}


/*** Cacher les sondages ***/
.community-highlight-stack__card--wide {
 display: none;
}


/* Cache le header */
.stream-chat-header {
    display: none !important;
}

/* Cache le bandeau "Offre un abonnement" */
.channel-leaderboard {
display : none;
}

/* Cacher le message de bienvenue */
.chat-line__status[data-a-target="chat-welcome-message"] {
    display: none;
}

/* Cache le footer */
div.chat-input {
    display: none !important;
}

/* Cache le bandeau "Voir les nouveaux messages */
div.chat-list__list-footer.tw-absolute.tw-align-items-center.tw-border-radius-medium.tw-bottom-0.tw-flex.tw-full-width.tw-justify-content-center.tw-pd-05 div {
    display: none;
}

div.chat-list__list-footer.tw-absolute.tw-align-items-center.tw-border-radius-medium.tw-bottom-0.tw-flex.tw-full-width.tw-justify-content-center.tw-pd-05 {
    display: none;
    background: transparent;
    color: transparent;
}

/* Cache les badges sur les messages */

/*
img.chat-badge[alt="Broadcaster"] {
    display: none;
}
img.chat-badge[alt="Moderator"] {
    display: none;
}
img.chat-badge[alt="Subscriber"] {
    display: none;
}
img.chat-badge[alt="Twitch Prime"] {
    display: none;
}
img.chat-badge[alt="Turbo"] {
    display: none;
}
img.chat-badge[alt="Verified"] {
    display: none;
}
*/

img.chat-badge {
    display: none;
}

div.twilight-minimal-root,
div.popout-chat-page,
section.chat-room {
    background: rgba(0,0,0,0) !important;
    color: #FFFFFF !important;
}