signal-desktop/stylesheets/components/InstallScreenBackupImportStep.scss

// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

.InstallScreenBackupImportStep {
  position: relative;
  display: flex;

  width: 100vw;
  height: 100vh;

  justify-content: center;
  align-items: center;
}

.InstallScreenBackupImportStep__content {
  text-align: center;
}

.InstallScreenBackupImportStep__title {
  @include font-title-2;
  margin-block: 0 20px;
}

.InstallScreenBackupImportStep .ProgressBar {
  margin-block-end: 14px;
}

.InstallScreenBackupImportStep__progressbar-hint {
  @include font-caption;
  margin-block-end: 22px;

  @include light-theme {
    color: rgba($color-gray-60, 0.8);
  }

  @include dark-theme {
    color: $color-gray-25;
  }
}

.InstallScreenBackupImportStep__description {
  @include font-body-1;

  @include light-theme {
    color: $color-gray-60;
  }

  @include dark-theme {
    color: $color-gray-25;
  }
}

.InstallScreenBackupImportStep__cancel {
  @include button-reset();
  @include button-focus-outline;
  @include font-body-1-bold;

  position: absolute;
  bottom: 48px;

  @include light-theme() {
    color: $color-ultramarine;
  }

  @include dark-theme() {
    color: $color-ultramarine-light;
  }
}