::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 4px;
}

::-webkit-scrollbar {
  background: transparent;
  width: 5px;
  height: 5px;
}

:root {
  /* border radius */
  --br: 8px;
  ---navs-bg: #e5e7eb;
  ---body-bg: #f5f6f7;
  ---chat-bg: #fff;
  ---channel-text-color: #1c1c1e;
  ---msg-text-color: #374151;
}

/* @media (prefers-color-scheme: dark) {
    :root{
        --br:8px;
        ---navs-bg:#121926;
        ---body-bg:#1F2A37;
        ---chat-bg:#384250;
        ---channel-text-color:#fff;
        ---msg-text-color:#fff;
    }
  } */
