diff --git a/Modules/GameEngineKit/Sources/UI/Views/ColoredAnswerView.swift b/Modules/GameEngineKit/Sources/UI/Views/ColoredAnswerView.swift index f01fc57dc6..e7cc2ec546 100644 --- a/Modules/GameEngineKit/Sources/UI/Views/ColoredAnswerView.swift +++ b/Modules/GameEngineKit/Sources/UI/Views/ColoredAnswerView.swift @@ -14,11 +14,16 @@ struct ColoredAnswerView: View { @ViewBuilder var view: some View { - let circle = Circle() - .foregroundColor(color) + let circle = Image(systemName: "circle.fill") + .foregroundStyle(color) + .font(.system(size: size)) .frame( - width: size, - height: size + width: size * 1.05, + height: size * 1.05 + ) + .background( + Circle() + .fill(.clear) ) switch status { diff --git a/Modules/GameEngineKit/Sources/UI/Views/TextAnswerView.swift b/Modules/GameEngineKit/Sources/UI/Views/TextAnswerView.swift index 5dfeddfa0b..7f1cefd23f 100644 --- a/Modules/GameEngineKit/Sources/UI/Views/TextAnswerView.swift +++ b/Modules/GameEngineKit/Sources/UI/Views/TextAnswerView.swift @@ -2,6 +2,7 @@ // Copyright 2023 APF France handicap // SPDX-License-Identifier: Apache-2.0 +import DesignKit import SwiftUI struct TextAnswerView: View { @@ -15,15 +16,21 @@ struct TextAnswerView: View { @ViewBuilder var view: some View { let circle = ZStack { - Circle() - .fill(.gray.opacity(0.8)) + Image(systemName: "circle.fill") + .foregroundStyle(DesignKitAsset.Colors.lekaDarkBlue.swiftUIColor) + .font(.system(size: size)) .frame( - width: size, - height: size + width: size * 1.05, + height: size * 1.05 + ) + .background( + Circle() + .fill(.clear) ) Text(text.uppercased()) - .font(.title.bold()) + .font(.largeTitle.uppercaseSmallCaps()) + .foregroundColor(.white) } switch status {