[data-theme='dark'] {
  --body-bg: hsl(210deg 12% 16%);
  --primary-bg-color: hsl(0deg 0% 48%);

  --default-text-color: #8a8a8a;
  --primary-text-color: #000;
  --editor-title-color: #8a8a8a;
  --like-color: #9f5959c7;

  --aside-bg-color: hsl(210deg 12% 16%);

  --snippet-list-active-box-shadow: 0px 0px 4px 0rem rgb(0 0 0 / 10%);

  --snippets-border-right: 1px solid #1d2125e3;
  --snippets-border-left: 1px solid #1d2125e3;

  /* input tag */

  --tag-input-tag-border: 1px solid #191c20;
  --tag-input-tag-background-color: #7a7a7a;

  /* modal */

  --modal-backdrop-background-color: rgb(0 0 0/0.25);
  --modal-box-shadow: 0px 8px 25px rgb(14 15 17);
  --modal-background: #24292e;
  --modal-header-color: #a1a1a1;

  /* input */

  --default-input-border: none;
  --default-input-background: #1b1f22;
  --default-input-text-color: #7a7a7a;

  /* button */
  --btn-color: #7a7a7a;
  --btn-border: 1px solid #7a7a7a;
  --btn-hover-border: 1px solid #7a7a7a;
  --btn-active-color: #7a7a7a;
}

[data-theme='dark'] ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

[data-theme='dark'] ::-webkit-scrollbar-thumb {
  background: #1b1f22;
  border-right: 0px #000 solid;
  background-clip: padding-box;
  border-radius: 4px;
}
[data-theme='dark'] ::-webkit-scrollbar-track {
  background: transparent;
}

[data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
  background: transparent;
  border: 4px solid #15181b;
}
[data-theme='dark'] ::placeholder {
  color: #939393;
  font-size: 12px;
}
