Rewaita/src/themes/dark/macOS Tahoe Dark.css at c25332efefe99fd32a3b91b930a5cc553fbd1dea · SwordPuffin/Rewaita · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
:root {
  /* Window */
  --window-bg-color: #1e1e1e;
  --window-fg-color: #ececec;

  /* View */
  --view-bg-color: #1e1e1e;
  --view-fg-color: #ececec;

  /* Header bar */
  --headerbar-bg-color: #26262a;
  --headerbar-backdrop-color: #202024;
  --headerbar-fg-color: #ececec;

  /* Popovers / dialogs */
  --popover-bg-color: #2c2c2e;
  --popover-fg-color: #ececec;

  --dialog-bg-color: var(--popover-bg-color);
  --dialog-fg-color: var(--popover-fg-color);

  /* Cards / sidebars */
  --card-bg-color: #2c2c2e;
  --card-fg-color: #ececec;

  --sidebar-bg-color: #1c1c1e;
  --sidebar-fg-color: #ececec;
  --sidebar-backdrop-color: var(--sidebar-bg-color);
  --sidebar-border-color: #3a3a3c;

  --secondary-sidebar-bg-color: var(--sidebar-bg-color);
  --secondary-sidebar-fg-color: var(--sidebar-fg-color);
  --secondary-sidebar-backdrop-color: var(--sidebar-backdrop-color);
  --secondary-sidebar-border-color: var(--sidebar-border-color);

  /* Blue */
  --blue-1: #0a84ff;
  --blue-2: #64d2ff;
  --blue-3: #5ac8fa;
  --blue-4: #409cff;
  --blue-5: #c7e8ff;

  /* Green */
  --green-1: #30d158;
  --green-2: #66d4cf;
  --green-3: #40c8e0;
  --green-4: #64d2ff;
  --green-5: #a7f0ba;

  /* Yellow */
  --yellow-1: #ffd60a;
  --yellow-2: #ffd60a;
  --yellow-3: #ffd426;
  --yellow-4: #ffe169;
  --yellow-5: #ffef9f;

  /* Orange */
  --orange-1: #ff9f0a;
  --orange-2: #ffb340;
  --orange-3: #ffc266;
  --orange-4: #ffd699;
  --orange-5: #ffeacc;

  /* Red */
  --red-1: #ff453a;
  --red-2: #ff6961;
  --red-3: #ff8a80;
  --red-4: #d70015;
  --red-5: #ffb3b0;

  /* Purple */
  --purple-1: #ff375f;
  --purple-2: #bf5af2;
  --purple-3: #da8fff;
  --purple-4: #8944ab;
  --purple-5: #e5c1fb;

  /* Brown */
  --brown-1: #ac8e68;
  --brown-2: #b79a72;
  --brown-3: #c2a57d;
  --brown-4: #cdb187;
  --brown-5: #d8bc92;

  /* Light */
  --light-1: #f2f2f7;
  --light-2: #e5e5ea;
  --light-3: #d1d1d6;
  --light-4: #c7c7cc;
  --light-5: #aeaeb2;

  /* Dark */
  --dark-1: #8e8e93;
  --dark-2: #636366;
  --dark-3: #48484a;
  --dark-4: #3a3a3c;
  --dark-5: #2c2c2e;

  /* Toggle state */
  --active-toggle-bg-color: var(--window-bg-color);
  --active-toggle-fg-color: var(--window-fg-color);
}

/* Toast */
toast {
  background-color: var(--window-bg-color);
  color: var(--window-fg-color);
}

.inline {
  background-color: rgba(0, 0, 0, 0);
}