.Revision {
  --Revision-revisionColor: transparent;
  --Revision-revisionTextColor: theme(colors.black.DEFAULT);
  --Revision-revisionEmphasisColor: theme(colors.black.DEFAULT);
  --Revision-revisionBackgroundColor: transparent;

  &.is-live,
  .Message.is-live {
    --Revision-revisionColor: theme(colors.success.200);
    --Revision-revisionTextColor: theme(colors.success.600);
    --Revision-revisionEmphasisColor: theme(colors.success.700);
    --Revision-revisionBackgroundColor: theme(colors.success.25);
  }

  &.is-archived,
  .Message.is-archived {
    --Revision-revisionColor: theme(colors.error.200);
    --Revision-revisionTextColor: theme(colors.error.600);
    --Revision-revisionEmphasisColor: theme(colors.error.700);
    --Revision-revisionBackgroundColor: theme(colors.error.25);
  }

  &.is-updated,
  .Message.is-updated {
    --Revision-revisionColor: theme(colors.success.200);
    --Revision-revisionTextColor: theme(colors.success.600);
    --Revision-revisionEmphasisColor: theme(colors.success.700);
    --Revision-revisionBackgroundColor: theme(colors.success.25);
  }

  &.is-draft,
  .Message.is-draft {
    --Revision-revisionColor: theme(colors.primary.200);
    --Revision-revisionTextColor: theme(colors.primary.600);
    --Revision-revisionEmphasisColor: theme(colors.primary.700);
    --Revision-revisionBackgroundColor: theme(colors.primary.25);
  }

  &.is-revision,
  .Message.is-revision {
    --Revision-revisionColor: theme(colors.purple.200);
    --Revision-revisionTextColor: theme(colors.purple.600);
    --Revision-revisionEmphasisColor: theme(colors.purple.700);
    --Revision-revisionBackgroundColor: theme(colors.purple.25);
  }

  &.is-scheduled,
  .Message.is-scheduled {
    --Revision-revisionColor: theme(colors.warning.200);
    --Revision-revisionTextColor: theme(colors.warning.600);
    --Revision-revisionEmphasisColor: theme(colors.warning.700);
    --Revision-revisionBackgroundColor: theme(colors.warning.25);
  }

  &.is-workflow,
  .Message.is-workflow {
    --Revision-revisionColor: theme(colors.gray.200);
    --Revision-revisionTextColor: theme(colors.gray.600);
    --Revision-revisionEmphasisColor: theme(colors.gray.700);
    --Revision-revisionBackgroundColor: theme(colors.gray.25);
  }

  &.is-progress,
  .Message.is-progress {
    --Revision-revisionColor: theme(colors.purple.200);
    --Revision-revisionTextColor: theme(colors.purple.600);
    --Revision-revisionEmphasisColor: theme(colors.purple.700);
    --Revision-revisionBackgroundColor: theme(colors.purple.25);
  }
}
