.background-default {
  background-color: var(--color-white); }

.background-gray,
.background- {
  background-color: var(--color-gray-8); }

.background-colored {
  color: var(--color-white);
  background-color: var(--color-navy);
  --color-text-fg: var(--color-white);
  --color-text-bg: var(--color-navy);
  --color-text-header: var(--color-white); }

.background-gradient {
  color: var(--color-white);
  background: linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
  --color-text-fg: var(--color-white);
  --color-text-bg: var(--color-navy);
  --color-text-header: var(--color-white); }

.background-image {
  color: var(--color-white);
  background-color: var(--color-navy);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% 100%;
  background-image: var(--background-image), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
  --color-text-fg: var(--color-white);
  --color-text-bg: var(--color-navy);
  --color-text-header: var(--color-white); }

.ide .toolbar-bar {
  background: green; }

.dev .toolbar-bar {
  background: blue; }

.stage .toolbar-bar {
  background: red; }