Wire the video indicator tokens

The network quality bars read indicatorGreat, indicatorFair and
indicatorPoor, and the focused participant tile draws its border with
indicatorSpeaking. The screen share border keeps accentPrimary.

Author: andremion

stream-video-android-ui-compose/src/main/kotlin/io/getstream/video/android/compose/ui/components/call/renderer/ParticipantVideo.kt

@@ -73,6 +73,7 @@ import io.getstream.video.android.compose.theme.ParticipantVideoLabelContentPara
 import io.getstream.video.android.compose.theme.ParticipantVideoReactionContentParams
 import io.getstream.video.android.compose.theme.VideoTheme
 import io.getstream.video.android.compose.theme.design.StreamTokens
+import io.getstream.video.android.compose.theme.indicatorSpeaking
 import io.getstream.video.android.compose.ui.components.avatar.LocalAvatarPreviewProvider
 import io.getstream.video.android.compose.ui.components.call.pinning.ParticipantAction
 import io.getstream.video.android.compose.ui.components.call.pinning.participantActions
@@ -164,7 +165,7 @@ public fun ParticipantVideo(
             } else {
                 BorderStroke(
                     StreamTokens.size2,
-                    VideoTheme.colors.accentPrimary,
+                    VideoTheme.colors.indicatorSpeaking,
                 )
             },
             shape = containerShape,

stream-video-android-ui-compose/src/main/kotlin/io/getstream/video/android/compose/ui/components/indicator/NetworkQualityIndicator.kt

@@ -30,6 +30,9 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import io.getstream.video.android.compose.theme.VideoTheme
 import io.getstream.video.android.compose.theme.design.StreamTokens
+import io.getstream.video.android.compose.theme.indicatorFair
+import io.getstream.video.android.compose.theme.indicatorGreat
+import io.getstream.video.android.compose.theme.indicatorPoor
 import io.getstream.video.android.core.model.NetworkQuality
 import stream.video.sfu.models.ConnectionQuality
 
@@ -63,17 +66,17 @@ internal fun barColorsFromQuality(
     networkQuality: NetworkQuality,
 ): Triple<Color, Color, Color> = when (networkQuality) {
     is NetworkQuality.Excellent -> Triple(
-        VideoTheme.colors.accentSuccess,
-        VideoTheme.colors.accentSuccess,
-        VideoTheme.colors.accentSuccess,
+        VideoTheme.colors.indicatorGreat,
+        VideoTheme.colors.indicatorGreat,
+        VideoTheme.colors.indicatorGreat,
     )
     is NetworkQuality.Good -> Triple(
-        VideoTheme.colors.accentWarning,
-        VideoTheme.colors.accentWarning,
+        VideoTheme.colors.indicatorFair,
+        VideoTheme.colors.indicatorFair,
         VideoTheme.colors.textOnAccent,
     )
     is NetworkQuality.Poor -> Triple(
-        VideoTheme.colors.accentError,
+        VideoTheme.colors.indicatorPoor,
         VideoTheme.colors.textOnAccent,
         VideoTheme.colors.textOnAccent,
     )