omarchy-x-1632-theme/swayosd.css at master · OldJobobo/omarchy-x-1632-theme · 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
@define-color background-color #2F3138;
@define-color border-pink #8F9CB0;
@define-color border-magenta #9696CF;
@define-color label #CBCAC6;
@define-color image #CBCAC6;
@define-color progress #8383C3;

window:not(:backdrop),
window:backdrop {
    border: none;
    border-width: 0;
    border-radius: 24px;
    background-color: transparent;
    box-shadow: none;
    padding: 12px;
}

window:not(:backdrop) #container,
window:backdrop #container {
    border-radius: 0;
    border: none;
    border-width: 2px;
    background-color: transparent;
    padding: 18px;
    background-clip: padding-box;
    box-shadow: none;
    background-image:
        linear-gradient(to bottom right, transparent 0 6px, @border-pink 6px, @border-magenta 10px, transparent 10px),
        linear-gradient(to bottom left, transparent 0 6px, @border-pink 6px, @border-magenta 10px, transparent 10px),
        linear-gradient(to top left, transparent 0 6px, @border-pink 6px, @border-magenta 10px, transparent 10px),
        linear-gradient(to top right, transparent 0 6px, @border-pink 6px, @border-magenta 10px, transparent 10px),
        linear-gradient(to bottom right, transparent 0 8px, @background-color 8px),
        linear-gradient(to bottom left, transparent 0 8px, @background-color 8px),
        linear-gradient(to top left, transparent 0 8px, @background-color 8px),
        linear-gradient(to top right, transparent 0 8px, @background-color 8px),
        linear-gradient(to right, @border-pink, @border-magenta),
        linear-gradient(to right, @border-pink, @border-magenta),
        linear-gradient(to bottom, @border-pink, @border-magenta),
        linear-gradient(to bottom, @border-pink, @border-magenta),
        linear-gradient(@background-color, @background-color),
        linear-gradient(@background-color, @background-color),
        linear-gradient(@background-color, @background-color),
        linear-gradient(@background-color, @background-color),
        linear-gradient(@background-color, @background-color);
    background-size:
        10px 10px,
        10px 10px,
        10px 10px,
        10px 10px,
        10px 10px,
        10px 10px,
        10px 10px,
        10px 10px,
        calc(100% - 20px) 3px,
        calc(100% - 20px) 3px,
        3px calc(100% - 20px),
        3px calc(100% - 20px),
        calc(100% - 20px) calc(100% - 20px),
        calc(100% - 20px) 10px,
        calc(100% - 20px) 10px,
        10px calc(100% - 20px),
        10px calc(100% - 20px);
    background-position:
        top left,
        top right,
        bottom right,
        bottom left,
        top left,
        top right,
        bottom right,
        bottom left,
        top center,
        bottom center,
        center left,
        center right,
        center,
        top center,
        bottom center,
        center left,
        center right;
    background-repeat: no-repeat;
}