Dialog의 디자인이 궁금합니다

개발
1 
import { ConfirmDialog } from "@toss-design-system/react-native";

<ConfirmDialog
        open={open}
        title="책 구매 페이지로 이동합니다"
        description="웹 페이지가 실행됩니다."
        closeOnDimmerClick
        onClose={() => setOpen(false)}
        leftButton={
          <ConfirmDialog.Button
            onPress={() => setOpen(false)}
            style={{ backgroundColor: "white" }}
          >
            취소
          </ConfirmDialog.Button>
        }
        rightButton={
          <ConfirmDialog.Button onPress={goToLink}>
            이동하기
          </ConfirmDialog.Button>
        }
        onExited={function (): void {}}
      />

image
image662×458 28 KB

image
image786×428 39.8 KB

두 디자인이 다르게 작동됩니다.

react native에 대한 dialog 예제가 존재하지 않아 웹뷰 예제를 참고하고 있습니다.

리액트 네이티브에서 버튼의 색상을 변경할 수 있을까요?

2

안녕하세요, granite.config.ts에

appsInToss({
      brand: {
        primaryColor: '#3182F6',// <-이 부분이 어떻게 설정 되어있을까요?
      },
    }),

primaryColor 값이 어떻게 설정 되어있나요?

3

확인했습니다 감사합니다!
left, right 버튼 색이 primaryColor로 되는데 left와 right 색상을 다르게 설정할 수 있나요?