betterdiscord-css/custom-placeholder.css at main · sethziin/betterdiscord-css · 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
[class^="placeholder_"] {
    opacity: 0 !important;
}

html body [class^="textArea_"] {
    position: relative !important;
}

html body [class^="textArea_"]::before {
    content: var(--prompt-text) !important;

    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px !important;
    pointer-events: none !important;

    opacity: calc(var(--prompt-brightness, 70) / 100) !important;
    color: rgba(255,255,255, calc(var(--prompt-brightness, 70) / 100)) !important;

    transition: opacity 0.15s ease !important;
}

html body [class^="textArea_"]:has([data-slate-string="true"]:not([data-slate-zero-width]))::before,
html body [class^="textArea_"]:has([data-slate-string="true"]:not(:empty))::before,
html body [class^="textArea_"]:has(span[data-slate-length]):not(:has(span[data-slate-length="0"]))::before {
    opacity: 0 !important;
}