theme.scss

:root {
  --primary: #1ebef1;
  --completed: #827cf1;
  --success: #85d7b9;
  --error: #fb5158;
  --warning: #ff9f0a;
  --fixed-white: #ffffff;
  --fixed-black: #000000;
  
  [data-theme="dark"] {
    --shade-0: #fff;
    --shade-100: #7b7d7f;
    --shade-150: rgba(123, 125, 127, 0.2);
    --shade-200: #1d1f20;
    --shade-300: #101213;
    --shade-400: #0a0a0a;
  }

  [data-theme="light"] {
    --shade-0: #101213;
    --shade-100: #7b7d7f;
    --shade-150: #dfdfdf;
    --shade-200: #ebebeb;
    --shade-300: #f4f5f7;
    --shade-400: #ffffff;
  }
}