omarchy-x-1632-theme/walker.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
@define-color selected-text #A07D7D;
@define-color text #C7C6C1;
@define-color base #2F3138;
@define-color border #8C8B86;
@define-color foreground #C7C6C1;
@define-color background #2F3138;
@define-color bright_blue #1B1B1D;
@define-color bright_magenta #1B1B1D;

window {
    background-color: transparent;
    background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0) 42%);
    transition: opacity 600ms ease;
}

window .box-wrapper,
#box {
    background-color: transparent;
    border: none;
    border-radius: 0;
    transition: opacity 600ms ease, background-color 600ms ease;
    background-image:
        linear-gradient(to bottom right, transparent 0 10px, @bright_blue 10px, @bright_magenta 13px, transparent 13px),
        linear-gradient(to bottom left, transparent 0 10px, @bright_blue 10px, @bright_magenta 13px, transparent 13px),
        linear-gradient(to top left, transparent 0 10px, @bright_blue 10px, @bright_magenta 13px, transparent 13px),
        linear-gradient(to top right, transparent 0 10px, @bright_blue 10px, @bright_magenta 13px, transparent 13px),
        linear-gradient(to bottom right, transparent 0 12px, @background 12px),
        linear-gradient(to bottom left, transparent 0 12px, @background 12px),
        linear-gradient(to top left, transparent 0 12px, @background 12px),
        linear-gradient(to top right, transparent 0 12px, @background 12px),
        linear-gradient(to right, @bright_blue, @bright_magenta),
        linear-gradient(to right, @bright_blue, @bright_magenta),
        linear-gradient(to bottom, @bright_blue, @bright_magenta),
        linear-gradient(to bottom, @bright_blue, @bright_magenta),
        linear-gradient(@background, @background),
        linear-gradient(@background, @background),
        linear-gradient(@background, @background),
        linear-gradient(@background, @background),
        linear-gradient(@background, @background);
    background-size:
        16px 16px,
        16px 16px,
        16px 16px,
        16px 16px,
        16px 16px,
        16px 16px,
        16px 16px,
        16px 16px,
        calc(100% - 32px) 3px,
        calc(100% - 32px) 3px,
        3px calc(100% - 32px),
        3px calc(100% - 32px),
        calc(100% - 32px) calc(100% - 32px),
        calc(100% - 32px) 16px,
        calc(100% - 32px) 16px,
        16px calc(100% - 32px),
        16px calc(100% - 32px);
    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;
}