sodesu-comment/src/utils/getDarkStyle.ts

Comment system with SolidJS

const style =
  '{--sds-white:#000;--sds-light-grey:#666;--sds-dark-grey:#999;--sds-color:#888;--sds-bgcolor:#1e1e1e;--sds-bgcolor-light:#272727;--sds-bgcolor-hover: #444;--sds-border-color:#333;--sds-disable-bgcolor:#444;--sds-disable-color:#272727;--sds-bq-color:#272727;--sds-info-bgcolor:#272727;--sds-info-color:#666}';

function getDarkStyle(selector?: string | boolean): string {
  if (typeof selector === 'string') {
    return selector === 'auto'
      ? `@media(prefers-color-scheme:dark){body${style}}`
      : `${selector}${style}`;
  }

  return selector === true ? `:root${style}` : '';
}

export default getDarkStyle;