Ax-Shell/main.css at main · paix64/Ax-Shell · 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
113
114
115
116
117
@import url("./styles/applets.css");
@import url("./styles/bar.css");
@import url("./styles/buttons.css");
@import url("./styles/calendar.css");
@import url("./styles/colors.css");
@import url("./styles/controls.css");
@import url("./styles/dashboard.css");
@import url("./styles/dock.css");
@import url("./styles/emoji.css");
@import url("./styles/extras.css");
@import url("./styles/kanban.css");
@import url("./styles/launcher.css");
@import url("./styles/metrics.css");
@import url("./styles/notch.css");
@import url("./styles/notifications.css");
@import url("./styles/overview.css");
@import url("./styles/pins.css");
@import url("./styles/player.css");
@import url("./styles/power.css");
@import url("./styles/shadows.css");
@import url("./styles/tools.css");
@import url("./styles/wallpapers.css");
@import url("./styles/workspaces.css");

* {
  all: unset;
  color: var(--foreground);
  font-size: unset;
  font-family: unset;
  border-radius: 16px;
}

#applet-stack,
#calendar,
#header,
#player,
#metrics,
#pin-cell-box,
#kanban-header {
  background-color: alpha(black, 0.5);
}

#update-window {
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    var(--primary) 1%,
    var(--shadow) 1%,
    var(--shadow) 2%,
    var(--outline) 2%,
    var(--outline) 3%,
    var(--shadow) 3%,
    var(--shadow) 4%,
    var(--surface-bright) 4%,
    var(--surface-bright) 5%,
    var(--shadow) 5%,
    var(--shadow) 6%,
    var(--surface) 6%,
    var(--surface) 7%,
    var(--shadow) 7%,
    var(--shadow) 8%,
    var(--shadow) 93%,
    var(--surface) 93%,
    var(--surface) 94%,
    var(--shadow) 94%,
    var(--shadow) 95%,
    var(--surface-bright) 95%,
    var(--surface-bright) 96%,
    var(--shadow) 96%,
    var(--shadow) 97%,
    var(--outline) 97%,
    var(--outline) 98%,
    var(--shadow) 98%,
    var(--shadow) 99%,
    var(--primary) 99%,
    var(--primary) 100%
  );
  border-radius: 0;
}

#update-button {
  background-color: var(--primary);
  border-radius: 16px;
  padding: 8px 16px;
  font-weight: bold;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#update-button:hover {
  background-color: var(--foreground);
  border-radius: 8px;
}

#update-button:active {
  background-color: var(--primary);
}

#update-button label {
  color: var(--shadow);
}

#later-button {
  background-color: var(--surface-bright);
  border-radius: 16px;
  padding: 8px 16px;
  font-weight: bold;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#later-button:hover {
  background-color: var(--outline);
  border-radius: 8px;
}

#later-button:active {
  background-color: var(--surface-bright);
}