nodejs.org/packages/ui-components/src/Common/ThemeToggle/index.module.css at ed1e50e89a7daaf642f084589ed923b4ec4a2214 · araujogui/nodejs.org · 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
48
49
@reference "../../styles/index.css";

.themeToggle {
  @apply size-9
    rounded-md
    p-2
    text-neutral-700
    motion-safe:transition-colors
    dark:text-neutral-300;

  &:hover {
    @apply bg-neutral-100
      dark:bg-neutral-900;
  }
}

.dropDownContent {
  @apply max-h-80
    w-36
    overflow-hidden
    rounded-sm
    border
    border-neutral-200
    bg-white
    shadow-lg
    dark:border-neutral-900
    dark:bg-neutral-950;
}

.dropDownItem {
  @apply flex
    cursor-pointer
    items-center
    gap-2
    px-2.5
    py-1.5
    text-sm
    font-medium
    text-neutral-800
    outline-hidden
    data-highlighted:bg-green-600
    data-highlighted:text-white
    dark:text-white;
}

.activeItem {
  @apply bg-green-600
    text-white;
}