hops-dark/style.css at main · AiOO/hops-dark · 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
@media (prefers-color-scheme: dark) {

  html {
    filter: invert(87.5%) hue-rotate(180deg);
    background: #FFF;
  }

  div#ch-plugin > div,
  div.MuiAvatar-root,
  div.MuiModal-backdrop,
  img,
  svg,
  .hops-dark-emoji {
    filter: invert(100%) hue-rotate(180deg);
  }

  button[aria-label="Format text as bold"] svg,
  button[aria-label="Format text as italics"] svg,
  button[aria-label="Format text as underline"] svg,
  button[aria-label="Format text with a strikethrough"] svg,
  button[aria-label="Format Subscript"] svg,
  button[aria-label="Format Superscript"] svg,
  button[aria-label="Insert code block"] svg,
  div.editor > div:nth-child(3) svg,
  svg[aria-label="Workflow"],
  ul#PageList > div > div > ul > li:nth-child(2) > div > span > svg {
    filter: unset !important;
  }

}