.Revision {
  --Revision-revisionColor: transparent;
  --Revision-revisionActiveColor: transparent;
  --Revision-revisionTextColor: var(--color-black);
  --Revision-revisionBackgroundColor: transparent;

  &.is-live,
  .Message.is-live {
    --Revision-revisionColor: var(--color-green5);
    --Revision-revisionActiveColor: var(--color-green6);
    --Revision-revisionTextColor: var(--color-black);
    --Revision-revisionBackgroundColor: var(--color-green1);
  }

  &.is-archived,
  .Message.is-archived {
    --Revision-revisionColor: var(--color-red6);
    --Revision-revisionActiveColor: var(--color-red6);
    --Revision-revisionTextColor: var(--color-white);
    --Revision-revisionBackgroundColor: var(--color-red3);
  }

  &.is-updated,
  .Message.is-updated {
    --Revision-revisionColor: var(--color-green3);
    --Revision-revisionActiveColor: var(--color-green4);
    --Revision-revisionTextColor: var(--color-black);
    --Revision-revisionBackgroundColor: var(--color-green1);
  }

  &.is-draft,
  &.is-scheduled,
  .Message.is-draft,
  .Message.is-scheduled {
    --Revision-revisionColor: var(--color-yellow3);
    --Revision-revisionActiveColor: var(--color-yellow4);
    --Revision-revisionTextColor: var(--color-black);
    --Revision-revisionBackgroundColor: var(--color-yellow1);
  }

  &.is-workflow,
  .Message.is-workflow,
  &.is-progress,
  .Message.is-progress {
    --Revision-revisionColor: var(--color-gray6);
    --Revision-revisionActiveColor: var(--color-gray7);
    --Revision-revisionTextColor: var(--color-black);
    --Revision-revisionBackgroundColor: var(--color-gray1);
  }
}
