Skip to content

Commit 45ce881

Browse files
iamharshdabaskRHYME7
iamharshdabas
and
kRHYME7
authored
feat(waybar): add border and background style groups (#983)
* feat(waybar): add border and background style groups Add new CSS files for Waybar style groups, including border styles (solid, dotted, none) and color variants for borders. Also add transparent background style. * refactor(waybar): restructure styles directory layout --------- Co-authored-by: Khing <[email protected]>
1 parent a63d9eb commit 45ce881

File tree

14 files changed

+280
-0
lines changed

14 files changed

+280
-0
lines changed

‎Configs/.local/share/waybar/styles/backgrounds/transparent.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
background-color: transparent;
20+
}

‎Configs/.local/share/waybar/styles/borders/color/main-bg.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border-color: @main-bg;
20+
}

‎Configs/.local/share/waybar/styles/borders/color/main-fg.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border-color: @main-fg;
20+
}

‎Configs/.local/share/waybar/styles/borders/color/wb-act-bg.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border-color: @wb-act-bg;
20+
}

‎Configs/.local/share/waybar/styles/borders/color/wb-act-fg.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border-color: @wb-act-fg;
20+
}

‎Configs/.local/share/waybar/styles/borders/color/wb-hvr-bg.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border-color: @wb-hvr-bg;
20+
}

‎Configs/.local/share/waybar/styles/borders/color/wb-hvr-fg.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border-color: @wb-hvr-fg;
20+
}

‎Configs/.local/share/waybar/styles/borders/dotted-bottom.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border-bottom: 2px dotted;
20+
}

‎Configs/.local/share/waybar/styles/borders/dotted-top.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border-top: 2px dotted;
20+
}

‎Configs/.local/share/waybar/styles/borders/dotted.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
window#waybar.top #leaf,
2+
window#waybar.top #leaf-inverse,
3+
window#waybar.top #pill,
4+
window#waybar.top #pill-right,
5+
window#waybar.top #pill-left,
6+
window#waybar.top #pill-down,
7+
window#waybar.top #pill-up,
8+
window#waybar.top #pill-in,
9+
window#waybar.top #pill-out,
10+
window#waybar.bottom #leaf,
11+
window#waybar.bottom #leaf-inverse,
12+
window#waybar.bottom #pill,
13+
window#waybar.bottom #pill-right,
14+
window#waybar.bottom #pill-left,
15+
window#waybar.bottom #pill-down,
16+
window#waybar.bottom #pill-up,
17+
window#waybar.bottom #pill-in,
18+
window#waybar.bottom #pill-out {
19+
border: 2px dotted;
20+
}

0 commit comments

Comments
 (0)