Двухцветный значок во вкладке плагина [cXF] Top Navigation

[LUX-MEBEL]

Как прикрутить двухцветный значок HTML:

<i class="fa--xf fad fa-comments-alt" style="--fa-primary-color: rgb(19, 205, 235); --fa-secondary-color: rgb(227, 165, 18);"></i>

В CSS:

.tn-link1 i { /*Меню администратора*/
    color: #ed4830;
}

Значок указывается в ACP !

 

[starter80]

Очень информативно
Порадовал скриншот как это вообще выглядит и ссылка на плагин

 

[baltun]

Может так попробовать:

.fad.fa-comments-alt {
    background: linear-gradient(to bottom, #d332f1 0%, #25d4a4 100%);
    background: -webkit-linear-gradient(#d332f1, #25d4a4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fad.fa-comments-alt {
  background: rgb(255,130,130);
  background: -moz-linear-gradient(left,  rgba(255,130,130,1) 0%, rgba(225,120,237,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(255,130,130,1) 0%,rgba(225,120,237,1) 100%);
  background: linear-gradient(to right,  rgba(255,130,130,1) 0%,rgba(225,120,237,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8282', endColorstr='#e178ed',GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

Если я верно понял это называется градиент, пример кода как реализован градиент в редакторе сообщений.