:root {
  @each $key, $value in $dynamic-db-variables {
    --#{$database-prefix}#{$key}: var(--#{$database-prefix}default-#{$key}, #{$value});
  }
  @each $color, $value in $dynamic-var-colors {
    --#{$variable-prefix}#{$color}: #{$value};
  }
}

[data-color-mode='dark'] {
  color-scheme: dark;

  @each $color, $value in $dynamic-var-dark-colors {
    --#{$variable-prefix}#{$color}: #{$value};
  }

  ::-webkit-scrollbar-thumb {
    background-color: #161b22;
  }
}