-
Notifications
You must be signed in to change notification settings - Fork 0
/
buttons-inverted.css
115 lines (106 loc) · 5.5 KB
/
buttons-inverted.css
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
/* Reskin the maximazi, minimize and close buttons to the one used by Breeze window
decorations when using non-native window.
This is a best-effor, as it is not possible to get a perfect match.
In order to have window shade you also need to:
1. setup a kwin window rule to setting "Window class"="vivaldi-stable" and "No titlebar and frame"="Force No"
2. setup a Windows specifi override in Breeze theme (click on the pen icon over in the corner of the preview)
setting "Window class"=vivaldi-stable and select "No border"
*/
.window-buttongroup button.window-minimize{
border-radius: 10px;
border-width: 2px;
border-color: var(--colorAccentIntense);
background-color: var(--colorAccentIntense) !important;
width: 18px !important;
height: 18px !important;
padding: 1px 0 0 0;
}
.window-buttongroup button.window-minimize:hover{
border-radius: 10px;
border-width: 2px;
border-color: #232627;
background-color: #232627 !important;
width: 18px !important;
height: 18px !important;
padding: 1px 0 0 0;
fill: #fff !important;
}
.window-buttongroup button.window-maximize{
border-radius: 10px;
border-width: 2px;
border-color: var(--colorAccentIntense);
background-color: var(--colorAccentIntense) !important;
width: 18px !important;
height: 18px !important;
padding: 1px 0 0 1px;
/* leave a little space before the close button */
margin-right: 4px !important;
}
.window-buttongroup button.window-maximize:hover{
border-radius: 10px;
border-width: 2px;
border-color: #232627;
background-color: #232627 !important;
width: 18px !important;
height: 18px !important;
padding: 1px 0 0 1px;
fill: #fff !important;
margin-right: 4px !important;
}
.window-buttongroup button.window-close{
border-radius: 10px;
border-style: solid;
border-width: 2px !important;
border-color: var(--colorBg) !important;
background-color: #232627 !important;
width: 18px !important;
height: 18px !important;
padding: 1px 0 0 0;
fill: #e4e4e4 !important;
}
.window-buttongroup button.window-close:hover{
border-radius: 10px;
border-style: solid;
border-width: 2px !important;
border-color: var(--colorBg) !important;
background-color: #da4453 !important;
width: 18px !important;
height: 18px !important;
padding: 1px 0 0 0;
fill: #fff !important;
}
.window-buttongroup .window-minimize svg path {
d: path("M 1,2 5,6 9,2 10,3 5,8 0,3 Z");
}
.window-buttongroup .window-maximize svg .window-maximize-glyph path {
d: path("M 1,8 5,4 9,8 10,7 5,2 0,7 Z");
}
.window-buttongroup .window-maximize svg .window-restore-glyph path {
d: path("M 1,8 5,4 9,8 10,7 5,2 0,7 Z");
}
.window-buttongroup .window-close svg path {
d: path("m1.6253 9.0621 3.3747-3.3747 3.3747 3.3747h0.84369v-0.84369l-3.3747-3.3747 3.3747-3.3747v-0.84369h-0.84369l-3.3747 3.3747-3.3747-3.3747h-0.84369v0.84369l3.3747 3.3747-3.3747 3.3747v0.84369z");
}
/* d: path("m1.6253 9.2184 3.3747-3.3747 3.3747 3.3747h0.84369v-0.84369l-3.3747-3.3747 3.3747-3.3747v-0.84369h-0.84369l-3.3747 3.3747-3.3747-3.3747h-0.84369v0.84369l3.3747 3.3747-3.3747 3.3747v0.84369z");
*/
/* Close window X symbol is always a bit shorter and thicker than it should, I have not been able
to fix it properly yet */
/*.window-buttongroup .window-close svg {*/
/*width: 12px;
height:12px;*/
/*path {
d: path("M 2,9 H 5 8 L 10,10 9,8 V 5 2 L 10,0 8,1 H 5 2 L 0,0 1,2 v 3 3 l -1,2 z");
//d: path("M 2,9 5,6 8,9 10,10 9,8 6,5 9,2 10,0 8,1 5,4 2,1 0,0 1,2 4,5 1,8 0,10 Z");
//d: path("M 0.4,12 6,6.4 11.6,12 H 12 V 11.6 L 6.4,6 12,0.4 V 0 H 11.6 L 6,5.6 V 5 H 5 V 4 H 4 V 3 H 3 V 2 H 2 V 1 H 1 V 0 H 0 V 1 H 1 V 2 H 2 V 3 H 3 V 4 H 4 V 5 H 5 V 6 H 5.6 L 0,11.6 V 12 Z");
//d: path("M 0.4,12 6,6.4 11.6,12 H 12 V 11.6 L 6.4,6 12,0.4 V 0 H 11.6 L 6,5.6 0.4,0 H 0 V 0.4 L 5.6,6 0,11.6 V 12 Z");
//d: path("M 0.33333333,10 5,5.3333333 9.6666667,10 H 10 V 9.6666667 L 5.3333333,5 10,0.33333333 V 0 H 9.6666667 L 5,4.6666667 0.33333333,0 H 0 V 0.33333333 L 4.6666667,5 0,9.6666667 V 10 Z");
//d: path("m1.25 10 3.75-4.41 3.75 4.41h0.5v-0.588l-3.75-4.41 3.75-4.41v-0.588h-0.5l-3.75 4.41-3.75-4.41h-0.5v0.588l3.75 4.41-3.75 4.41v0.588z");
//d: path("m0.588 10 4.41-4.41 4.41 4.41h0.588v-0.588l-4.41-4.41 4.41-4.41v-0.588h-0.588l-4.41 4.41-4.41-4.41h-0.588v0.588l4.41 4.41-4.41 4.41v0.588z");
//d: path("M 0.66666667,10 5,5.6666667 9.3333333,10 10,9.3333333 5.6666667,5 10,0.66666667 9.3333333,0 5,4.3333333 0.66666667,0 0,0.66666667 4.3333333,5 0,9.3333333 Z");
//d: path("M 0.66666667,10 5,5.6666667 9.3333333,10 H 10 V 9.3333333 L 5.6666667,5 10,0.66666667 V 0 H 9.3333333 L 5,4.3333333 0.66666667,0 H 0 V 0.66666667 L 4.3333333,5 0,9.3333333 V 10 Z");
//d: path("m1 10 4-4 4 4h1v-1l-4-4 4-4v-1h-1l-4 4-4-4h-1v1l4 4-4 4v1z");
//d: path("M 1,10 5,6 9,10 10,9 6,5 10,1 9,0 5,4 1,0 0,1 4,5 0,9 Z");
//d: path("M 0 0 L 0 1 L 1 0 L 0 0 z M 1 0 L 5 4 L 9 0 L 1 0 z M 9 0 L 10 1 L 10 0 L 9 0 z M 10 1 L 6 5 L 10 9 L 10 1 z M 10 9 L 9 10 L 10 10 L 10 9 z M 9 10 L 5 6 L 1 10 L 9 10 z M 1 10 L 0 9 L 0 10 L 1 10 z M 0 9 L 4 5 L 0 1 L 0 9 z ");
//d: path("M 5 -0.0078125 A 5.0069981 5.0069981 0 0 0 -0.0078125 5 A 5.0069981 5.0069981 0 0 0 5 10.007812 A 5.0069981 5.0069981 0 0 0 10.007812 5 A 5.0069981 5.0069981 0 0 0 5 -0.0078125 z M 2 1.25 L 5 4.25 L 8 1.25 L 8.75 2 L 5.75 5 L 8.75 8 L 8 8.75 L 5 5.75 L 2 8.75 L 1.25 8 L 4.25 5 L 1.25 2 L 2 1.25 z ");
}*/
}