BewlyBewly/src/styles/main.scss

* {
  outline-color: var(--bew-theme-color-80);
  outline-width: 2px;
  outline-offset: -2px;
}

.dark * {
  color-scheme: dark;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

html > ::-webkit-scrollbar-track {
  background: var(--bew-bg);
}

::-webkit-scrollbar-thumb {
  background-color: rgba(120, 120, 122, 0.6);
  border-radius: 20px;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

html,
body {
  font-size: 14px !important;
  min-width: unset !important;
  filter: none !important;
  background-color: var(--bew-bg);
  background-image: none;
  color: var(--bew-text-1);
}

.dark {
  body {
    background-image: none;
  }
}

.keep-two-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-break: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  --at-apply: color-$bew-text-1;
}

#bili-header-container {
  background-color: var(--bew-bg) !important;
}

.bili-header .bili-header__bar {
  visibility: hidden;
}

.card-loaded {
  background-color: var(--bew-elevated-solid-1);
}

.brand_blue {
  color: var(--bew-theme-color) !important;
}