我正在处理一个最初不是由我编写的项目，我遇到了一个无法解决的问题。
看看下面的代码：

<ion-item detail *ngIf="c.cv" [routerLink]="['/contact',c.uid]">
        <div class="avatar-voyant">
          <div class="group-circle">
            <div class="circle opacity-100" style="margin-left: -2px; margin-top: -2px; width: 62px;"></div>
            <div class="circle opacity-50" style="margin-top: 1px; margin-left: 7px;"></div>
            <div class="circle opacity-35" style="margin-top: 6px; margin-left: 13px; width: 45px"></div>
            <div class="circle opacity-20"
              style="margin-left: 0px; margin-top: 11px; width: 45px; height: 45px; border-radius: 13px;"></div>
            <div class="circle opacity-35" style="margin-top: 5px; margin-left: -10px; height: 45px;"></div>
            <div class="  circle opacity-20"
              style="margin-left: -7px; margin-top: 0px; border-radius: 50%; height: 35px; width: 35px;"></div>
            <ion-thumbnail>
              <ion-img [src]="c.picture"></ion-img>
            </ion-thumbnail>
          </div>
          <div style="padding-bottom: 15px"></div>
        </div>
        <ion-label class="ion-text-wrap">
          <h3 class="text-rose-pale padding-bottom-5"><b>{{c.username}}</b></h3>
          <h5>{{c.competence1}} - {{c.competence2}} - {{c.competence3}}</h5>
          <!-- <p [ngClass]="{'appEllipseContent': c.buttonText == 'Plus', 'appEllipseContenthover': c.buttonText != 'Plus'}"
              [innerHTML]="c.cv" class="appEllipseContenthover">{{c.cv}}</p> -->
        </ion-label>
        <ion-badge slot="end" *ngIf="c.nbMsg">{{c.nbMsg}}</ion-badge>
        <ion-icon name="mail" color="tertiary" slot="end" size="small"
          *ngIf="c.m && c.m.fromUid!=profileServ.uid && c.m.lu<1"></ion-icon>
      </ion-item>

主要问题是我必须使用带有detail参数的ion-item，它在列表的右侧显示一个箭头。但是，原始的不透明度设置为0.2，我试图通过针对SVG或离子项来覆盖它。我还尝试使用一个变量，将它放在我的global.scss文件中，如下所示：

.item-detail-icon {
    color: var(--detail-icon-color);
    font-size: var(--detail-icon-font-size);
    opacity: var(--detail-icon-opacity);
}

但即使我写了--detail-icon-opacity，这也不会影响不透明度，它看起来仍然像是被设置为0.2。
--detail-icon-opacity在项目中看到是否si我不知道设置不透明度为1.0
但即使我写了--detail-icon-opacity，它似乎并不影响不透明度，它似乎仍然设置为0.2。看起来--detail-icon-opacity在项目中没有定义，所以我对如何将不透明度设置为1.0已经没有想法了。
如果有人知道如何解决这个问题，我将非常感谢社区的帮助。”
我尝试修改值--细节-图标-不透明度或覆盖不透明度