Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
phob1an
Steamy
Commits
d0fde4d9
Commit
d0fde4d9
authored
Nov 16, 2019
by
phob1an
🎧
Browse files
gtk make me sad
parent
f949e782
Changes
1
Hide whitespace changes
Inline
Side-by-side
gtk/Steamy/gtk-3.20/gtk.css
View file @
d0fde4d9
...
...
@@ -363,18 +363,18 @@ button.osd {
notebook
>
header
>
tabs
>
arrow
:backdrop
,
popover
.background.touch-selection
button
:backdrop
,
popover
.background.magnifier
button
:backdrop
,
button
:backdrop
,
notebook
>
header
>
tabs
>
arrow
.osd
:backdrop
{
color
:
#c5cbd8
;
border-color
:
#
4b5466
;
background-image
:
linear-gradient
(
to
bottom
,
#
f2f2f3
,
#e8e9ea
);
border-color
:
#
2a2e33
;
background-image
:
linear-gradient
(
to
bottom
,
#
32373d
,
#2a2e33
);
-gtk-icon-effect
:
none
;
}
notebook
>
header
>
tabs
>
arrow
:backdrop:active
,
popover
.background.touch-selection
button
:backdrop:active
,
popover
.background.magnifier
button
:backdrop:active
,
button
:backdrop:active
,
notebook
>
header
>
tabs
>
arrow
:backdrop:checked
,
popover
.background.touch-selection
button
:backdrop:checked
,
popover
.background.magnifier
button
:backdrop:checked
,
button
:backdrop:checked
{
color
:
#
fcfcfc
;
color
:
#
3b424e
;
border-color
:
#32373d
;
background-image
:
linear-gradient
(
to
bottom
,
#2a2e33
,
#32373d
);
}
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled
,
popover
.background.touch-selection
button
:backdrop:disabled
,
popover
.background.magnifier
button
:backdrop:disabled
,
button
:backdrop:disabled
{
color
:
rgba
(
32
,
35
,
35
,
0.85
)
;
color
:
#3b424e
;
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
background-image
:
linear-gradient
(
to
bottom
,
#2a2e33
,
#32373d
);
}
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
:backdrop:disabled
>
.label
,
button
:backdrop:disabled
>
.label
{
...
...
@@ -383,8 +383,8 @@ button.osd {
button
:backdrop:disabled:active
,
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled:checked
,
button
:backdrop:disabled:checked
{
color
:
#e5e5e5
;
border-color
:
rgba
(
37
,
164
,
230
,
0.35
)
;
background-
image
:
linear-gradient
(
to
bottom
,
rgba
(
44
,
167
,
231
,
0.35
),
rgba
(
25
,
152
,
218
,
0.35
))
;
}
border-color
:
#2a2e33
;
background-
color
:
#3a4047
;
}
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
:backdrop:disabled:active
>
.label
,
button
:backdrop:disabled:active
>
.label
,
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
:backdrop:disabled:checked
>
.label
,
button
:backdrop:disabled:checked
>
.label
{
color
:
inherit
;
}
notebook
>
header
>
tabs
>
arrow
:backdrop
,
button
.sidebar-button
:backdrop
,
popover
.background.touch-selection
button
.flat
:backdrop
,
popover
.background.magnifier
button
.flat
:backdrop
,
...
...
@@ -420,17 +420,19 @@ button.osd {
color
:
rgba
(
32
,
35
,
35
,
0.35
);
}
notebook
>
header
>
tabs
>
arrow
:disabled
,
popover
.background.touch-selection
button
:disabled
,
popover
.background.magnifier
button
:disabled
,
button
:disabled
,
notebook
>
header
>
tabs
>
arrow
.osd
:disabled
{
color
:
rgba
(
36
,
43
,
46
,
0.35
);
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
background-image
:
linear-gradient
(
to
bottom
,
#ded8c3
,
#d8d3be
);
}
color
:
#8f939c
;
border-radius
:
0px
;
border-color
:
#424951
;
background-color
:
#424951
;
}
/* background-image: linear-gradient(to bottom, red, #d8d3be); } */
notebook
>
header
>
tabs
>
arrow
:disabled
>
.label
,
popover
.background.touch-selection
button
:disabled
>
.label
,
popover
.background.magnifier
button
:disabled
>
.label
,
button
:disabled
>
.label
{
color
:
inherit
;
}
notebook
>
header
>
tabs
>
arrow
:disabled:active
,
popover
.background.touch-selection
button
:disabled:active
,
popover
.background.magnifier
button
:disabled:active
,
button
:disabled:active
,
notebook
>
header
>
tabs
>
arrow
:disabled:checked
,
popover
.background.touch-selection
button
:disabled:checked
,
popover
.background.magnifier
button
:disabled:checked
,
button
:disabled:checked
{
color
:
#e5e5e5
;
border-color
:
rgba
(
91
,
137
,
102
,
0.35
)
;
background-
image
:
linear-gradient
(
to
bottom
,
rgba
(
94
,
141
,
105
,
0.35
),
rgba
(
89
,
133
,
99
,
0.35
))
;
}
border-color
:
#3b424d
;
background-
color
:
#3b424d
;
}
notebook
>
header
>
tabs
>
arrow
:disabled:active
>
.label
,
popover
.background.touch-selection
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
:disabled:active
>
.label
,
button
:disabled:active
>
.label
,
notebook
>
header
>
tabs
>
arrow
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
:disabled:checked
>
.label
,
button
:disabled:checked
>
.label
{
color
:
inherit
;
}
notebook
>
header
>
tabs
>
arrow
separator
,
.csd
popover
.background.touch-selection
button
separator
,
.csd
popover
.background.magnifier
button
separator
,
popover
.background.touch-selection
button
separator
,
popover
.background.magnifier
button
separator
,
button
separator
,
notebook
>
header
>
tabs
>
arrow
.osd
separator
,
button
.osd
separator
{
...
...
@@ -485,7 +487,7 @@ button {
-gtk-icon-shadow
:
none
;
color
:
#fcfcfc
;
border-color
:
#ffcbd8
;
background-image
:
linear-gradient
(
to
bottom
,
#40afe9
,
#35abe8
);
}
background-image
:
linear-gradient
(
to
bottom
,
red
,
#35abe8
);
}
popover
.background.touch-selection
button
.suggested-action.flat
,
popover
.background.magnifier
button
.suggested-action.flat
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
,
...
...
@@ -810,14 +812,14 @@ button {
button
.flat
:disabled
,
button
.suggested-action.osd
button
.flat
:backdrop:disabled
{
border-color
:
rgba
(
255
,
2
55
,
255
,
0
);
background-color
:
transparent
;
border-color
:
rgba
(
255
,
2
,
255
,
0
.9
);
background-color
:
#009900
;
background-image
:
none
;
box-shadow
:
none
;
color
:
#c5cbd8
;
text-shadow
:
none
;
-gtk-icon-shadow
:
none
;
color
:
rgba
(
61
,
174
,
23
3
,
0.8
);
}
color
:
rgba
(
61
,
174
,
23
,
0.8
);
}
popover
.background.touch-selection
button
.suggested-action
:disabled
,
popover
.background.magnifier
button
.suggested-action
:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled
,
...
...
@@ -1079,7 +1081,7 @@ button {
button
.destructive-action.osd
button
.flat
:backdrop:disabled
{
color
:
rgba
(
32
,
35
,
35
,
0.35
);
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
border-color
:
rgba
(
170
,
8
,
174
,
0.35
);
background-image
:
linear-gradient
(
to
bottom
,
#dadcdf
,
#d1d4d7
);
}
popover
.background.touch-selection
button
.destructive-action
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled
>
.label
,
...
...
@@ -1249,7 +1251,7 @@ button {
background-color
:
transparent
;
background-image
:
none
;
box-shadow
:
none
;
color
:
#
c
5cbd8
;
color
:
#
0
5cbd8
;
text-shadow
:
none
;
-gtk-icon-shadow
:
none
;
color
:
rgba
(
218
,
68
,
83
,
0.8
);
}
...
...
@@ -1267,7 +1269,7 @@ button {
button
:disabled
{
color
:
rgba
(
32
,
35
,
35
,
0.35
);
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
background-image
:
linear-gradient
(
to
bottom
,
#
d
adc
d
f
,
#d1d4d7
);
}
background-image
:
linear-gradient
(
to
bottom
,
#
f
adc
9
f
,
#d1d4d7
);
}
popover
.background.touch-selection
button
.destructive-action
:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action
:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled
>
.label
,
...
...
@@ -2832,14 +2834,14 @@ notebook > header {
margin
:
0px
;
}
notebook
>
header
.top
>
tabs
>
tab
{
padding
:
4px
6px
;
border
:
1px
solid
#
bcb7a4
;
background-color
:
#
4b5466
;
border-radius
:
3
px
3
px
0px
0px
;
border-bottom-color
:
transparent
;
}
border
:
1px
solid
#
2a2e33
;
background-color
:
#
2a2e33
;
border-radius
:
0
px
0
px
0px
0px
;
border-bottom-color
:
#4b5466
;
}
notebook
>
header
.top
>
tabs
>
tab
:hover
,
notebook
>
header
.top
>
tabs
>
tab
.prelight-page
{
background-color
:
rgba
(
91
,
137
,
102
,
0.2
)
;
border-color
:
rgba
(
91
,
137
,
102
,
0.3
)
;
color
:
#
333d42
;
background-color
:
transparent
;
border-color
:
#4b5466
;
color
:
#
ffffff
;
}
notebook
>
header
.top
>
tabs
>
tab
:checked
{
border-color
:
#4b5466
;
...
...
@@ -2853,12 +2855,12 @@ notebook > header {
padding
:
4px
6px
;
border
:
1px
solid
rgba
(
35
,
38
,
39
,
0.2
);
background-color
:
rgba
(
35
,
38
,
39
,
0.2
);
border-radius
:
0px
0px
3
px
3
px
;
border-radius
:
0px
0px
0
px
0
px
;
border-top-color
:
transparent
;
}
notebook
>
header
.bottom
>
tabs
>
tab
:hover
,
notebook
>
header
.bottom
>
tabs
>
tab
.prelight-page
{
background-color
:
rgba
(
91
,
137
,
102
,
0.2
)
;
border-color
:
rgba
(
91
,
137
,
102
,
0.3
)
;
color
:
#333d42
;
}
background-color
:
transparent
;
border-color
:
#4b5466
;
color
:
white
;
}
notebook
>
header
.bottom
>
tabs
>
tab
:checked
{
border-color
:
#4b5466
;
border-top-color
:
#2a2e33
;
...
...
@@ -2871,12 +2873,12 @@ notebook > header {
padding
:
4px
6px
;
border
:
1px
solid
rgba
(
35
,
38
,
39
,
0.2
);
background-color
:
rgba
(
35
,
38
,
39
,
0.2
);
border-radius
:
3
px
0px
0px
3
px
;
border-radius
:
0
px
0px
0px
0
px
;
border-right-color
:
transparent
;
}
notebook
>
header
.left
>
tabs
>
tab
:hover
,
notebook
>
header
.left
>
tabs
>
tab
.prelight-page
{
background-color
:
rgba
(
91
,
137
,
102
,
0.2
)
;
border-color
:
rgba
(
91
,
137
,
102
,
0.3
)
;
color
:
#333d42
;
}
background-color
:
transparent
;
border-color
:
#4b5466
;
color
:
white
;
}
notebook
>
header
.left
>
tabs
>
tab
:checked
{
border-color
:
#4b5466
;
border-right-color
:
#2a2e33
;
...
...
@@ -2889,12 +2891,12 @@ notebook > header {
padding
:
4px
6px
;
border
:
1px
solid
rgba
(
35
,
38
,
39
,
0.2
);
background-color
:
rgba
(
35
,
38
,
39
,
0.2
);
border-radius
:
0px
3
px
3
px
0px
;
border-radius
:
0px
0
px
0
px
0px
;
border-left-color
:
transparent
;
}
notebook
>
header
.right
>
tabs
>
tab
:hover
,
notebook
>
header
.right
>
tabs
>
tab
.prelight-page
{
background-color
:
rgba
(
91
,
137
,
102
,
0.2
)
;
border-color
:
rgba
(
91
,
137
,
102
,
0.3
)
;
color
:
#333d42
;
}
background-color
:
transparent
;
border-color
:
#4b5466
;
color
:
white
;
}
notebook
>
header
.right
>
tabs
>
tab
:checked
{
border-color
:
#4b5466
;
border-left-color
:
#2a2e33
;
...
...
@@ -3185,7 +3187,7 @@ progressbar {
progressbar
trough
{
border
:
0px
solid
transparent
;
border-radius
:
3px
;
background-color
:
rgba
(
35
,
38
,
39
,
0.3
)
;
}
background-color
:
#4b5466
;
}
progressbar
:backdrop
trough
{
background-color
:
rgba
(
35
,
38
,
39
,
0.3
);
}
progressbar
progress
{
...
...
@@ -3289,15 +3291,15 @@ scale.fine-tune.trough {
scale
slider
{
min-width
:
18px
;
min-height
:
18px
;
background-color
:
#
2a2e33
;
border
:
1
px
solid
#4b5466
;
background-color
:
#
c5cbd8
;
border
:
0
px
solid
red
;
border-radius
:
50%
;
box-shadow
:
none
;
margin
:
-9px
;
}
scale
slider
:hover
{
border-style
:
solid
;
border-width
:
2
px
;
border-color
:
#
93cee9
;
border-width
:
1
px
;
border-color
:
#
c5cbd8
;
border-radius
:
50%
;
}
scale
slider
:hover:backdrop
{
background-color
:
#2a2e33
;
...
...
@@ -3305,13 +3307,13 @@ scale slider {
scale
slider
:disabled
{
border-style
:
solid
;
border-radius
:
50%
;
background-color
:
#
2a2e33
;
background-color
:
#
4b5466
;
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
}
scale
slider
:disabled:backdrop
{
background-color
:
#2a2e33
;
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
}
scale
slider
:active
{
border
:
2
px
solid
#c5cbd8
;
}
border
:
1
px
solid
#c5cbd8
;
}
scale
slider
:active:backdrop
{
background-color
:
#2a2e33
;
border-color
:
#c5cbd8
;
}
...
...
@@ -3325,11 +3327,11 @@ scale trough {
margin
:
9px
;
border
:
0px
solid
;
border-radius
:
3px
;
background-color
:
#
94907f
;
background-color
:
#
4b5466
;
box-shadow
:
none
;
}
scale
trough
:disabled
,
scale
trough
.vertical
:disabled
{
border-color
:
rgba
(
162
,
163
,
164
,
0.35
);
background-color
:
rgba
(
148
,
144
,
127
,
0.35
)
;
background-color
:
#4b5466
;
box-shadow
:
none
;
}
scale
trough
:disabled:backdrop
,
scale
trough
.vertical
:disabled:backdrop
{
background-color
:
rgba
(
162
,
163
,
164
,
0.35
);
...
...
@@ -3347,7 +3349,7 @@ scale highlight {
background-color
:
#c5cbd8
;
border-color
:
#c5cbd8
;
}
scale
highlight
:disabled
{
background-color
:
rgba
(
91
,
137
,
102
,
0.35
)
;
}
background-color
:
#4b5466
;
}
scale
highlight
:backdrop
{
background-color
:
rgba
(
61
,
174
,
233
,
0.5
);
border-color
:
rgba
(
61
,
174
,
233
,
0.5
);
}
...
...
@@ -3419,7 +3421,7 @@ scrollbar {
border-radius
:
8px
;
background-color
:
transparent
;
}
scrollbar
:hover
trough
{
background-color
:
#
b2b3b4
;
background-color
:
#
4b5466
;
box-shadow
:
inset
0px
0px
0px
5px
#2a2e33
;
}
scrollbar
slider
{
transition-duration
:
0.1s
;
...
...
@@ -3428,9 +3430,9 @@ scrollbar {
border
:
5px
solid
transparent
;
border-radius
:
8px
;
background-clip
:
padding-box
;
background-color
:
#
6b6d6e
;
}
background-color
:
#
c5cbd8
;
}
scrollbar
slider
:hover
{
background-color
:
#
93cee9
;
}
background-color
:
#
c5cbd8
;
}
scrollbar
slider
:backdrop
{
background-color
:
#6b6d6e
;
}
scrollbar
slider
:backdrop:disabled
{
...
...
@@ -3585,21 +3587,21 @@ spinbutton.vertical entry {
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
}
spinbutton
.vertical
button
{
min-height
:
2
6
px
;
min-width
:
2
6
px
;
min-height
:
2
2
px
;
min-width
:
2
2
px
;
padding
:
0
;
box-shadow
:
none
;
background-image
:
none
;
background-
color
:
#fcfcfc
;
/*
background-image: none;
*/
background-
image
:
linear-gradient
(
to
bottom
,
#434953
,
#32373d
)
;
color
:
#c5cbd8
;
border-color
:
#4b5466
;
}
spinbutton
.vertical
button
:hover
{
color
:
#93cee9
;
}
color
:
white
;
}
spinbutton
.vertical
button
:active
{
color
:
#c5cbd8
;
}
color
:
white
;
}
spinbutton
.vertical
button
:disabled
{
color
:
rgba
(
32
,
35
,
35
,
0.35
);
background-color
:
#
e5e5e5
;
background-color
:
#
434952
;
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
}
spinbutton
.vertical
button
:backdrop:disabled
{
color
:
rgba
(
32
,
35
,
35
,
0.35
);
...
...
@@ -3607,11 +3609,11 @@ spinbutton.vertical button {
border-color
:
rgba
(
170
,
173
,
174
,
0.35
);
}
spinbutton
.vertical
button
.up
{
border-radius
:
3
px
3
px
0
0
;
border-radius
:
0
px
0
px
0
0
;
border-style
:
solid
solid
none
solid
;
}
spinbutton
.vertical
button
.down
{
border-radius
:
0
0
3
px
3
px
;
border-radius
:
0
0
0
px
0
px
;
border-style
:
none
solid
solid
solid
;
}
treeview
spinbutton
:not
(
.vertical
)
{
...
...
@@ -3634,10 +3636,10 @@ switch {
border
:
0px
solid
;
border-radius
:
12px
;
color
:
transparent
;
background-color
:
rgba
(
192
,
185
,
159
,
0.9
)
;
background-color
:
#434952
;
text-shadow
:
none
;
}
switch
:checked
{
background-color
:
#
c5cbd8
;
}
background-color
:
#
858992
;
}
switch
:backdrop
{
background-color
:
rgba
(
35
,
38
,
39
,
0.3
);
text-shadow
:
none
;
}
...
...
@@ -3646,14 +3648,16 @@ switch {
switch
slider
{
min-width
:
22px
;
min-height
:
22px
;
border
:
1
px
solid
;
border
:
0
px
solid
;
border-radius
:
11px
;
background-color
:
#
2a2e33
;
background-color
:
#
c5cbd8
;
border-color
:
#4b5466
;
}
switch
:hover
slider
{
border-color
:
#c5cbd8
;
}
switch
:disabled
slider
{
background-color
:
#b4ae96
;
}
background-color
:
#5c6470
;
border
:
0px
solid
;
}
switch
:backdrop
slider
{
background-color
:
#2a2e33
;
}
switch
:backdrop:disabled
slider
{
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment