vencord-themes/MidnightIslandChatStatus.theme.css at main · NSPC911/vencord-themes · GitHub

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/**
 * @name midnight island chat status
 * @author NSPG911
 * @version 1.0.0
 * @description like seamless chat bar, but each has their own pill
 * @source https://github.com/NSPC911/vc-themes
*/

.chatGradientBase__36d07 {
  display: none !important;
}

.typing_b88801 {
  &.inTextChannel_b88801 {
    padding: 0;
    margin-left: var(--space-xs);
    margin-right: var(--space-xs);
    transform: translateY(calc(0px - var(--gap)));
    gap: var(--gap);
  }
  > div {
    background: var(--chat-background-default);
    height: 24px;
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-md);
  }
  .typingDots_b88801 {
    margin-left: 0;
    transition:
      transform 1s cubic-bezier(0.4, 1, 0.5, 1.5),
      opacity 1s cubic-bezier(0.4, 1, 0.5, 1.5);
    flex: unset;
    padding-right: 1ch;
    &:not(:has(> svg)) {
      transform: translateY(calc(24px + var(--gap)));
      opacity: 0;
      pointer-events: none;
    }
  }
  .cooldownWrapper_b21699 {
    padding: 0px 8px 0px 4px;
    min-width: 138px;
  }
}
.scrollerSpacer__36d07 {
  height: calc(40px + var(--gap));
}