accent.pcss.css

/**
 * @file
 * Accent color and focus ring theme styles.
 */
@media (forced-colors: none) {
  .gin--high-contrast-mode {
    --admin-color-bg: #d9dbde;
    --admin-color-text: rgb(0, 0, 0, 0.8);
    --admin-color-text-soft: rgb(0, 0, 0, 0.8);
    --admin-color-icon: rgb(0, 0, 0, 0.8);
    --admin-color-focus: rgb(0, 0, 0, 0.8);
    --admin-color-border: rgb(0, 0, 0, 0.8);
    --admin-color-border-soft: rgb(0, 0, 0, 0.6);
    --admin-color-border-loud: rgb(0, 0, 0, 0.8);
    --admin-color-border-input: rgb(0, 0, 0, 0.8);
    --admin-color-border-table: rgb(0, 0, 0, 0.8);

    .gin--dark-mode 
  }
}

[data-gin-focus="green"] {
  --admin-color-focus: rgb(8, 163, 144, 0.6);
}

[data-gin-focus="claro"] {
  --admin-color-focus: rgb(38, 167, 105, 0.6);
}

[data-gin-focus="orange"] {
  --admin-color-focus: rgb(236, 124, 87, 0.6);
}

[data-gin-focus="dark"] {
  --admin-color-focus: var(--admin-color-focus-neutral);
}

[data-gin-focus="accent"] {
  /* stylelint-disable-next-line color-function-notation */
  --admin-color-focus: rgb(from var(--admin-color-primary) r g b / 0.6);
}