@media (prefers-color-scheme: dark) {
  :root {
    --primary-r: 88.6;
    --primary-g: 132.6;
    --primary-b: 149.4;
    --priority-r: 101;
    --priority-g: 205;
    --priority-b: 235;
    --active-r: 101;
    --active-g: 205;
    --active-b: 235;
    --header-r: 68;
    --header-g: 68;
    --header-b: 68;
    --header-button-r: 0;
    --header-button-g: 0;
    --header-button-b: 0;
    --foreground-hover-color: #bdbdbd;
    --foreground-readonly-color: #a4a4a4;
    --login-gradient-top: #454545;
    --login-gradient-bottom: #404040;
    --shadow-color: #252525;
    --hover-darken-brightness: 145%;
    --hover-lighten-brightness: 85%;
  }
  /* Change Autocomplete styles in Chrome*/
  input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-internal-autofill-previewed, input:-internal-autofill-previewed:hover, input:-internal-autofill-previewed:focus, input:-internal-autofill-selected, input:-internal-autofill-selected:hover, input:-internal-autofill-selected:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  textarea:-internal-autofill-previewed,
  textarea:-internal-autofill-previewed:hover,
  textarea:-internal-autofill-previewed:focus,
  textarea:-internal-autofill-selected,
  textarea:-internal-autofill-selected:hover,
  textarea:-internal-autofill-selected:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus,
  select:-internal-autofill-previewed,
  select:-internal-autofill-previewed:hover,
  select:-internal-autofill-previewed:focus,
  select:-internal-autofill-selected,
  select:-internal-autofill-selected:hover,
  select:-internal-autofill-selected:focus {
    -webkit-box-shadow: 0 0 0 30px #170f01 inset !important;
    -webkit-text-fill-color: var(--foreground-color);
    transition: background-color 5000s ease-in-out 0s;
  }
  :root {
    --active-color: rgb(var(--active-r), var(--active-g), var(--active-b));
    --primary-color: rgb(var(--primary-r), var(--primary-g), var(--primary-b));
    --priority-color: rgb(var(--priority-r), var(--priority-g), var(--priority-b));
    --header-color: rgb(var(--header-r), var(--header-g), var(--header-b));
    --header-button-color: rgb(var(--header-button-r), var(--header-button-g), var(--header-button-b));
    --active-color-hover: rgba(var(--active-r), var(--active-g), var(--active-b), 0.6);
    --primary-color-hover: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.6);
    --priority-color-hover: rgba(var(--priority-r), var(--priority-g), var(--priority-b), 0.6);
    --header-button-color-hover: rgba(var(--header-button-r), var(--header-button-g), var(--header-button-b), 0.6);
    --accessible-primary: calc(((((var(--primary-r) * 299) + (var(--primary-g) * 587) + (var(--primary-b) * 110)) / 1000) - 152) * -1000);
    --accessible-primary-color: rgb(var(--accessible-primary), var(--accessible-primary), var(--accessible-primary));
    --accessible-priority: calc(((((var(--priority-r) * 299) + (var(--priority-g) * 587) + (var(--priority-b) * 110)) / 1000) - 152) * -1000);
    --accessible-priority-color: rgb(var(--accessible-priority), var(--accessible-priority), var(--accessible-priority));
    --accessible-active: calc(((((var(--active-r) * 299) + (var(--active-g) * 587) + (var(--active-b) * 110)) / 1000) - 152) * -1000);
    --accessible-active-color: rgb(var(--accessible-active), var(--accessible-active), var(--accessible-active));
    --accessible-header: calc(((((var(--header-r) * 299) + (var(--header-g) * 587) + (var(--header-b) * 110)) / 1000) - 152) * -1000);
    --accessible-header-color: rgb(var(--accessible-header), var(--accessible-header), var(--accessible-header));
    --accessible-header-button: calc(((((var(--header-button-r) * 299) + (var(--header-button-g) * 587) + (var(--header-button-b) * 110)) / 1000) - 152) * -1000);
    --accessible-header-button-color: rgb(var(--accessible-header-button), var(--accessible-header-button), var(--accessible-header-button));
    --danger-color: #df535b;
    --info-color: #0075bf;
    --success-color: #00bf88;
    --warning-color: #ff8016;
    --danger-background-color: #270709;
    --info-background-color: #00121d;
    --success-background-color: #001d14;
    --warning-background-color: #2a1300;
    --background-color: #262626;
    --surface-a: #262626;
    --border-color: #7f7f7f;
    --border-color-active: #f0f0f0;
    --card-background-color: #121214;
    --foreground-color: #f0f0f0;
    --label-color: #e0e0e0;
    --line-color-hard: #cccccc;
    --line-color-soft: #4c4c4c;
    --placeholder-color: #4c4c4c;
    --hover-darken-brightness: 85%;
    --hover-lighten-brightness: 135%;
  }
}