J'ai trouvé une manière de le faire plus radicale. en fait, chacune des deux parties de l'icone est réglable indépendamment l'une de l'autre en couleur ET en opacité.

C'est juste un test, il faut juste que je trouve maintenant le bon jeu de couleurs pour chaque design.

:root {
--fa-primary-color: green;
--fa-primary-opacity: 1.0;
--fa-secondary-color: red;
--fa-secondary-opacity: 1.0;
}

Donc pour ce problème, voilà l'apparence définitive pour les thèmes sombres.

Le problème des icônes décentrés est également fixé, il n'apparaissait que sur certains navigateurs comme Firefox, mais pas sous Opéra par exemple.

NB: Vous aurez peut-être besoin de faire CTRL + F5 pour vider le cache de votre navigateur et voir les icônes corrigés pour le centrage.

Le problème de décentrage n'apparaissait que sur Firefox semble-t-il.