hyprshell-config-edit-lib 4.10.3

A library for editing the config file with a gui
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
118
119
120
121
122
123

/* border around full expander row + items */
.enable-frame > box {
    padding: 4px;
    border-radius: 18px;
    border: 2px solid var(--border-color);
}

/* make hover for row rounded */
.enable-frame > box > list > .activatable:hover {
    border-radius: 18px;
}

/* remove background for row, increase font for title */
.enable-frame > box > list {
    background: transparent;
    border-radius: 12px;
    font-size: 1.4rem;
    font-weight: 600;
}

/* remove background that interferes with rounden borders */
.enable-frame > box > revealer > list {
    background: unset;
}

/* disable hover effect on expanded row */
.enable-frame > box > revealer > list > .activatable:hover {
    background: unset;
}

/* some padding around the grid */
.frame-row {
    padding: 0.7rem;
}

/* set background color for the expander to bg color */
.item-expander > box > revealer {
    border-radius: 8px;
    background-color: var(--popover-bg-color);
}

/* make it look like a button */
.item-expander > box > list > .header {
    border-radius: 8px;
    /* yoinked from https://gitlab.gnome.org/GNOME/libadwaita/-/blob/main/src/stylesheet/widgets/_buttons.scss */
    /* adjusts bg color the the same as the buttons */
    background-color: color-mix(in srgb, currentColor 10%, transparent);
}


.footer {
    padding: 6px 2px;
}

/* same style as `.enable-frame > box` to make row with switch look like expander */
.bordered {
    padding: 18px;
    border-radius: 18px;
    border: 2px solid var(--border-color);

    font-size: 1.4rem;
    font-weight: 600;
}

/* disabled style if calc plugin in not available */
.disabled {
    opacity: 0.5;
    background: unset;
}

.items-list {
    padding: 8px;
    border-radius: 12px;
}

.items-list > row {
    padding: 6px;
}

.changes-text {
    padding: 16px;
    border-radius: 12px;
    border: 2px solid var(--border-color);
}

.theme-carousel {
    /*border: 2px solid var(--border-color);*/
    border-radius: 24px;
}

.theme {
    padding: 24px;
    /*background: red;*/
}

.theme-image {
    border-radius: 18px;
    border: 2px solid var(--border-color);
    min-height: 100px;
    min-width: 100px;
}

.blue-label {
    color: color-mix(in srgb, currentColor 40%, #13bdda 60%);
}

.gray-label {
    color: color-mix(in srgb, currentColor 40%, #464444 60%);
}

.generate-min-width {
    min-width: 270px;
}

button.active {
    border: 2px solid #62a600;
    box-shadow: inset 0 0 12px #62a600;
}

button.not-active {
    border: 2px solid transparent;
    box-shadow: none;
}