assets/scss/_card_dark.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

@mixin card_dark {
  .card-small {
    background-color: $bg-color-dark;
    border: 1px solid $bg-color;
  }

  .card { border: 1px solid $bg-color; }

  .card-image {
    filter: grayscale($filter-percentage);
  }

  .card-body,
  .card-tags,
  .card-footer { background-color: $bg-color-dark; }
}

body.colorscheme-dark {
  @include card_dark()
}

body.colorscheme-auto {
  @media (prefers-color-scheme: dark) {
    @include card_dark()
  }
}