Home
Phabricator
Search
Log In
Files
F6342218
Breeze-gtk_gtk-3.20_gtk.css
ohelin (Olli Helin)
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Subscribers
None
File Metadata
Details
File Info
Storage
Attached
Author
ohelin
Created
Oct 22 2018, 12:33 AM
Size
194 KB
Mime Type
text/plain
Engine
blob
Format
Raw Data
Handle
3970270
Attached To
D15786: share common values for both Breeze and Breeze-dark GTK themes
D16365: share common values for both Breeze and Breeze-dark GTK themes
Breeze-gtk_gtk-3.20_gtk.css
View Options
@define-color
headerbar_disabled_highlight_top
@disabled_highlight_top
;
@define-color
headerbar_disabled_highlight_bottom
@disabled_highlight_bottom
;
@define-color
headerbar_action_disabled_backdrop
@action_disabled_backdrop
;
*
{
padding
:
0
;
-GtkToolButton-icon-spacing
:
4
;
-GtkTextView-error-underline-color
:
@error_color
;
-GtkButton-child-displacement-x
:
0
;
-GtkButton-child-displacement-y
:
0
;
-GtkCheckButton-indicator-size
:
18
;
-GtkCheckMenuItem-indicator-size
:
18
;
-GtkScrolledWindow-scrollbar-spacing
:
0
;
-GtkScrolledWindow-scrollbars-within-bevel
:
0
;
-GtkScrolled-window-overlay-scrolling
:
FALSE
;
-GtkToolItemGroup-expander-size
:
11
;
-GtkExpander-expander-size
:
16
;
-GtkTreeView-expander-size
:
11
;
-GtkTreeView-horizontal-separator
:
4
;
-GtkWidget-text-handle-width
:
20
;
-GtkWidget-text-handle-height
:
20
;
-GtkDialog-button-spacing
:
4
;
-GtkDialog-action-area-border
:
0
;
-GtkStatusbar-shadow-type
:
none
;
outline-width
:
0px
;
}
/***************
* Base States *
***************/
.background
{
color
:
@theme_fg_color
;
background-color
:
@theme_bg_color
;
}
.background
:backdrop
{
text-shadow
:
none
;
-gtk-icon-shadow
:
none
;
color
:
@theme_fg_color
;
background-color
:
@theme_bg_color
;
}
/*
These wildcard seems unavoidable, need to investigate.
Wildcards are bad and troublesome, use them with care,
or better, just don't.
Everytime a wildcard is used a kitten dies, painfully.
*/
*
:disabled
{
-
gtk
-
icon
-
effect
:
dim
;
}
.gtkstyle-fallback
{
background-color
:
@
theme_bg_color
;
color
:
@
theme_fg_color
;
}
.gtkstyle-fallback
:hover
{
background-color
:
white
;
color
:
@
theme_fg_color
;
}
.gtkstyle-fallback
:active
{
background-color
:
@
extra_dull_borders
;
color
:
@
theme_fg_color
;
}
.gtkstyle-fallback
:disabled
{
background-color
:
@
insensitive_bg_color
;
color
:
@
insensitive_fg_color
;
}
.gtkstyle-fallback
:selected
{
background-color
:
@
theme_selected_bg_color
;
color
:
@
theme_base_color
;
}
.view
text
,
textview
text
,
.view
{
color
:
@
theme_text_color
;
background-color
:
@
theme_base_color
;
}
.view
text
:backdrop
,
textview
text
:backdrop
,
.view
:backdrop
{
color
:
@
theme_text_color
;
background-color
:
@
theme_base_color
;
}
.view
text
:selected:focus
,
textview
text
:selected:focus
,
.view
text
:selected
,
textview
text
:selected
,
.view
:selected:focus
,
.view
:selected
{
border
-
radius
:
3px
;
}
textview
border
{
background-color
:
@
theme_base_color
;
background-image
:
image
(
@
borders
);
background-repeat
:
no-repeat
;
}
textview
border
:backdrop
{
background-color
:
@
theme_base_color
;
}
textview
border
.bottom
{
background
-
size
:
100%
1px
;
background-position
:
top
;
}
textview
border
.top
{
background
-
size
:
100%
1px
;
background-position
:
bottom
;
}
textview
border
.left
{
background
-
size
:
1px
100%
;
background-position
:
right
;
}
textview
border
.right
{
background
-
size
:
1px
100%
;
background-position
:
left
;
}
.rubberband
,
rubberband
,
flowbox
rubberband
,
treeview
.view
rubberband
{
border
:
1px
solid
@
theme_selected_bg_color
;
background-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
}
.rubberband
:backdrop
,
rubberband
:backdrop
,
treeview
.view
rubberband
:backdrop
{
border-color
:
@
theme_selected_bg_color
;
background-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
}
flowbox
flowboxchild
{
padding
:
3px
;
border
-
radius
:
3px
;
}
flowbox
flowboxchild
:selected
{
outline
-
offset
:
0px
;
}
label
.separator
{
color
:
@
theme_fg_color
;
}
label
.separator
:backdrop
{
color
:
@
theme_fg_color
;
}
label
selection
{
background-color
:
@
theme_selected_bg_color
;
color
:
@
theme_selected_fg_color
;
}
label
:disabled
{
color
:
@
insensitive_fg_color
;
}
label
:disabled:backdrop
{
color
:
@
insensitive_fg_color
;
}
label
:backdrop
{
color
:
@
theme_fg_color
;
}
.dim-label
,
label
.separator
,
headerbar
.subtitle
{
opacity
:
0
.
5
;
text-shadow
:
none
;
}
assistant
.sidebar
{
background-color
:
@
theme_fg_color
;
border-top
:
1px
solid
@
borders
;
}
assistant
.sidebar
:backdrop
{
background-color
:
@
theme_fg_color
;
border-color
:
@
borders
;
}
assistant
.csd
.sidebar
{
border-top-style
:
none
;
}
assistant
.sidebar
label
{
padding
:
6px
12px
;
}
assistant
.sidebar
label
.highlight
{
background-color
:
@
extra_dull_borders
;
}
.app-notification
,
.app-notification.frame
,
.csd
popover
.background.touch-selection
,
.csd
popover
.background.magnifier
,
popover
.background.touch-selection
,
popover
.background.magnifier
,
.csd
popover
.background.osd
,
popover
.background.osd
,
.osd
{
color
:
@
theme_fg_color
;
border
:
1px
solid
@
borders
;
background-color
:
alpha
(
@
theme_bg_color
,
0
.
8
);
background
-
clip
:
padding
-
box
;
box
-
shadow
:
none
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
}
.app-notification
:backdrop
,
popover
.background.touch-selection
:backdrop
,
popover
.background.magnifier
:backdrop
,
popover
.background.osd
:backdrop
,
.osd
:backdrop
{
color
:
@
theme_fg_color
;
background-color
:
alpha
(
@
theme_bg_color
,
0
.
8
);
-
gtk
-
icon
-
shadow
:
none
;
}
.view
text
:selected:focus
,
textview
text
:selected:focus
,
.view
text
:selected
,
textview
text
:selected
,
.view
:selected:focus
,
.view
:selected
,
.view
text
selection
:focus
,
.view
text
selection
,
textview
text
selection
:focus
,
textview
text
selection
,
flowbox
flowboxchild
:selected
,
spinbutton
:not
(
.vertical
)
selection
:focus
,
spinbutton
:not
(
.vertical
)
selection
,
entry
selection
:focus
,
entry
selection
,
row
:selected
,
.sidebar
:selected
{
background-color
:
@
theme_selected_bg_color
;
color
:
@
theme_selected_fg_color
;
}
textview
text
:hover:selected:focus
,
.view
text
:hover:selected
,
textview
text
:hover:selected
,
.view
:hover:selected
,
.view
text
selection
:hover
,
textview
text
selection
:hover
,
flowbox
flowboxchild
:hover:selected
,
spinbutton
:not
(
.vertical
)
selection
:hover
,
entry
selection
:hover
,
row
:hover:selected
,
.sidebar
:hover:selected
{
background-color
:
@
decoration_hover
;
color
:
@
theme_text_color
;
}
textview
text
:backdrop:selected:focus
,
.view
text
:backdrop:selected
,
textview
text
:backdrop:selected
,
.view
:backdrop:selected
,
.view
text
selection
:backdrop
,
textview
text
selection
:backdrop
,
flowbox
flowboxchild
:backdrop:selected
,
label
:backdrop
selction
,
spinbutton
:not
(
.vertical
)
selection
:backdrop
,
entry
selection
:backdrop
,
row
:backdrop:selected
,
.sidebar
:backdrop:selected
{
background-color
:
@
theme_unfocused_selected_bg_color
;
color
:
@
theme_selected_fg_color
;
}
.view
text
:selected:focus
,
textview
text
:selected:focus
,
.view
text
:selected
,
textview
text
:selected
,
.view
:selected:focus
,
.view
:selected
,
.view
text
selection
:focus
,
.view
text
selection
,
textview
text
selection
:focus
,
textview
text
selection
,
flowbox
flowboxchild
:selected
,
spinbutton
:not
(
.vertical
)
selection
:focus
,
spinbutton
:not
(
.vertical
)
selection
,
entry
selection
:focus
,
entry
selection
,
row
:selected
,
.sidebar
:selected
{
background-color
:
@
theme_selected_bg_color
;
border
-
radius
:
0px
;
}
.view
text
:selected:focus
,
textview
text
:selected:focus
,
.view
text
:selected
,
textview
text
:selected
,
.view
:selected:focus
,
.view
:selected
,
.view
text
selection
:focus
,
.view
text
selection
,
textview
text
selection
:focus
,
textview
text
selection
,
flowbox
flowboxchild
:selected
,
spinbutton
:not
(
.vertical
)
selection
:focus
,
spinbutton
:not
(
.vertical
)
selection
,
entry
selection
:focus
,
entry
selection
,
row
:selected
,
.sidebar
:selected
{
color
:
@
theme_selected_fg_color
;
}
textview
text
:disabled:selected:focus
,
.view
text
:disabled:selected
,
textview
text
:disabled:selected
,
.view
:disabled:selected
,
.view
text
selection
:disabled
,
textview
text
selection
:disabled
,
flowbox
flowboxchild
:disabled:selected
,
label
:disabled
selection
,
spinbutton
:not
(
.vertical
)
selection
:disabled
,
entry
selection
:disabled
,
row
:disabled:selected
,
.sidebar
:disabled:selected
{
color
:
@
insensitive_bg_color
;
}
textview
text
:backdrop:selected:focus
,
.view
text
:backdrop:selected
,
textview
text
:backdrop:selected
,
.view
:backdrop:selected
,
.view
text
selection
:backdrop
,
textview
text
selection
:backdrop
,
flowbox
flowboxchild
:backdrop:selected
,
label
:backdrop
selction
,
spinbutton
:not
(
.vertical
)
selection
:backdrop
,
entry
selection
:backdrop
,
row
:backdrop:selected
,
.sidebar
:backdrop:selected
{
color
:
@
theme_selected_fg_color
;
}
.view
text
:backdrop:disabled:selected
,
textview
text
:backdrop:disabled:selected
,
.view
:backdrop:disabled:selected
,
.view
text
selection
:backdrop:disabled
,
textview
text
selection
:backdrop:disabled
,
flowbox
flowboxchild
:backdrop:disabled:selected
,
label
:disabled
selection
:backdrop
,
label
:backdrop
selction
:disabled
,
spinbutton
:not
(
.vertical
)
selection
:backdrop:disabled
,
entry
selection
:backdrop:disabled
,
row
:backdrop:disabled:selected
,
.sidebar
:backdrop:disabled:selected
{
color
:
@
insensitive_bg_color
;
}
/***********
* Buttons *
***********/
@keyframes
needs_attention
{
from
{
background-image
:
-
gtk
-
gradient
(
radial
,
center
center
,
0
,
center
center
,
0
.
01
,
to
(
@
theme_selected_bg_color
)
,
to
(
transparent
));
}
to
{
background-image
:
-
gtk
-
gradient
(
radial
,
center
center
,
0
,
center
center
,
0
.
5
,
to
(
@
theme_selected_bg_color
)
,
to
(
transparent
));
}
}
notebook
>
header
>
tabs
>
arrow
,
.csd
popover
.background.touch-selection
button
,
.csd
popover
.background.magnifier
button
,
popover
.background.touch-selection
button
,
popover
.background.magnifier
button
,
button
,
notebook
>
header
>
tabs
>
arrow
.osd
,
button
.osd
{
border
:
1px
solid
;
border
-
radius
:
3px
;
padding
:
4px
6px
;
background
-
clip
:
border
-
box
;
transition
:
all
200
ms
cubic
-
bezier
(
0
.
25
,
0
.
46
,
0
.
45
,
0
.
94
);
box
-
shadow
:
1px
1px
1px
alpha
(
@
shadow_color
,
0
.
1
);
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
button_gradient_top
,
@
button_gradient_bottom
);
}
notebook
>
header
>
tabs
>
arrow
,
button
.sidebar-button
,
popover
.background.touch-selection
button
.flat
,
popover
.background.magnifier
button
.flat
,
button
.flat
,
notebook
>
header
>
tabs
>
arrow
.osd
,
button
.osd.sidebar-button
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
transition
:
none
;
}
notebook
>
header
>
tabs
>
arrow
:hover
,
button
.sidebar-button
:hover
,
popover
.background.touch-selection
button
.flat
:hover
,
popover
.background.magnifier
button
.flat
:hover
,
button
.flat
:hover
,
notebook
>
header
>
tabs
>
arrow
.osd
:hover
{
transition
:
all
200
ms
cubic
-
bezier
(
0
.
25
,
0
.
46
,
0
.
45
,
0
.
94
);
transition
-
duration
:
500
ms
;
}
notebook
>
header
>
tabs
>
arrow
:hover:active
,
button
.sidebar-button
:hover:active
,
button
.flat
:hover:active
{
transition
:
all
200
ms
cubic
-
bezier
(
0
.
25
,
0
.
46
,
0
.
45
,
0
.
94
);
}
notebook
>
header
>
tabs
>
arrow
:checked
,
button
.sidebar-button
:checked
,
popover
.background.touch-selection
button
.flat
:checked
,
popover
.background.magnifier
button
.flat
:checked
,
button
.flat
:checked
,
notebook
>
header
>
tabs
>
arrow
.osd
:checked
{
background-color
:
@
borders
;
}
notebook
>
header
>
tabs
>
arrow
:hover
,
popover
.background.touch-selection
button
:hover
,
popover
.background.magnifier
button
:hover
,
button
:hover
,
notebook
>
header
>
tabs
>
arrow
.osd
:hover
{
color
:
@
theme_fg_color
;
border-color
:
@
decoration_hover
;
-
gtk
-
icon
-
effect
:
none
;
}
notebook
>
header
>
tabs
>
arrow
:active
,
popover
.background.touch-selection
button
:active
,
popover
.background.magnifier
button
:active
,
button
:active
,
notebook
>
header
>
tabs
>
arrow
.osd
:active
,
notebook
>
header
>
tabs
>
arrow
:checked
,
popover
.background.touch-selection
button
:checked
,
popover
.background.magnifier
button
:checked
,
button
:checked
,
notebook
>
header
>
tabs
>
arrow
.osd
:checked
{
color
:
@
theme_selected_fg_color
;
border-color
:
@
theme_selected_bg_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
active_button_gradient_top
,
@
active_button_gradient_bottom
);
transition
-
duration
:
50
ms
;
}
notebook
>
header
>
tabs
>
arrow
:active:hover
,
popover
.background.touch-selection
button
:active:hover
,
popover
.background.magnifier
button
:active:hover
,
button
:active:hover
,
notebook
>
header
>
tabs
>
arrow
:checked:hover
,
popover
.background.touch-selection
button
:checked:hover
,
popover
.background.magnifier
button
:checked:hover
,
button
:checked:hover
{
color
:
@
theme_fg_color
;
border-color
:
@
decoration_hover
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
notebook_gradient_top
,
@
notebook_gradient_bottom
);
}
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
:
@
theme_text_color
;
border-color
:
@
borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
button_gradient_top
,
@
button_gradient_bottom
);
-
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
:
@
theme_selected_fg_color
;
border-color
:
@
theme_selected_bg_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
active_button_gradient_top
,
@
active_button_gradient_bottom
);
}
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled
,
popover
.background.touch-selection
button
:backdrop:disabled
,
popover
.background.magnifier
button
:backdrop:disabled
,
button
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
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
{
color
:
inherit
;
}
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled:active
,
button
:backdrop:disabled:active
,
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled:checked
,
button
:backdrop:disabled:checked
{
color
:
@
insensitive_bg_color
;
border-color
:
@
disabled_highlight
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_highlight_top
,
@
disabled_highlight_bottom
);
}
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
,
button
.flat
:backdrop
,
notebook
>
header
>
tabs
>
arrow
.osd
:backdrop
{
-
gtk
-
icon
-
effect
:
none
;
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
theme_fg_color
;
}
notebook
>
header
>
tabs
>
arrow
:disabled
,
button
.sidebar-button
:disabled
,
popover
.background.touch-selection
button
.flat
:disabled
,
popover
.background.magnifier
button
.flat
:disabled
,
button
.flat
:disabled
,
notebook
>
header
>
tabs
>
arrow
.osd
:disabled
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
insensitive_fg_color
;
}
notebook
>
header
>
tabs
>
arrow
:backdrop:disabled
,
button
.sidebar-button
:backdrop:disabled
,
button
.flat
:backdrop:disabled
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
insensitive_fg_color
;
}
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
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
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
:
@
insensitive_bg_color
;
border-color
:
@
disabled_highlight
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_highlight_top
,
@
disabled_highlight_bottom
);
}
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
{
background-color
:
transparent
;
background-image
:
none
;
color
:
transparent
;
}
notebook
>
header
>
tabs
>
arrow
.image-button
,
popover
.background.touch-selection
button
.image-button
,
popover
.background.magnifier
button
.image-button
,
button
.image-button
{
min-width
:
16px
;
padding
:
6px
;
}
notebook
>
header
>
tabs
>
arrow
.text-button
,
popover
.background.touch-selection
button
.text-button
,
popover
.background.magnifier
button
.text-button
,
button
.text-button
{
padding-left
:
6px
;
padding-right
:
6px
;
}
notebook
>
header
>
tabs
>
arrow
.text-button.image-button
,
popover
.background.touch-selection
button
.text-button.image-button
,
popover
.background.magnifier
button
.text-button.image-button
,
button
.text-button.image-button
{
padding-left
:
6px
;
padding-right
:
6px
;
}
notebook
>
header
>
tabs
>
arrow
.text-button.image-button
label
,
popover
.background.touch-selection
button
.text-button.image-button
label
,
popover
.background.magnifier
button
.text-button.image-button
label
,
button
.text-button.image-button
label
{
padding-left
:
6px
;
padding-right
:
6px
;
}
row
:selected
popover
.background.touch-selection
button
,
popover
.background.touch-selection
row
:selected
button
,
row
:selected
popover
.background.magnifier
button
,
popover
.background.magnifier
row
:selected
button
,
row
:selected
button
{
border-color
:
@
theme_selected_bg_color
;
}
row
:selected
popover
.background.touch-selection
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
),
popover
.background.touch-selection
row
:selected
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
),
row
:selected
popover
.background.magnifier
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
),
popover
.background.magnifier
row
:selected
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
),
row
:selected
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
)
{
color
:
@
theme_selected_fg_color
;
border-color
:
transparent
;
}
row
:selected
popover
.background.touch-selection
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
)
:backdrop
,
popover
.background.touch-selection
row
:selected
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
)
:backdrop
,
row
:selected
popover
.background.magnifier
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
)
:backdrop
,
popover
.background.magnifier
row
:selected
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
)
:backdrop
,
row
:selected
button
.flat
:not
(
:active
)
:not
(
:checked
)
:not
(
:hover
)
:not
(
disabled
)
:backdrop
{
color
:
@
theme_selected_fg_color
;
}
popover
.background.touch-selection
button
.suggested-action
,
popover
.background.magnifier
button
.suggested-action
,
popover
.background.touch-selection
button
.suggested-action.osd
button
,
popover
.background.magnifier
button
.suggested-action.osd
button
,
button
.suggested-action
,
button
.suggested-action.osd
popover
.background.touch-selection
button
,
popover
.background.touch-selection
button
.suggested-action.osd
button
,
button
.suggested-action.osd
popover
.background.magnifier
button
,
popover
.background.magnifier
button
.suggested-action.osd
button
,
popover
.background.touch-selection
button
.suggested-action.osd
button
,
popover
.background.magnifier
button
.suggested-action.osd
button
,
button
.suggested-action.osd
button
{
box
-
shadow
:
1px
1px
1px
alpha
(
@
shadow_color
,
0
.
1
);
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
theme_selected_fg_color
;
border-color
:
@
theme_selected_bg_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
action_button_gradient_top
,
@
action_button_gradient_bottom
);
}
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
,
button
.suggested-action.flat
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
,
button
.suggested-action.osd
button
.flat
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
theme_selected_bg_color
;
}
popover
.background.touch-selection
button
.suggested-action
:hover
,
popover
.background.magnifier
button
.suggested-action
:hover
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:hover
,
popover
.background.magnifier
button
.suggested-action.osd
button
:hover
,
button
.suggested-action
:hover
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:hover
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:hover
,
button
.suggested-action.osd
popover
.background.magnifier
button
:hover
,
popover
.background.magnifier
button
.suggested-action.osd
button
:hover
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:hover
,
popover
.background.magnifier
button
.suggested-action.osd
button
:hover
,
button
.suggested-action.osd
button
:hover
{
color
:
white
;
border-color
:
@
theme_selected_bg_color
;
}
popover
.background.touch-selection
button
.suggested-action
:active
,
popover
.background.magnifier
button
.suggested-action
:active
,
popover
.background.touch-selection
button
.suggested-action
:checked
,
popover
.background.magnifier
button
.suggested-action
:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:checked
,
button
.suggested-action
:active
,
button
.suggested-action
:checked
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:active
,
button
.suggested-action.osd
popover
.background.magnifier
button
:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:active
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:checked
,
button
.suggested-action.osd
popover
.background.magnifier
button
:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:checked
,
button
.suggested-action.osd
button
:active
,
button
.suggested-action.osd
button
:checked
{
color
:
white
;
border-color
:
@
theme_selected_bg_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
active_button_gradient_top
,
@
active_button_gradient_bottom
);
}
popover
.background.touch-selection
button
.suggested-action
:backdrop
,
popover
.background.magnifier
button
.suggested-action
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop
,
button
.suggested-action
:backdrop
,
button
.suggested-action.flat
:backdrop
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop
,
button
.suggested-action.osd
button
:backdrop
,
button
.suggested-action.osd
button
.flat
:backdrop
{
color
:
white
;
border-color
:
@
borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
action_button_gradient_top
,
@
action_button_gradient_bottom
);
}
popover
.background.touch-selection
button
.suggested-action
:backdrop:active
,
popover
.background.magnifier
button
.suggested-action
:backdrop:active
,
popover
.background.touch-selection
button
.suggested-action
:backdrop:checked
,
popover
.background.magnifier
button
.suggested-action
:backdrop:checked
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:active
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:active
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:checked
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:checked
,
button
.suggested-action
:backdrop:active
,
button
.suggested-action
:backdrop:checked
,
button
.suggested-action.flat
:backdrop:active
,
button
.suggested-action.flat
:backdrop:checked
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:active
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:active
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:checked
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:checked
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:active
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:active
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:checked
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:checked
,
button
.suggested-action.osd
button
:backdrop:active
,
button
.suggested-action.osd
button
:backdrop:checked
,
button
.suggested-action.osd
button
.flat
:backdrop:active
,
button
.suggested-action.osd
button
.flat
:backdrop:checked
{
color
:
white
;
border-color
:
@
theme_selected_bg_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
active_button_gradient_top
,
@
active_button_gradient_bottom
);
}
popover
.background.touch-selection
button
.suggested-action
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
button
.suggested-action
:backdrop:disabled
,
button
.suggested-action.flat
:backdrop:disabled
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
button
.suggested-action.osd
button
:backdrop:disabled
,
button
.suggested-action.osd
button
.flat
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
popover
.background.touch-selection
button
.suggested-action
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
>
.label
,
button
.suggested-action
:backdrop:disabled
>
.label
,
button
.suggested-action.flat
:backdrop:disabled
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
>
.label
,
button
.suggested-action.osd
button
:backdrop:disabled
>
.label
,
button
.suggested-action.osd
button
.flat
:backdrop:disabled
>
.label
{
color
:
inherit
;
}
popover
.background.touch-selection
button
.suggested-action
:backdrop:disabled:active
,
popover
.background.magnifier
button
.suggested-action
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.suggested-action
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.suggested-action
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:disabled:active
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
,
button
.suggested-action
:backdrop:disabled:active
,
button
.suggested-action
:backdrop:disabled:checked
,
button
.suggested-action.flat
:backdrop:disabled:active
,
button
.suggested-action.flat
:backdrop:disabled:checked
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:active
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:active
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:checked
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:checked
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
,
button
.suggested-action.osd
button
:backdrop:disabled:active
,
button
.suggested-action.osd
button
:backdrop:disabled:checked
,
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
,
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
{
color
:
@
disabled_check
;
border-color
:
@
disabled_highlight
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_highlight_top
,
@
disabled_highlight_bottom
);
}
popover
.background.touch-selection
button
.suggested-action
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
button
.suggested-action
:backdrop:disabled:active
>
.label
,
button
.suggested-action
:backdrop:disabled:checked
>
.label
,
button
.suggested-action.flat
:backdrop:disabled:active
>
.label
,
button
.suggested-action.flat
:backdrop:disabled:checked
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:active
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:active
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:checked
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:checked
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
button
.suggested-action.osd
button
:backdrop:disabled:active
>
.label
,
button
.suggested-action.osd
button
:backdrop:disabled:checked
>
.label
,
button
.suggested-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
button
.suggested-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
{
color
:
inherit
;
}
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.flat
:disabled
,
popover
.background.magnifier
button
.suggested-action.flat
:disabled
,
popover
.background.touch-selection
button
.suggested-action.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
button
.suggested-action.flat
:backdrop
,
button
.suggested-action.flat
:disabled
,
button
.suggested-action.flat
:backdrop:disabled
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:disabled
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:disabled
,
button
.suggested-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
button
.suggested-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
.flat
:backdrop:disabled
,
button
.suggested-action.osd
button
.flat
:backdrop
,
button
.suggested-action.osd
button
.flat
:disabled
,
button
.suggested-action.osd
button
.flat
:backdrop:disabled
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
alpha
(
@
theme_selected_bg_color
,
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
,
button
.suggested-action
:disabled
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled
,
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled
,
button
.suggested-action.osd
button
:disabled
{
color
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
popover
.background.touch-selection
button
.suggested-action
:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action
:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled
>
.label
,
button
.suggested-action
:disabled
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled
>
.label
,
button
.suggested-action.osd
button
:disabled
>
.label
{
color
:
inherit
;
}
popover
.background.touch-selection
button
.suggested-action
:disabled:active
,
popover
.background.magnifier
button
.suggested-action
:disabled:active
,
popover
.background.touch-selection
button
.suggested-action
:disabled:checked
,
popover
.background.magnifier
button
.suggested-action
:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:checked
,
button
.suggested-action
:disabled:active
,
button
.suggested-action
:disabled:checked
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:active
,
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:active
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:checked
,
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:checked
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:active
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:active
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:checked
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:checked
,
button
.suggested-action.osd
button
:disabled:active
,
button
.suggested-action.osd
button
:disabled:checked
{
color
:
@
disabled_check
;
border-color
:
@
disabled_highlight
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_highlight_top
,
@
disabled_highlight_bottom
);
}
popover
.background.touch-selection
button
.suggested-action
:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:checked
>
.label
,
button
.suggested-action
:disabled:active
>
.label
,
button
.suggested-action
:disabled:checked
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:active
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:active
>
.label
,
button
.suggested-action.osd
popover
.background.touch-selection
button
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:checked
>
.label
,
button
.suggested-action.osd
popover
.background.magnifier
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.suggested-action.osd
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.suggested-action.osd
button
:disabled:checked
>
.label
,
button
.suggested-action.osd
button
:disabled:active
>
.label
,
button
.suggested-action.osd
button
:disabled:checked
>
.label
{
color
:
inherit
;
}
popover
.background.touch-selection
button
.destructive-action
,
popover
.background.magnifier
button
.destructive-action
,
popover
.background.touch-selection
button
.destructive-action.osd
button
,
popover
.background.magnifier
button
.destructive-action.osd
button
,
button
.destructive-action
,
button
.destructive-action.osd
popover
.background.touch-selection
button
,
popover
.background.touch-selection
button
.destructive-action.osd
button
,
button
.destructive-action.osd
popover
.background.magnifier
button
,
popover
.background.magnifier
button
.destructive-action.osd
button
,
popover
.background.touch-selection
button
.destructive-action.osd
button
,
popover
.background.magnifier
button
.destructive-action.osd
button
,
button
.destructive-action.osd
button
{
box
-
shadow
:
1px
1px
1px
alpha
(
@
shadow_color
,
0
.
1
);
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
theme_selected_fg_color
;
border-color
:
@
error_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
destructive_gradient_top
,
@
destructive_gradient_bottom
);
}
popover
.background.touch-selection
button
.destructive-action.flat
,
popover
.background.magnifier
button
.destructive-action.flat
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
,
button
.destructive-action.flat
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
,
button
.destructive-action.osd
button
.flat
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
error_color
;
}
popover
.background.touch-selection
button
.destructive-action
:hover
,
popover
.background.magnifier
button
.destructive-action
:hover
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:hover
,
popover
.background.magnifier
button
.destructive-action.osd
button
:hover
,
button
.destructive-action
:hover
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:hover
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:hover
,
button
.destructive-action.osd
popover
.background.magnifier
button
:hover
,
popover
.background.magnifier
button
.destructive-action.osd
button
:hover
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:hover
,
popover
.background.magnifier
button
.destructive-action.osd
button
:hover
,
button
.destructive-action.osd
button
:hover
{
color
:
white
;
border-color
:
@
error_color
;
}
popover
.background.touch-selection
button
.destructive-action
:active
,
popover
.background.magnifier
button
.destructive-action
:active
,
popover
.background.touch-selection
button
.destructive-action
:checked
,
popover
.background.magnifier
button
.destructive-action
:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:checked
,
button
.destructive-action
:active
,
button
.destructive-action
:checked
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:active
,
button
.destructive-action.osd
popover
.background.magnifier
button
:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:active
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:checked
,
button
.destructive-action.osd
popover
.background.magnifier
button
:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:checked
,
button
.destructive-action.osd
button
:active
,
button
.destructive-action.osd
button
:checked
{
color
:
white
;
border-color
:
@
error_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
destructive_gradient_top
,
@
destructive_gradient_bottom
);
}
popover
.background.touch-selection
button
.destructive-action
:backdrop
,
popover
.background.magnifier
button
.destructive-action
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop
,
button
.destructive-action
:backdrop
,
button
.destructive-action.flat
:backdrop
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop
,
button
.destructive-action.osd
button
:backdrop
,
button
.destructive-action.osd
button
.flat
:backdrop
{
color
:
white
;
border-color
:
@
borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
destructive_gradient_top
,
@
destructive_gradient_bottom
);
}
popover
.background.touch-selection
button
.destructive-action
:backdrop:active
,
popover
.background.magnifier
button
.destructive-action
:backdrop:active
,
popover
.background.touch-selection
button
.destructive-action
:backdrop:checked
,
popover
.background.magnifier
button
.destructive-action
:backdrop:checked
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:active
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:active
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:checked
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:checked
,
button
.destructive-action
:backdrop:active
,
button
.destructive-action
:backdrop:checked
,
button
.destructive-action.flat
:backdrop:active
,
button
.destructive-action.flat
:backdrop:checked
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:active
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:active
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:checked
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:checked
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:active
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:active
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:checked
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:checked
,
button
.destructive-action.osd
button
:backdrop:active
,
button
.destructive-action.osd
button
:backdrop:checked
,
button
.destructive-action.osd
button
.flat
:backdrop:active
,
button
.destructive-action.osd
button
.flat
:backdrop:checked
{
color
:
white
;
border-color
:
@
error_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
destructive_gradient_top
,
@
destructive_gradient_bottom
);
}
popover
.background.touch-selection
button
.destructive-action
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
button
.destructive-action
:backdrop:disabled
,
button
.destructive-action.flat
:backdrop:disabled
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
button
.destructive-action.osd
button
:backdrop:disabled
,
button
.destructive-action.osd
button
.flat
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
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
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
>
.label
,
button
.destructive-action
:backdrop:disabled
>
.label
,
button
.destructive-action.flat
:backdrop:disabled
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
>
.label
,
button
.destructive-action.osd
button
:backdrop:disabled
>
.label
,
button
.destructive-action.osd
button
.flat
:backdrop:disabled
>
.label
{
color
:
inherit
;
}
popover
.background.touch-selection
button
.destructive-action
:backdrop:disabled:active
,
popover
.background.magnifier
button
.destructive-action
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.destructive-action
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.destructive-action
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:disabled:active
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
,
button
.destructive-action
:backdrop:disabled:active
,
button
.destructive-action
:backdrop:disabled:checked
,
button
.destructive-action.flat
:backdrop:disabled:active
,
button
.destructive-action.flat
:backdrop:disabled:checked
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:active
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:active
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:checked
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:checked
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
,
button
.destructive-action.osd
button
:backdrop:disabled:active
,
button
.destructive-action.osd
button
:backdrop:disabled:checked
,
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
,
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
{
color
:
@
disabled_check
;
border-color
:
alpha
(
@
destructive_gradient_bottom
,
0
.
35
);
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
popover
.background.touch-selection
button
.destructive-action
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
button
.destructive-action
:backdrop:disabled:active
>
.label
,
button
.destructive-action
:backdrop:disabled:checked
>
.label
,
button
.destructive-action.flat
:backdrop:disabled:active
>
.label
,
button
.destructive-action.flat
:backdrop:disabled:checked
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:active
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:active
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:checked
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:checked
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:backdrop:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
,
button
.destructive-action.osd
button
:backdrop:disabled:active
>
.label
,
button
.destructive-action.osd
button
:backdrop:disabled:checked
>
.label
,
button
.destructive-action.osd
button
.flat
:backdrop:disabled:active
>
.label
,
button
.destructive-action.osd
button
.flat
:backdrop:disabled:checked
>
.label
{
color
:
inherit
;
}
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.flat
:disabled
,
popover
.background.magnifier
button
.destructive-action.flat
:disabled
,
popover
.background.touch-selection
button
.destructive-action.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
button
.destructive-action.flat
:backdrop
,
button
.destructive-action.flat
:disabled
,
button
.destructive-action.flat
:backdrop:disabled
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:disabled
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:disabled
,
button
.destructive-action.osd
popover
.background.touch-selection
button
.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
button
.destructive-action.osd
popover
.background.magnifier
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
.flat
:backdrop:disabled
,
button
.destructive-action.osd
button
.flat
:backdrop
,
button
.destructive-action.osd
button
.flat
:disabled
,
button
.destructive-action.osd
button
.flat
:backdrop:disabled
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
alpha
(
@
error_color
,
0
.
8
);
}
popover
.background.touch-selection
button
.destructive-action
:disabled
,
popover
.background.magnifier
button
.destructive-action
:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled
,
button
.destructive-action
:disabled
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled
,
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled
,
button
.destructive-action.osd
button
:disabled
{
color
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
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
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled
>
.label
,
button
.destructive-action
:disabled
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled
>
.label
,
button
.destructive-action.osd
button
:disabled
>
.label
{
color
:
inherit
;
}
popover
.background.touch-selection
button
.destructive-action
:disabled:active
,
popover
.background.magnifier
button
.destructive-action
:disabled:active
,
popover
.background.touch-selection
button
.destructive-action
:disabled:checked
,
popover
.background.magnifier
button
.destructive-action
:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:checked
,
button
.destructive-action
:disabled:active
,
button
.destructive-action
:disabled:checked
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:active
,
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:active
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:checked
,
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:checked
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:active
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:active
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:checked
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:checked
,
button
.destructive-action.osd
button
:disabled:active
,
button
.destructive-action.osd
button
:disabled:checked
{
color
:
@
disabled_check
;
border-color
:
@
disabled_highlight
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
popover
.background.touch-selection
button
.destructive-action
:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:checked
>
.label
,
button
.destructive-action
:disabled:active
>
.label
,
button
.destructive-action
:disabled:checked
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:active
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:active
>
.label
,
button
.destructive-action.osd
popover
.background.touch-selection
button
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:checked
>
.label
,
button
.destructive-action.osd
popover
.background.magnifier
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:checked
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:active
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:active
>
.label
,
popover
.background.touch-selection
button
.destructive-action.osd
button
:disabled:checked
>
.label
,
popover
.background.magnifier
button
.destructive-action.osd
button
:disabled:checked
>
.label
,
button
.destructive-action.osd
button
:disabled:active
>
.label
,
button
.destructive-action.osd
button
:disabled:checked
>
.label
{
color
:
inherit
;
}
popover
.background.touch-selection
.stack-switcher
>
button
>
label
,
popover
.background.magnifier
.stack-switcher
>
button
>
label
,
.stack-switcher
>
button
>
label
{
padding-left
:
6px
;
padding-right
:
6px
;
}
popover
.background.touch-selection
.stack-switcher
>
button
>
image
,
popover
.background.magnifier
.stack-switcher
>
button
>
image
,
.stack-switcher
>
button
>
image
{
padding-left
:
6px
;
padding-right
:
6px
;
padding-top
:
3px
;
padding-bottom
:
3px
;
}
popover
.background.touch-selection
.stack-switcher
>
button
.text-button
,
popover
.background.magnifier
.stack-switcher
>
button
.text-button
,
.stack-switcher
>
button
.text-button
{
padding
:
6px
;
}
popover
.background.touch-selection
.stack-switcher
>
button
.image-button
,
popover
.background.magnifier
.stack-switcher
>
button
.image-button
,
.stack-switcher
>
button
.image-button
{
padding
:
3px
0px
;
}
popover
.background.touch-selection
.stack-switcher
>
button
.needs-attention
:active
>
label
,
popover
.background.magnifier
.stack-switcher
>
button
.needs-attention
:active
>
label
,
popover
.background.touch-selection
.stack-switcher
>
button
.needs-attention
:active
>
image
,
popover
.background.magnifier
.stack-switcher
>
button
.needs-attention
:active
>
image
,
popover
.background.touch-selection
.stack-switcher
>
button
.needs-attention
:checked
>
label
,
popover
.background.magnifier
.stack-switcher
>
button
.needs-attention
:checked
>
label
,
popover
.background.touch-selection
.stack-switcher
>
button
.needs-attention
:checked
>
image
,
popover
.background.magnifier
.stack-switcher
>
button
.needs-attention
:checked
>
image
,
.stack-switcher
>
button
.needs-attention
:active
>
label
,
.stack-switcher
>
button
.needs-attention
:active
>
image
,
.stack-switcher
>
button
.needs-attention
:checked
>
label
,
.stack-switcher
>
button
.needs-attention
:checked
>
image
{
animation
:
none
;
background-image
:
none
;
}
.inline-toolbar
popover
.background.touch-selection
button
,
popover
.background.touch-selection
.inline-toolbar
button
,
.inline-toolbar
popover
.background.magnifier
button
,
popover
.background.magnifier
.inline-toolbar
button
,
.inline-toolbar
popover
.background.touch-selection
button
:backdrop
,
popover
.background.touch-selection
.inline-toolbar
button
:backdrop
,
.inline-toolbar
popover
.background.magnifier
button
:backdrop
,
popover
.background.magnifier
.inline-toolbar
button
:backdrop
,
.inline-toolbar
button
,
.inline-toolbar
button
:backdrop
{
border
-
radius
:
3px
;
border-width
:
1px
;
}
.primary-toolbar
popover
.background.touch-selection
button
,
popover
.background.touch-selection
.primary-toolbar
button
,
.primary-toolbar
popover
.background.magnifier
button
,
popover
.background.magnifier
.primary-toolbar
button
,
.primary-toolbar
button
{
-
gtk
-
icon
-
shadow
:
none
;
}
/**************
* ComboBoxes *
**************/
combobox
arrow
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-down-symbolic"
);
min-height
:
16px
;
min-width
:
16px
;
}
popover
.background.touch-selection
.stack-switcher
>
button
.needs-attention
>
label
,
popover
.background.magnifier
.stack-switcher
>
button
.needs-attention
>
label
,
popover
.background.touch-selection
.stack-switcher
>
button
.needs-attention
>
image
,
popover
.background.magnifier
.stack-switcher
>
button
.needs-attention
>
image
,
.stack-switcher
>
button
.needs-attention
>
label
,
.stack-switcher
>
button
.needs-attention
>
image
,
stacksidebar
.sidebar
row
.needs-attention
>
.label
{
animation
:
needs_attention
150
ms
ease
-
in
;
background-image
:
-
gtk
-
gradient
(
radial
,
center
center
,
0
,
center
center
,
0
.
5
,
to
(
@
theme_selected_bg_color
)
,
to
(
transparent
))
,
-
gtk
-
gradient
(
radial
,
center
center
,
0
,
center
center
,
0
.
5
,
to
(
@
theme_fg_color
)
,
to
(
transparent
));
background
-
size
:
6px
6px
,
6px
6px
;
background-repeat
:
no-repeat
;
background-position
:
right
3px
,
right
4px
;
}
.stack-switcher
>
button
.needs-attention
>
label
:backdrop
,
.stack-switcher
>
button
.needs-attention
>
image
:backdrop
,
stacksidebar
.sidebar
row
.needs-attention
>
.label
:backdrop
{
background
-
size
:
6px
6px
,
0
0
;
}
.stack-switcher
>
button
.needs-attention
>
label
:dir
(
rtl
),
.stack-switcher
>
button
.needs-attention
>
image
:dir
(
rtl
),
stacksidebar
.sidebar
row
.needs-attention
>
.label
:dir
(
rtl
)
{
background-position
:
left
3px
,
left
4px
;
}
.linked
>
combobox
>
box
>
button
.combo
:dir
(
ltr
),
.linked
>
combobox
>
box
>
button
.combo
:dir
(
rtl
),
.inline-toolbar
popover
.background.touch-selection
button
,
popover
.background.touch-selection
.inline-toolbar
button
,
.inline-toolbar
popover
.background.magnifier
button
,
popover
.background.magnifier
.inline-toolbar
button
,
.inline-toolbar
button
,
.inline-toolbar
button
:backdrop
,
popover
.background.touch-selection
.linked
>
button
,
popover
.background.magnifier
.linked
>
button
,
.linked
>
button
,
.linked
>
button
:hover
,
.linked
>
button
:active
,
.linked
>
button
:checked
,
.linked
>
button
:backdrop
{
border
-
radius
:
3px
;
}
.linked
>
combobox
>
box
>
button
.combo
:dir
(
rtl
),
.inline-toolbar
popover
.background.touch-selection
button
:dir
(
rtl
),
popover
.background.touch-selection
.inline-toolbar
button
:dir
(
rtl
),
.inline-toolbar
popover
.background.magnifier
button
:dir
(
rtl
),
popover
.background.magnifier
.inline-toolbar
button
:dir
(
rtl
),
.inline-toolbar
button
:dir
(
rtl
),
popover
.background.touch-selection
.linked
>
button
:dir
(
rtl
),
popover
.background.magnifier
.linked
>
button
:dir
(
rtl
),
.linked
>
button
:dir
(
rtl
)
{
border
-
radius
:
3px
;
}
.inline-toolbar
popover
.background.touch-selection
button
,
popover
.background.touch-selection
.inline-toolbar
button
,
.inline-toolbar
popover
.background.magnifier
button
,
popover
.background.magnifier
.inline-toolbar
button
,
.inline-toolbar
button
,
.inline-toolbar
button
:backdrop
,
popover
.background.touch-selection
.linked
>
button
,
popover
.background.magnifier
.linked
>
button
,
.linked
>
button
,
.linked
>
button
:hover
,
.linked
>
button
:active
,
.linked
>
button
:checked
,
.linked
>
button
:backdrop
{
margin-left
:
2px
;
margin-right
:
2px
;
}
.inline-toolbar
popover
.background.touch-selection
button
:first-child
,
popover
.background.touch-selection
.inline-toolbar
button
:first-child
,
.inline-toolbar
popover
.background.magnifier
button
:first-child
,
popover
.background.magnifier
.inline-toolbar
button
:first-child
,
.inline-toolbar
button
:first-child
,
popover
.background.touch-selection
.linked
>
button
:first-child
,
popover
.background.magnifier
.linked
>
button
:first-child
,
.linked
>
button
:first-child
,
combobox
.linked
button
:nth-child
(
2
)
:dir
(
rtl
),
.linked
:not
(
.vertical
)
>
combobox
:first-child
>
box
>
button
.combo
{
border
-
radius
:
3px
;
border-style
:
solid
;
}
.inline-toolbar
popover
.background.touch-selection
button
:last-child
,
popover
.background.touch-selection
.inline-toolbar
button
:last-child
,
.inline-toolbar
popover
.background.magnifier
button
:last-child
,
popover
.background.magnifier
.inline-toolbar
button
:last-child
,
.inline-toolbar
button
:last-child
,
popover
.background.touch-selection
.linked
>
button
:last-child
,
popover
.background.magnifier
.linked
>
button
:last-child
,
.linked
>
button
:last-child
,
combobox
.linked
button
:nth-child
(
2
)
:dir
(
ltr
),
.linked
:not
(
.vertical
)
>
combobox
:last-child
>
box
>
button
.combo
{
border
-
radius
:
3px
;
}
.inline-toolbar
popover
.background.touch-selection
button
:only-child
,
popover
.background.touch-selection
.inline-toolbar
button
:only-child
,
.inline-toolbar
popover
.background.magnifier
button
:only-child
,
popover
.background.magnifier
.inline-toolbar
button
:only-child
,
.inline-toolbar
button
:only-child
,
popover
.background.touch-selection
.linked
>
button
:only-child
,
popover
.background.magnifier
.linked
>
button
:only-child
,
.linked
>
button
:only-child
,
.linked
:not
(
.vertical
)
>
combobox
:only-child
>
box
>
button
.combo
{
border
-
radius
:
3px
;
border-style
:
solid
;
}
.linked.vertical
>
combobox
>
box
>
button
.combo
,
popover
.background.touch-selection
.linked.vertical
>
button
,
popover
.background.magnifier
.linked.vertical
>
button
,
.linked.vertical
>
button
,
.linked.vertical
>
button
:hover
,
.linked.vertical
>
button
:active
,
.linked.vertical
>
button
:checked
,
.linked.vertical
>
button
:backdrop
{
border-style
:
solid
;
border
-
radius
:
3px
;
}
popover
.background.touch-selection
.linked.vertical
>
button
:first-child
,
popover
.background.magnifier
.linked.vertical
>
button
:first-child
,
.linked.vertical
>
button
:first-child
,
.linked.vertical
>
combobox
:first-child
>
box
>
button
.combo
{
border
-
radius
:
3px
;
}
popover
.background.touch-selection
.linked.vertical
>
button
:last-child
,
popover
.background.magnifier
.linked.vertical
>
button
:last-child
,
.linked.vertical
>
button
:last-child
,
.linked.vertical
>
combobox
:last-child
>
box
>
button
.combo
{
border
-
radius
:
3px
;
border-style
:
solid
;
}
popover
.background.touch-selection
.linked.vertical
>
button
:only-child
,
popover
.background.magnifier
.linked.vertical
>
button
:only-child
,
.linked.vertical
>
button
:only-child
,
.linked.vertical
>
combobox
:only-child
>
box
>
button
.combo
{
border
-
radius
:
3px
;
border-style
:
solid
;
}
.app-notification
button
.flat
,
.app-notification.frame
button
.flat
,
.app-notification
button
.flat
:hover
,
.app-notification.frame
button
.flat
:hover
,
.app-notification
button
.flat
:active
,
.app-notification.frame
button
.flat
:active
,
.app-notification
button
.flat
:backdrop
,
.app-notification
button
.flat
:disabled
,
.app-notification
button
.flat
:backdrop:disabled
,
.app-notification.frame
button
.flat
:backdrop
,
.app-notification.frame
button
.flat
:disabled
,
.app-notification.frame
button
.flat
:backdrop:disabled
,
calendar
.button
,
calendar
.button
:hover
,
calendar
.button
:active
,
calendar
.button
:backdrop
,
headerbar
button
.flat
:disabled
,
button
:link
,
button
:visited
,
button
:link:hover
,
button
:link:active
,
button
:link:checked
,
button
:visited:hover
,
button
:visited:active
,
button
:visited:checked
,
modelbutton
.flat
,
popover
.background
checkbutton
,
popover
.background
radiobutton
,
.menuitem.button.flat
,
modelbutton
.flat
:backdrop
,
popover
.background
checkbutton
:backdrop
,
popover
.background
radiobutton
:backdrop
,
modelbutton
.flat
:backdrop:hover
,
popover
.background
checkbutton
:backdrop:hover
,
popover
.background
radiobutton
:backdrop:hover
,
.menuitem.button.flat
:backdrop
,
.menuitem.button.flat
:backdrop:hover
,
scrollbar
button
:backdrop
,
button
.sidebar-button
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
}
/****************
* Text Entries *
****************/
spinbutton
:not
(
.vertical
),
entry
{
min-height
:
30px
;
padding-left
:
8px
;
padding-right
:
8px
;
border
:
1px
solid
;
border
-
radius
:
3px
;
transition
:
all
200
ms
cubic
-
bezier
(
0
.
25
,
0
.
46
,
0
.
45
,
0
.
94
);
color
:
@
theme_text_color
;
border-color
:
@
borders
;
background-color
:
@
theme_base_color
;
box
-
shadow
:
none
;
}
spinbutton
:not
(
.vertical
)
image
.left
,
entry
image
.left
{
padding-left
:
0
;
padding-right
:
6px
;
}
spinbutton
:not
(
.vertical
)
image
.right
,
entry
image
.right
{
padding-left
:
6px
;
padding-right
:
0
;
}
spinbutton
.flat
:focus:not
(
.vertical
),
spinbutton
.flat
:not
(
.vertical
),
entry
.flat
:focus
,
entry
.flat
{
min-height
:
0
;
padding
:
2px
;
color
:
@
theme_text_color
;
border-color
:
@
borders
;
background-color
:
@
theme_base_color
;
box
-
shadow
:
none
;
}
spinbutton
:focus:not
(
.vertical
),
entry
:focus
{
border-color
:
@
theme_selected_bg_color
;
}
spinbutton
:disabled:not
(
.vertical
),
entry
:disabled
{
color
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-color
:
@
disabled_bg
;
}
spinbutton
:backdrop:not
(
.vertical
),
entry
:backdrop
{
color
:
@
theme_text_color
;
border-color
:
@
borders
;
background-color
:
@
theme_base_color
;
}
spinbutton
:backdrop:disabled:not
(
.vertical
),
entry
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-color
:
@
disabled_bg
;
}
spinbutton
.error
:not
(
.vertical
),
entry
.error
{
color
:
@
error_color
;
border-color
:
@
error_color
;
background-color
:
alpha
(
@
error_color
,
0
.
5
);
}
spinbutton
.error
:focus:not
(
.vertical
),
entry
.error
:focus
{
border-color
:
@
error_color
;
background-color
:
alpha
(
@
error_color
,
0
.
5
);
}
spinbutton
.error
:selected:not
(
.vertical
),
spinbutton
.error
:selected:focus:not
(
.vertical
),
entry
.error
:selected
,
entry
.error
:selected:focus
{
background-color
:
@
error_color
;
}
spinbutton
.error
:backdrop:not
(
.vertical
),
entry
.error
:backdrop
{
color
:
@
error_color
;
border-color
:
@
error_color
;
background-color
:
alpha
(
@
error_color
,
0
.
5
);
}
spinbutton
.warning
:not
(
.vertical
),
entry
.warning
{
color
:
@
warning_color
;
border-color
:
@
warning_color
;
background-color
:
alpha
(
@
warning_color
,
0
.
5
);
}
spinbutton
.warning
:focus:not
(
.vertical
),
entry
.warning
:focus
{
border-color
:
@
warning_color
;
background-color
:
alpha
(
@
warning_color
,
0
.
5
);
}
spinbutton
.warning
:selected:not
(
.vertical
),
spinbutton
.warning
:selected:focus:not
(
.vertical
),
entry
.warning
:selected
,
entry
.warning
:selected:focus
{
background-color
:
@
warning_color
;
}
spinbutton
.warning
:backdrop:not
(
.vertical
),
entry
.warning
:backdrop
{
color
:
@
warning_color
;
border-color
:
@
warning_color
;
background-color
:
alpha
(
@
warning_color
,
0
.
5
);
}
spinbutton
:not
(
.vertical
)
image
,
entry
image
{
color
:
@
theme_text_color
;
}
spinbutton
:not
(
.vertical
)
image
:hover
,
entry
image
:hover
{
color
:
@
decoration_hover
;
}
spinbutton
:not
(
.vertical
)
image
:active
,
entry
image
:active
{
color
:
@
theme_selected_bg_color
;
}
spinbutton
:not
(
.vertical
)
image
:backdrop
,
entry
image
:backdrop
{
color
:
@
theme_text_color
;
}
spinbutton
:not
(
.vertical
)
progress
,
entry
progress
{
margin
:
1px
;
border
-
radius
:
0
;
border-width
:
0
0
2px
;
border-color
:
@
theme_selected_bg_color
;
border-style
:
solid
;
background-image
:
none
;
background-color
:
transparent
;
box
-
shadow
:
none
;
}
spinbutton
:not
(
.vertical
)
progress
:backdrop
,
entry
progress
:backdrop
{
background-color
:
transparent
;
border-color
:
@
theme_unfocused_selected_bg_color
;
}
treeview
acceleditor
>
label
{
background-color
:
@
theme_selected_bg_color
;
}
treeview
entry
.flat
,
treeview
entry
{
border
-
radius
:
0
;
background-image
:
none
;
background-color
:
@
theme_base_color
;
}
treeview
entry
.flat
:focus
,
treeview
entry
:focus
{
border-color
:
@
theme_selected_bg_color
;
}
/*********************
* App Notifications *
*********************/
.app-notification
,
.app-notification.frame
{
padding
:
10px
;
border-top-width
:
0px
;
border
-
radius
:
0px
0px
3px
3px
;
}
.app-notification
:backdrop
,
.app-notification.frame
:backdrop
{
background-image
:
none
;
}
.app-notification
button
,
.app-notification.frame
button
{
box
-
shadow
:
1px
1px
1px
alpha
(
@
shadow_color
,
0
.
1
);
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
button_gradient_top
,
@
button_gradient_bottom
);
}
.app-notification
button
.flat
,
.app-notification.frame
button
.flat
{
-
gtk
-
icon
-
shadow
:
none
;
text-shadow
:
none
;
}
.app-notification
button
.flat
:hover
,
.app-notification.frame
button
.flat
:hover
{
color
:
@
decoration_hover
;
}
.app-notification
button
.flat
:active
,
.app-notification.frame
button
.flat
:active
{
color
:
@
theme_selected_bg_color
;
}
.app-notification
button
:hover
,
.app-notification.frame
button
:hover
{
color
:
@
theme_fg_color
;
border-color
:
@
decoration_hover
;
}
.app-notification
button
:active
,
.app-notification
button
:checked
,
.app-notification
button
:backdrop:active
,
.app-notification
button
:backdrop:checked
,
.app-notification.frame
button
:active
,
.app-notification.frame
button
:checked
,
.app-notification.frame
button
:backdrop:active
,
.app-notification.frame
button
:backdrop:checked
{
color
:
@
theme_selected_fg_color
;
border-color
:
@
theme_selected_bg_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
active_button_gradient_top
,
@
active_button_gradient_bottom
);
}
.app-notification
button
:disabled
,
.app-notification
button
:backdrop:disabled
,
.app-notification.frame
button
:disabled
,
.app-notification.frame
button
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
border-color
:
@
insensitive_borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
disabled_gradient_top
,
@
disabled_gradient_bottom
);
}
.app-notification
button
:disabled
>
.label
,
.app-notification
button
:backdrop:disabled
>
.label
,
.app-notification.frame
button
:disabled
>
.label
,
.app-notification.frame
button
:backdrop:disabled
>
.label
{
color
:
inherit
;
}
.app-notification
button
:backdrop
,
.app-notification.frame
button
:backdrop
{
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
button_gradient_top
,
@
button_gradient_bottom
);
}
.app-notification
border
,
.app-notification.frame
border
{
border
:
none
;
}
/************
* Calendar *
***********/
calendar
{
color
:
@
theme_text_color
;
border
:
1px
solid
@
borders
;
background-color
:
@
theme_base_color
;
}
calendar
:selected
{
background-color
:
@
borders
;
}
calendar
.header
{
border
:
1px
solid
@
borders
;
border
-
radius
:
0
;
color
:
@
theme_fg_color
;
}
calendar
.header
:backdrop
{
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
}
calendar
.button
{
color
:
@
theme_fg_color
;
}
calendar
.button
:hover
{
color
:
@
decoration_hover
;
}
calendar
.button
:active
{
color
:
@
theme_selected_bg_color
;
}
calendar
.button
:backdrop
{
color
:
@
theme_fg_color
;
}
calendar
:indeterminate
,
calendar
.highlight
{
color
:
alpha
(
@
dark_overlay_color
,
0
.
5
);
}
calendar
:indeterminate:backdrop
,
calendar
.highlight
:backdrop
{
color
:
alpha
(
@
dark_overlay_color
,
0
.
5
);
}
calendar
:backdrop
{
color
:
@
theme_text_color
;
border-color
:
@
borders
;
background-color
:
@
theme_base_color
;
}
/*************************
* Check and Radio items *
*************************/
.view.content-view.check
:not
(
list
)
{
-
gtk
-
icon
-
shadow
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-selectionmode-unchecked.png")
,
url("../assets/check-selectionmode-unchecked@2.png")
);
background-color
:
transparent
;
}
.view.content-view.check
:hover:not
(
list
)
{
-
gtk
-
icon
-
shadow
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-selectionmode-unchecked-hover.png")
,
url("../assets/check-selectionmode-unchecked-hover@2.png")
);
background-color
:
transparent
;
}
.view.content-view.check
:active:not
(
list
)
{
-
gtk
-
icon
-
shadow
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-selectionmode-unchecked-active.png")
,
url("../assets/check-selectionmode-unchecked-active@2.png")
);
background-color
:
transparent
;
}
.view.content-view.check
:backdrop:not
(
list
)
{
-
gtk
-
icon
-
shadow
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-selectionmode-unchecked-backdrop.png")
,
url("../assets/check-selectionmode-unchecked-backdrop@2.png")
);
background-color
:
transparent
;
}
.view.content-view.check
:checked:not
(
list
)
{
-
gtk
-
icon
-
shadow
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-selectionmode-checked-active.png")
,
url("../assets/check-selectionmode-checked-active@2.png")
);
background-color
:
transparent
;
}
.view.content-view.check
:checked:hover:not
(
list
)
{
-
gtk
-
icon
-
shadow
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-selectionmode-checked-hover.png")
,
url("../assets/check-selectionmode-checked-hover@2.png")
);
background-color
:
transparent
;
}
.view.content-view.check
:checked:active:not
(
list
)
{
-
gtk
-
icon
-
shadow
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-selectionmode-checked-active.png")
,
url("../assets/check-selectionmode-checked-active@2.png")
);
background-color
:
transparent
;
}
.view.content-view.check
:backdrop:checked:not
(
list
)
{
-
gtk
-
icon
-
shadow
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-selectionmode-checked-backdrop.png")
,
url("../assets/check-selectionmode-checked-backdrop@2.png")
);
background-color
:
transparent
;
}
checkbutton
.text-button
,
radiobutton
.text-button
{
padding
:
2px
0
;
outline
-
offset
:
0
;
}
checkbutton
.text-button
label
:not
(
:only-child
)
:first-child
,
radiobutton
.text-button
label
:not
(
:only-child
)
:first-child
{
margin-left
:
4px
;
}
checkbutton
.text-button
label
:not
(
:only-child
)
:last-child
,
radiobutton
.text-button
label
:not
(
:only-child
)
:last-child
{
margin-right
:
4px
;
}
check
{
margin
:
0
4px
;
min-height
:
18px
;
min-width
:
18px
;
animation
:
none
;
background-color
:
transparent
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-unchecked.png")
,
url("../assets/check-unchecked@2.png")
);
}
check
:only-child
{
margin
:
0
;
}
check
:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-unchecked-hover.png")
,
url("../assets/check-unchecked-hover@2.png")
);
}
check
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-active.png")
,
url("../assets/check-checked-active@2.png")
);
}
check
:checked:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-hover.png")
,
url("../assets/check-checked-hover@2.png")
);
}
check
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-active.png")
,
url("../assets/check-mixed-active@2.png")
);
}
check
:indeterminate:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-hover.png")
,
url("../assets/check-mixed-hover@2.png")
);
}
check
:active
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-unchecked-active.png")
,
url("../assets/check-unchecked-active@2.png")
);
}
check
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-active.png")
,
url("../assets/check-checked-active@2.png")
);
}
check
:checked:active
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-active.png")
,
url("../assets/check-checked-active@2.png")
);
}
check
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-active.png")
,
url("../assets/check-mixed-active@2.png")
);
}
check
:indeterminate:active
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-active.png")
,
url("../assets/check-mixed-active@2.png")
);
}
check
:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-unchecked-insensitive.png")
,
url("../assets/check-unchecked-insensitive@2.png")
);
}
check
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-active.png")
,
url("../assets/check-checked-active@2.png")
);
}
check
:checked:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-insensitive.png")
,
url("../assets/check-checked-insensitive@2.png")
);
}
check
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-active.png")
,
url("../assets/check-mixed-active@2.png")
);
}
check
:indeterminate:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-insensitive.png")
,
url("../assets/check-mixed-insensitive@2.png")
);
}
check
:backdrop
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-unchecked-backdrop.png")
,
url("../assets/check-unchecked-backdrop@2.png")
);
}
check
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-active.png")
,
url("../assets/check-checked-active@2.png")
);
}
check
:checked:backdrop
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-backdrop.png")
,
url("../assets/check-checked-backdrop@2.png")
);
}
check
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-active.png")
,
url("../assets/check-mixed-active@2.png")
);
}
check
:indeterminate:backdrop
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-backdrop.png")
,
url("../assets/check-mixed-backdrop@2.png")
);
}
check
:backdrop:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-unchecked-backdrop-insensitive.png")
,
url("../assets/check-unchecked-backdrop-insensitive@2.png")
);
}
check
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-active.png")
,
url("../assets/check-checked-active@2.png")
);
}
check
:checked:backdrop:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-backdrop-insensitive.png")
,
url("../assets/check-checked-backdrop-insensitive@2.png")
);
}
check
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-active.png")
,
url("../assets/check-mixed-active@2.png")
);
}
check
:indeterminate:backdrop:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-backdrop-insensitive.png")
,
url("../assets/check-mixed-backdrop-insensitive@2.png")
);
}
menu
menuitem
check
{
margin
:
0
;
min-height
:
18px
;
min-width
:
18px
;
background-color
:
transparent
;
box
-
shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
animation
:
none
;
}
menu
menuitem
check
:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-unchecked.png")
,
url("../assets/check-unchecked@2.png")
);
}
menu
menuitem
check
:checked:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-active.png")
,
url("../assets/check-checked-active@2.png")
);
}
menu
menuitem
check
:indeterminate:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed-active.png")
,
url("../assets/check-mixed-active@2.png")
);
}
radio
{
margin
:
0
4px
;
min-height
:
18px
;
min-width
:
18px
;
animation
:
none
;
background-color
:
transparent
;
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-unchecked.png")
,
url("../assets/radio-unchecked@2.png")
);
}
radio
:only-child
{
margin
:
0
;
}
radio
:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-unchecked-hover.png")
,
url("../assets/radio-unchecked-hover@2.png")
);
}
radio
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-active.png")
,
url("../assets/radio-checked-active@2.png")
);
}
radio
:checked:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-hover.png")
,
url("../assets/radio-checked-hover@2.png")
);
}
radio
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-active.png")
,
url("../assets/radio-mixed-active@2.png")
);
}
radio
:indeterminate:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-hover.png")
,
url("../assets/radio-mixed-hover@2.png")
);
}
radio
:active
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-unchecked-active.png")
,
url("../assets/radio-unchecked-active@2.png")
);
}
radio
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-active.png")
,
url("../assets/radio-checked-active@2.png")
);
}
radio
:checked:active
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-active.png")
,
url("../assets/radio-checked-active@2.png")
);
}
radio
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-active.png")
,
url("../assets/radio-mixed-active@2.png")
);
}
radio
:indeterminate:active
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-active.png")
,
url("../assets/radio-mixed-active@2.png")
);
}
radio
:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-unchecked-insensitive.png")
,
url("../assets/radio-unchecked-insensitive@2.png")
);
}
radio
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-active.png")
,
url("../assets/radio-checked-active@2.png")
);
}
radio
:checked:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-insensitive.png")
,
url("../assets/radio-checked-insensitive@2.png")
);
}
radio
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-active.png")
,
url("../assets/radio-mixed-active@2.png")
);
}
radio
:indeterminate:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-insensitive.png")
,
url("../assets/radio-mixed-insensitive@2.png")
);
}
radio
:backdrop
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-unchecked-backdrop.png")
,
url("../assets/radio-unchecked-backdrop@2.png")
);
}
radio
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-active.png")
,
url("../assets/radio-checked-active@2.png")
);
}
radio
:checked:backdrop
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-backdrop.png")
,
url("../assets/radio-checked-backdrop@2.png")
);
}
radio
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-active.png")
,
url("../assets/radio-mixed-active@2.png")
);
}
radio
:indeterminate:backdrop
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-backdrop.png")
,
url("../assets/radio-mixed-backdrop@2.png")
);
}
radio
:backdrop:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-unchecked-backdrop-insensitive.png")
,
url("../assets/radio-unchecked-backdrop-insensitive@2.png")
);
}
radio
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-active.png")
,
url("../assets/radio-checked-active@2.png")
);
}
radio
:checked:backdrop:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-backdrop-insensitive.png")
,
url("../assets/radio-checked-backdrop-insensitive@2.png")
);
}
radio
:indeterminate
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-active.png")
,
url("../assets/radio-mixed-active@2.png")
);
}
radio
:indeterminate:backdrop:disabled
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-backdrop-insensitive.png")
,
url("../assets/radio-mixed-backdrop-insensitive@2.png")
);
}
menu
menuitem
radio
{
margin
:
0
;
min-height
:
18px
;
min-width
:
18px
;
background-color
:
transparent
;
box
-
shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
animation
:
none
;
}
menu
menuitem
radio
:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-unchecked.png")
,
url("../assets/radio-unchecked@2.png")
);
}
menu
menuitem
radio
:checked:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-active.png")
,
url("../assets/radio-checked-active@2.png")
);
}
menu
menuitem
radio
:indeterminate:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed-active.png")
,
url("../assets/radio-mixed-active@2.png")
);
}
/*****************
* Color Chooser *
*****************/
:selected
colorswatch
{
box
-
shadow
:
none
;
}
:selected
colorswatch
.overlay
,
:selected
colorswatch
.overlay
:hover
{
border-color
:
@
theme_bg_color
;
}
colorswatch
:selected
{
box
-
shadow
:
none
;
}
colorswatch
.top
,
colorswatch
.bottom
,
colorswatch
.left
,
colorswatch
:first-child:not
(
.overlay
)
:not
(
.top
),
colorswatch
.right
,
colorswatch
:last-child:not
(
.overlay
)
:not
(
.bottom
),
colorswatch
:only-child:not
(
.overlay
),
colorswatch
.top
>
.overlay
,
colorswatch
.bottom
>
.overlay
,
colorswatch
:first-child:not
(
.top
)
>
.overlay
,
colorswatch
:last-child:not
(
.bottom
)
>
.overlay
,
colorswatch
:only-child
>
.overlay
{
border
-
radius
:
3px
;
}
colorswatch
:hover
,
colorswatch
:hover:selected
{
background-image
:
linear
-
gradient
(
135
deg
,
alpha
(
@
glow_color
,
0
.
7
)
,
alpha
(
@
glow_color
,
0
)
50%
);
box
-
shadow
:
inset
0
1px
alpha
(
@
glow_color
,
0
.
4
);
}
colorswatch
:hover
.color-dark
,
colorswatch
:hover:selected
.color-dark
{
background-image
:
linear
-
gradient
(
135
deg
,
alpha
(
@
glow_color
,
0
.
5
)
,
alpha
(
@
glow_color
,
0
)
50%
);
}
colorswatch
:backdrop
,
colorswatch
:backdrop:selected
colorswatch
.color-dark
:backdrop
,
colorswatch
.color-dark
:backdrop:selected
{
background-image
:
none
;
box
-
shadow
:
none
;
}
GtkColorEditor
colorswatch
{
border
-
radius
:
3px
;
}
GtkColorEditor
colorswatch
:hover
{
background-image
:
none
;
box
-
shadow
:
none
;
}
GtkColorEditor
colorswatch
:backdrop
{
box
-
shadow
:
none
;
}
colorswatch
.color-dark
{
color
:
white
;
outline-color
:
alpha
(
@
shadow_color
,
0
.
3
);
}
colorswatch
.color-dark
:backdrop
{
color
:
alpha
(
@
glow_color
,
0
.
3
);
}
colorswatch
.color-light
{
color
:
black
;
outline-color
:
alpha
(
@
glow_color
,
0
.
5
);
}
colorswatch
.color-light
:backdrop
{
color
:
alpha
(
@
shadow_color
,
0
.
3
);
}
colorswatch
overlay
,
colorswatch
overlay
:selected
{
border
:
1px
solid
@
borders
;
}
colorswatch
overlay
:hover
,
colorswatch
overlay
:selected:hover
{
border-color
:
@
decoration_hover
;
}
colorswatch
#add-color-button
{
border-style
:
solid
;
border-width
:
1px
;
box
-
shadow
:
1px
1px
1px
alpha
(
@
shadow_color
,
0
.
1
);
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
button_gradient_top
,
@
button_gradient_bottom
);
}
colorswatch
#add-color-button
:hover
{
color
:
@
theme_fg_color
;
border-color
:
@
decoration_hover
;
}
colorswatch
#add-color-button
:backdrop
{
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
button_gradient_top
,
@
button_gradient_bottom
);
}
colorswatch
#add-color-button
overlay
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_text_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
}
GtkColorButton
.button
{
padding
:
5px
;
}
GtkColorButton
.button
GtkColorSwatch
:first-child:last-child
{
border
-
radius
:
0
;
box
-
shadow
:
none
;
}
GtkColorButton
.button
GtkColorSwatch
:first-child:last-child:disabled
,
GtkColorButton
.button
GtkColorSwatch
:first-child:last-child:backdrop
{
box
-
shadow
:
none
;
}
/***********
* Dialogs *
***********/
messagedialog
.background
{
background-color
:
@
theme_bg_color
;
}
messagedialog
:backdrop
{
background-color
:
@
theme_bg_color
;
}
messagedialog
.titlebar
{
min-height
:
32px
;
background-color
:
transparent
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
headerbar_gradient_top
,
@
headerbar_gradient_bottom
);
box
-
shadow
:
none
;
}
messagedialog
.dialog-action-area
{
padding
:
8px
;
}
messagedialog
button
{
margin
:
2px
;
}
filechooser
.search-bar
{
background-color
:
@
theme_bg_color
;
border-color
:
@
theme_bg_color
;
box
-
shadow
:
none
;
}
filechooser
.search-bar
:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
@
theme_bg_color
;
color
:
@
theme_text_color
;
}
filechooser
.dialog-action-box
{
border-top
:
1px
solid
@
borders
;
}
filechooser
.dialog-action-box
:backdrop
{
border-top-color
:
@
borders
;
}
filechooser
#pathbarbox
{
background-color
:
@
theme_bg_color
;
border-bottom
:
1px
solid
@
borders
;
}
/***************
* Header bars *
***************/
headerbar
{
transition
:
none
;
padding
:
0px
6px
;
border-width
:
0px
0px
1px
0px
;
border
-
radius
:
3px
3px
0px
0px
;
border-style
:
solid
;
border-color
:
@
headerbar_separator
;
color
:
@
headerbar_selected_fg_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
headerbar_gradient_top
,
@
headerbar_gradient_bottom
);
}
headerbar
:backdrop
{
border-color
:
transparent
;
background-image
:
none
;
background-color
:
@
headerbar_bg_color
;
color
:
@
headerbar_backdrop
;
box
-
shadow
:
none
;
}
headerbar
label
{
font-weight
:
normal
;
}
headerbar
label
:backdrop
{
color
:
@
headerbar_backdrop
;
}
headerbar
.path-bar
button
{
color
:
@
headerbar_selected_fg_color
;
font-weight
:
normal
;
}
headerbar
.path-bar
button
:backdrop
{
color
:
@
headerbar_backdrop
;
}
headerbar
button
{
transition
:
none
;
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
headerbar_selected_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
}
headerbar
button
.flat
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
headerbar_selected_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
}
headerbar
button
:hover
{
color
:
@
headerbar_selected_fg_color
;
border-color
:
@
headerbar_decoration_hover
;
}
headerbar
button
:hover:backdrop
{
border-color
:
@
headerbar_bg_color
;
}
headerbar
button
:active
,
headerbar
button
:checked
{
color
:
@
headerbar_fg_color
;
border-color
:
@
headerbar_selected_bg_color
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
headerbar_active_button_gradient_top
,
@
headerbar_active_button_gradient_bottom
);
}
headerbar
button
:active:hover
,
headerbar
button
:checked:hover
{
color
:
@
headerbar_fg_color
;
border-color
:
@
headerbar_decoration_hover
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
notebook_gradient_top
,
@
notebook_gradient_bottom
);
}
headerbar
button
:active:backdrop
,
headerbar
button
:checked:backdrop
{
background-image
:
none
;
background-color
:
@
headerbar_bg_color
;
border-color
:
@
headerbar_bg_color
;
color
:
@
headerbar_backdrop
;
}
headerbar
button
:backdrop
{
border-color
:
transparent
;
background-image
:
none
;
background-color
:
@
headerbar_bg_color
;
color
:
@
headerbar_backdrop
;
}
headerbar
button
.flat
:backdrop
,
headerbar
button
.flat
:backdrop:disabled
,
headerbar
button
:disabled:backdrop
{
background-image
:
none
;
background-color
:
@
headerbar_bg_color
;
color
:
@
headerbar_backdrop
;
border-color
:
transparent
;
}
headerbar
button
.flat
:disabled
{
color
:
@
headerbar_insensitive_bg_color
;
}
headerbar
button
:disabled
{
background-color
:
transparent
;
background-image
:
none
;
border-color
:
transparent
;
color
:
@
headerbar_insensitive_bg_color
;
}
headerbar
button
:disabled:active
,
headerbar
button
:disabled:checked
{
color
:
@
headerbar_insensitive_bg_color
;
border-color
:
@
headerbar_disabled_highlight
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
headerbar_disabled_highlight_top
,
@
headerbar_disabled_highlight_bottom
);
}
headerbar
button
:disabled:active
>
.label
,
headerbar
button
:disabled:checked
>
.label
{
color
:
inherit
;
}
headerbar
.title
{
font-weight
:
normal
;
padding
:
0px
12px
;
}
headerbar
.title
:backdrop
{
color
:
@
headerbar_backdrop
;
}
headerbar
.subtitle
{
font-size
:
smaller
;
padding
:
0
12px
;
}
headerbar
.subtitle
:backdrop
{
color
:
@
headerbar_backdrop
;
}
headerbar
separator
{
border-width
:
0px
;
background-color
:
transparent
;
background-image
:
none
;
border-color
:
transparent
;
}
headerbar
.selection-mode
.selection-menu
{
padding
:
4px
6px
;
}
headerbar
.selection-mode
.selection-menu
GtkArrow
{
-
GtkArrow
-
arrow
-
scaling
:
1
;
}
headerbar
.selection-mode
.selection-menu
.arrow
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-down-symbolic"
);
-
gtk
-
icon
-
shadow
:
none
;
}
.tiled
headerbar
,
.maximized
headerbar
{
border
-
radius
:
0
;
}
headerbar
entry
,
headerbar
spinbutton
,
headerbar
separator
,
headerbar
button
{
margin-top
:
3px
;
margin-bottom
:
3px
;
}
headerbar
button
.suggested-action
,
headerbar
.selection-mode.suggested-action
{
background-image
:
none
;
background-color
:
@
headerbar_selected_bg_color
;
}
headerbar
button
.suggested-action
:hover
,
headerbar
.selection-mode.suggested-action
:hover
{
background-color
:
@
headerbar_decoration_hover
;
color
:
@
headerbar_fg_color
;
}
headerbar
button
.suggested-action
:disabled
,
headerbar
.selection-mode.suggested-action
:disabled
{
background-color
:
transparent
;
background-image
:
none
;
color
:
@
headerbar_insensitive_bg_color
;
}
headerbar
button
.suggested-action
:disabled:active
,
headerbar
.selection-mode.suggested-action
:disabled:active
,
headerbar
button
.suggested-action
:disabled:checked
,
headerbar
.selection-mode.suggested-action
:disabled:checked
{
color
:
@
headerbar_insensitive_bg_color
;
border-color
:
@
headerbar_disabled_highlight
;
background-image
:
linear
-
gradient
(
to
bottom
,
@
headerbar_disabled_highlight_top
,
@
headerbar_disabled_highlight_bottom
);
}
headerbar
button
.suggested-action
:disabled:active
>
.label
,
headerbar
.selection-mode.suggested-action
:disabled:active
>
.label
,
headerbar
button
.suggested-action
:disabled:checked
>
.label
,
headerbar
.selection-mode.suggested-action
:disabled:checked
>
.label
{
color
:
inherit
;
}
headerbar
button
.suggested-action
:backdrop
,
headerbar
.selection-mode.suggested-action
:backdrop
{
background-color
:
@
headerbar_bg_color
;
border-color
:
transparent
;
color
:
@
headerbar_backdrop
;
}
headerbar
button
.suggested-action
:backdrop:disabled
,
headerbar
.selection-mode.suggested-action
:backdrop:disabled
{
color
:
@
headerbar_action_disabled_backdrop
;
}
/**************
* GtkInfoBar *
**************/
infobar
{
border-style
:
none
;
border-bottom
:
1px
solid
@
borders
;
background-color
:
@
theme_bg_color
;
background-image
:
none
;
}
infobar
:backdrop
{
border-bottom
:
1px
solid
@
borders
;
}
.info
,
headerbar
.selection-mode
,
.question
,
.warning
,
.error
{
background-color
:
@
headerbar_bg_color
;
background-image
:
none
;
color
:
@
warning_color
;
text-shadow
:
none
;
}
.info
:backdrop
,
headerbar
.selection-mode
:backdrop
,
.question
:backdrop
,
.warning
:backdrop
,
.error
:backdrop
{
background-color
:
@
headerbar_bg_color
;
color
:
@
warning_color
;
}
.info
button
,
headerbar
.selection-mode
button
,
.question
button
,
.warning
button
,
.error
button
{
box
-
shadow
:
none
;
background-image
:
none
;
background-color
:
alpha
(
@
warning_color
,
0
.
5
);
border-color
:
alpha
(
@
warning_color
,
0
.
5
);
color
:
@
headerbar_fg_color
;
}
.info
button
:hover
,
headerbar
.selection-mode
button
:hover
,
.question
button
:hover
,
.warning
button
:hover
,
.error
button
:hover
{
background-color
:
alpha
(
@
warning_color
,
0
.
25
);
border-color
:
@
warning_color
;
}
.info
button
:active
,
headerbar
.selection-mode
button
:active
,
.info
button
:checked
,
headerbar
.selection-mode
button
:checked
,
.question
button
:active
,
.question
button
:checked
,
.warning
button
:active
,
.warning
button
:checked
,
.error
button
:active
,
.error
button
:checked
{
background-image
:
linear
-
gradient
(
to
bottom
,
@
headerbar_error_top
,
@
headerbar_error_bottom
);
color
:
@
headerbar_selected_fg_color
;
border-color
:
@
warning_color
;
}
.info
button
:disabled
,
headerbar
.selection-mode
button
:disabled
,
.question
button
:disabled
,
.warning
button
:disabled
,
.error
button
:disabled
{
background-color
:
alpha
(
@
warning_color_deep
,
0
);
border-color
:
alpha
(
@
warning_color_deep
,
0
);
color
:
@
headerbar_insensitive_fg_color
;
}
.info
button
:backdrop
,
headerbar
.selection-mode
button
:backdrop
,
.question
button
:backdrop
,
.warning
button
:backdrop
,
.error
button
:backdrop
{
background-color
:
alpha
(
@
warning_color
,
0
.
5
);
border-color
:
alpha
(
@
warning_color
,
0
.
5
);
color
:
@
headerbar_fg_color
;
}
.info
button
:backdrop:active
,
headerbar
.selection-mode
button
:backdrop:active
,
.info
button
:backdrop:checked
,
headerbar
.selection-mode
button
:backdrop:checked
,
.question
button
:backdrop:active
,
.question
button
:backdrop:checked
,
.warning
button
:backdrop:active
,
.warning
button
:backdrop:checked
,
.error
button
:backdrop:active
,
.error
button
:backdrop:checked
{
background-image
:
linear
-
gradient
(
to
bottom
,
@
headerbar_error_top
,
@
headerbar_error_bottom
);
color
:
@
theme_selected_fg_color
;
border-color
:
@
warning_color
;
}
.info
button
:backdrop:disabled
,
headerbar
.selection-mode
button
:backdrop:disabled
,
.question
button
:backdrop:disabled
,
.warning
button
:backdrop:disabled
,
.error
button
:backdrop:disabled
{
background-color
:
alpha
(
@
warning_color_deep
,
0
);
border-color
:
alpha
(
@
warning_color_deep
,
0
);
color
:
@
headerbar_insensitive_fg_color
;
}
.info
button
:backdrop:disabled:active
,
headerbar
.selection-mode
button
:backdrop:disabled:active
,
.info
button
:backdrop:disabled:checked
,
headerbar
.selection-mode
button
:backdrop:disabled:checked
,
.question
button
:backdrop:disabled:active
,
.question
button
:backdrop:disabled:checked
,
.warning
button
:backdrop:disabled:active
,
.warning
button
:backdrop:disabled:checked
,
.error
button
:backdrop:disabled:active
,
.error
button
:backdrop:disabled:checked
{
background-image
:
linear
-
gradient
(
to
bottom
,
alpha
(
@
warning_color
,
0
.
35
)
,
alpha
(
@
warning_color_deep
,
0
.
35
));
color
:
@
headerbar_insensitive_bg_color
;
border-color
:
alpha
(
@
warning_color_deep
,
0
.
35
);
}
/*********
* Links *
*********/
button
:link
>
label
,
button
:visited
>
label
,
*
:link
,
button
:link
,
button
:visited
{
color
:
@
link_color
;
}
button
:link
>
label
:visited
,
button
:visited
>
label
:visited
,
*
:link:visited
,
button
:visited
{
color
:
@
visited_link_color
;
}
*
:selected
button
:link
>
label
:visited
,
*
:selected
button
:visited
>
label
:visited
,
*
:selected
*
:link:visited
,
*
:selected
button
:visited:link
,
*
:selected
button
:visited
{
color
:
@
link_selected_color
;
}
button
:link
>
label
:hover
,
button
:visited
>
label
:hover
,
*
:link:hover
,
button
:hover:link
,
button
:hover:visited
{
color
:
@
link_hover_color
;
}
*
:selected
button
:link
>
label
:hover
,
*
:selected
button
:visited
>
label
:hover
,
*
:selected
*
:link:hover
,
*
:selected
button
:hover:link
,
*
:selected
button
:hover:visited
{
color
:
@
visited_link_hover_color
;
}
button
:link
>
label
:active
,
button
:visited
>
label
:active
,
*
:link:active
,
button
:active:link
,
button
:active:visited
{
color
:
@
link_color
;
}
*
:selected
button
:link
>
label
:active
,
*
:selected
button
:visited
>
label
:active
,
*
:selected
*
:link:active
,
*
:selected
button
:active:link
,
*
:selected
button
:active:visited
{
color
:
@
visited_link_selected_color
;
}
button
:link
>
label
:backdrop
,
button
:visited
>
label
:backdrop
,
button
:link
>
label
:backdrop:hover
,
button
:visited
>
label
:backdrop:hover
,
button
:link
>
label
:backdrop:hover:selected
,
button
:visited
>
label
:backdrop:hover:selected
,
*
:link:backdrop
,
button
:backdrop:link
,
button
:backdrop:visited
,
*
:link:backdrop:hover
,
button
:backdrop:hover:link
,
button
:backdrop:hover:visited
,
*
:link:backdrop:hover:selected
,
headerbar
.selection-mode
.subtitle
:backdrop:hover:link
,
button
:backdrop:hover:selected:link
,
button
:backdrop:hover:selected:visited
{
color
:
@
theme_unfocused_selected_bg_color
;
}
button
:link
>
label
:selected
,
button
:visited
>
label
:selected
,
*
:selected
button
:link
>
label
,
*
:selected
button
:visited
>
label
,
*
:link:selected
,
headerbar
.selection-mode
.subtitle
:link
,
button
:selected:link
,
button
:selected:visited
,
*
:selected
*
:link
,
*
:selected
button
:link
,
*
:selected
button
:visited
{
color
:
@
visited_link_selected_color
;
}
button
:link
,
button
:visited
{
text-shadow
:
none
;
}
button
:link:hover
,
button
:link:active
,
button
:link:checked
,
button
:visited:hover
,
button
:visited:active
,
button
:visited:checked
{
text-shadow
:
none
;
}
button
:link
>
label
,
button
:visited
>
label
{
text-decoration
-
line
:
underline
;
}
/*********
* Lists *
*********/
list
{
background-color
:
@
theme_bg_color
;
color
:
@
theme_text_color
;
border-width
:
0px
;
}
list
:backdrop
{
background-color
:
@
theme_bg_color
;
color
:
@
theme_text_color
;
}
list
row
{
padding
:
2px
;
}
row
{
transition
:
all
150
ms
cubic
-
bezier
(
0
.
25
,
0
.
46
,
0
.
45
,
0
.
94
);
}
row
:hover
{
transition
:
none
;
}
row
.activatable.has-open-popup
,
row
.activatable
:hover
{
background-color
:
@
theme_unfocused_selected_bg_color
;
}
row
.activatable
:active
{
box
-
shadow
:
none
;
background-color
:
@
theme_selected_bg_color
;
}
row
.activatable
:selected:active
{
box
-
shadow
:
none
;
background-color
:
@
theme_selected_bg_color
;
}
row
.activatable
:selected
.has-open-popup
,
row
.activatable
:selected:hover
{
color
:
@
theme_text_color
;
background-color
:
@
decoration_hover
;
}
row
.activatable
:selected:backdrop
{
background-color
:
@
theme_selected_bg_color
;
}
/*********
* Menus *
*********/
menubar
,
.menubar
{
-
GtkWidget
-
window
-
dragging
:
true
;
padding
:
0px
;
box
-
shadow
:
none
;
border-style
:
none
;
background-color
:
@
theme_bg_color
;
}
menubar
:backdrop
,
.menubar
:backdrop
{
background-color
:
@
theme_bg_color
;
}
menubar
>
menuitem
,
.menubar
>
menuitem
{
min-height
:
16px
;
padding
:
4px
6px
;
border-style
:
solid
;
border-width
:
1px
0px
;
border-color
:
@
theme_bg_color
;
}
menubar
>
menuitem
:hover
,
.menubar
>
menuitem
:hover
{
background-color
:
@
theme_selected_bg_color
;
color
:
@
theme_selected_fg_color
;
}
menubar
>
menuitem
:disabled
,
.menubar
>
menuitem
:disabled
{
color
:
@
insensitive_fg_color
;
box
-
shadow
:
none
;
}
menubar
>
menuitem
:disabled:backdrop
,
.menubar
>
menuitem
:disabled:backdrop
{
background-color
:
@
theme_bg_color
;
color
:
@
insensitive_fg_color
;
}
menubar
>
menuitem
:backdrop
,
.menubar
>
menuitem
:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
@
theme_bg_color
;
color
:
@
theme_text_color
;
}
menu
,
.menu
{
padding
:
0px
;
background-color
:
@
theme_bg_color
;
border
:
0px
solid
transparent
;
box
-
shadow
:
inset
0px
0px
0px
1px
@
borders
;
border
-
radius
:
3px
;
}
.csd
menu
,
.csd
.menu
{
border
:
0px
solid
;
border
-
radius
:
3px
;
}
menu
separator
,
.menu
separator
{
color
:
@
borders
;
margin-top
:
3px
;
margin-bottom
:
3px
;
}
menu
menuitem
,
.menu
menuitem
{
text-shadow
:
none
;
min-height
:
16px
;
min-width
:
40px
;
padding
:
4px
4px
;
}
menu
menuitem
:hover
,
.menu
menuitem
:hover
{
color
:
@
theme_selected_fg_color
;
background-color
:
@
theme_selected_bg_color
;
}
menu
menuitem
:disabled
,
.menu
menuitem
:disabled
{
color
:
@
insensitive_fg_color
;
}
menu
menuitem
:disabled:backdrop
,
.menu
menuitem
:disabled:backdrop
{
color
:
@
insensitive_fg_color
;
}
menu
menuitem
:backdrop
,
menu
menuitem
:backdrop:hover
,
.menu
menuitem
:backdrop
,
.menu
menuitem
:backdrop:hover
{
color
:
@
theme_text_color
;
background-color
:
@
theme_bg_color
;
}
menu
menuitem
arrow
,
.menu
menuitem
arrow
{
min-height
:
16px
;
min-width
:
16px
;
}
menu
menuitem
arrow
:dir
(
ltr
),
.menu
menuitem
arrow
:dir
(
ltr
)
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-end-symbolic"
);
margin-left
:
10px
;
}
menu
menuitem
arrow
:dir
(
rtl
),
.menu
menuitem
arrow
:dir
(
rtl
)
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-start-symbolic"
);
margin-right
:
10px
;
}
menu
>
arrow
,
.menu
>
arrow
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_text_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
min-height
:
16px
;
min-width
:
16px
;
padding
:
4px
;
background-color
:
transparent
;
border
-
radius
:
0
;
}
menu
>
arrow
.top
,
.menu
>
arrow
.top
{
margin-top
:
-6px
;
border
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-up-symbolic"
);
}
menu
>
arrow
.bottom
,
.menu
>
arrow
.bottom
{
margin-bottom
:
-6px
;
border
:
none
;
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-down-symbolic"
);
}
menu
>
arrow
:hover
,
.menu
>
arrow
:hover
{
color
:
@
decoration_hover
;
}
menu
>
arrow
:active
,
.menu
>
arrow
:active
{
color
:
@
theme_selected_bg_color
;
}
menu
>
arrow
:backdrop
,
.menu
>
arrow
:backdrop
{
background-color
:
@
theme_bg_color
;
}
menu
>
arrow
:disabled
,
.menu
>
arrow
:disabled
{
color
:
transparent
;
background-color
:
transparent
;
border-color
:
transparent
;
}
menuitem
accelerator
{
color
:
alpha
(
currentColor
,
0
.
55
);
}
menuitem
check
,
menuitem
radio
{
min-height
:
18px
;
min-width
:
18px
;
}
menuitem
check
:dir
(
ltr
),
menuitem
radio
:dir
(
ltr
)
{
margin-right
:
6px
;
}
menuitem
check
:dir
(
rtl
),
menuitem
radio
:dir
(
rtl
)
{
margin-left
:
6px
;
}
/***************
* Popovers *
***************/
/* menu buttons */
modelbutton
.flat
,
popover
.background
checkbutton
,
popover
.background
radiobutton
,
.menuitem.button.flat
{
min-height
:
16px
;
padding
:
4px
8px
;
color
:
@
theme_text_color
;
}
modelbutton
.flat
:hover
,
popover
.background
checkbutton
:hover
,
popover
.background
radiobutton
:hover
,
.menuitem.button.flat
:hover
{
background-color
:
@
theme_selected_bg_color
;
color
:
@
theme_selected_fg_color
;
}
modelbutton
.flat
:selected
,
popover
.background
checkbutton
:selected
,
popover
.background
radiobutton
:selected
,
.menuitem.button.flat
:selected
{
background-color
:
@
theme_selected_bg_color
;
color
:
@
theme_selected_fg_color
;
}
modelbutton
.flat
:backdrop
,
popover
.background
checkbutton
:backdrop
,
popover
.background
radiobutton
:backdrop
,
modelbutton
.flat
:backdrop:hover
,
popover
.background
checkbutton
:backdrop:hover
,
popover
.background
radiobutton
:backdrop:hover
,
.menuitem.button.flat
:backdrop
,
.menuitem.button.flat
:backdrop:hover
{
color
:
@
theme_text_color
;
}
modelbutton
.flat
check
:hover
,
popover
.background
checkbutton
check
:hover
,
popover
.background
radiobutton
check
:hover
,
.menuitem.button.flat
check
:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-unchecked.png")
,
url("../assets/check-unchecked@2.png")
);
}
modelbutton
.flat
radio
:hover
,
popover
.background
checkbutton
radio
:hover
,
popover
.background
radiobutton
radio
:hover
,
.menuitem.button.flat
radio
:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-unchecked.png")
,
url("../assets/radio-unchecked@2.png")
);
}
modelbutton
.flat
check
:checked:hover
,
popover
.background
checkbutton
check
:checked:hover
,
popover
.background
radiobutton
check
:checked:hover
,
.menuitem.button.flat
check
:checked:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-checked-active.png")
,
url("../assets/check-checked-active@2.png")
);
}
modelbutton
.flat
radio
:checked:hover
,
popover
.background
checkbutton
radio
:checked:hover
,
popover
.background
radiobutton
radio
:checked:hover
,
.menuitem.button.flat
radio
:checked:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-checked-active.png")
,
url("../assets/radio-checked-active@2.png")
);
}
modelbutton
.flat
check
:indeterminate:hover
,
popover
.background
checkbutton
check
:indeterminate:hover
,
popover
.background
radiobutton
check
:indeterminate:hover
,
.menuitem.button.flat
check
:indeterminate:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/check-mixed.png")
,
url("../assets/check-mixed@2.png")
);
}
modelbutton
.flat
radio
:indeterminate:hover
,
popover
.background
checkbutton
radio
:indeterminate:hover
,
popover
.background
radiobutton
radio
:indeterminate:hover
,
.menuitem.button.flat
radio
:indeterminate:hover
{
-
gtk
-
icon
-
source
:
-
gtk
-
scaled
(
url("../assets/radio-mixed.png")
,
url("../assets/radio-mixed@2.png")
);
}
modelbutton
.flat
check
:last-child
,
popover
.background
checkbutton
check
:last-child
,
popover
.background
radiobutton
check
:last-child
,
modelbutton
.flat
radio
:last-child
,
popover
.background
checkbutton
radio
:last-child
,
popover
.background
radiobutton
radio
:last-child
,
.menuitem.button.flat
check
:last-child
,
.menuitem.button.flat
radio
:last-child
{
margin-right
:
0px
;
}
modelbutton
.flat
check
:first-child
,
popover
.background
checkbutton
check
:first-child
,
popover
.background
radiobutton
check
:first-child
,
modelbutton
.flat
radio
:first-child
,
popover
.background
checkbutton
radio
:first-child
,
popover
.background
radiobutton
radio
:first-child
,
.menuitem.button.flat
check
:first-child
,
.menuitem.button.flat
radio
:first-child
{
margin-left
:
0px
;
}
modelbutton
.flat
arrow
,
popover
.background
checkbutton
arrow
,
popover
.background
radiobutton
arrow
{
background
:
none
;
}
modelbutton
.flat
arrow
:hover
,
popover
.background
checkbutton
arrow
:hover
,
popover
.background
radiobutton
arrow
:hover
{
background
:
none
;
}
modelbutton
.flat
arrow
.left
,
popover
.background
checkbutton
arrow
.left
,
popover
.background
radiobutton
arrow
.left
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-start-symbolic"
);
}
modelbutton
.flat
arrow
.right
,
popover
.background
checkbutton
arrow
.right
,
popover
.background
radiobutton
arrow
.right
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-end-symbolic"
);
}
popover
.background
{
margin
:
-10px
;
padding
:
0px
;
border
:
1px
solid
@
borders
;
border
-
radius
:
3px
;
background-color
:
@
theme_bg_color
;
box
-
shadow
:
0
2px
3px
alpha
(
@
shadow_color
,
0
.
9
);
}
popover
.background
:backdrop
{
box
-
shadow
:
none
;
}
popover
.background
>
list
,
popover
.background
>
.view
,
popover
.background
>
toolbar
{
border-style
:
none
;
background-color
:
transparent
;
}
.csd
popover
.background.touch-selection
,
.csd
popover
.background.magnifier
,
popover
.background.touch-selection
,
popover
.background.magnifier
{
border
:
1px
solid
@
borders
;
}
popover
.background
separator
{
margin
:
3px
;
}
popover
.background
list
separator
{
margin
:
0px
;
}
GtkVolumeButton
.button
{
padding
:
5px
;
}
/********
* Misc *
********/
/****************
* Print dialog *
*****************/
printdialog
paper
{
color
:
@
theme_fg_color
;
border
:
1px
solid
@
borders
;
background
:
white
;
padding
:
0
;
}
printdialog
paper
:backdrop
{
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
background
:
white
;
}
printdialog
.dialog-action-box
{
margin
:
12px
;
}
/**********
* Frames *
**********/
frame
>
border
,
.frame
{
box
-
shadow
:
none
;
margin
:
0
;
padding
:
0
;
border
-
radius
:
0
;
border
:
1px
solid
@
borders
;
}
frame
>
border
.flat
,
.frame.flat
{
border-style
:
none
;
}
frame
>
border
:backdrop
,
.frame
:backdrop
{
border-color
:
@
borders
;
}
actionbar
>
revealer
>
box
{
padding
:
6px
;
border-top
:
1px
solid
@
borders
;
}
actionbar
>
revealer
>
box
:backdrop
{
border-color
:
@
borders
;
}
scrolledwindow
viewport
.frame
{
border-style
:
none
;
}
scrolledwindow
junction
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
none
;
}
separator
{
background
:
@
borders
;
min-width
:
1px
;
min-height
:
1px
;
}
/*************
* Expanders *
*************/
expander
arrow
{
min-width
:
16px
;
min-height
:
16px
;
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-end-symbolic"
);
}
expander
arrow
:dir
(
rtl
)
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-start-symbolic"
);
}
expander
arrow
:hover
{
color
:
@
expander_hover
;
}
expander
arrow
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-down-symbolic"
);
}
/*********
* Paned *
*********/
paned
>
separator
{
min-width
:
1px
;
min-height
:
1px
;
-
gtk
-
icon
-
source
:
none
;
border-style
:
none
;
background-color
:
transparent
;
background-image
:
image
(
@
borders
);
background
-
size
:
1px
1px
;
}
paned
>
separator
:backdrop
{
background-image
:
image
(
@
borders
);
}
paned
>
separator
.wide
{
min-width
:
5px
;
min-height
:
5px
;
background-color
:
@
theme_bg_color
;
background-image
:
image
(
@
borders
)
,
image
(
@
borders
);
background
-
size
:
1px
1px
,
1px
1px
;
}
paned
>
separator
.wide
:backdrop
{
background-color
:
@
theme_bg_color
;
background-image
:
image
(
@
borders
)
,
image
(
@
borders
);
}
paned
.horizontal
>
separator
{
background-repeat
:
repeat-y
;
}
paned
.horizontal
>
separator
:dir
(
ltr
)
{
margin
:
0
-8px
0
0
;
padding
:
0
8px
0
0
;
background-position
:
left
;
}
paned
.horizontal
>
separator
:dir
(
rtl
)
{
margin
:
0
0
0
-8px
;
padding
:
0
0
0
8px
;
background-position
:
right
;
}
paned
.horizontal
>
separator
.wide
{
margin
:
0
;
padding
:
0
;
background-repeat
:
repeat-y
,
repeat-y
;
background-position
:
left
,
right
;
}
paned
.vertical
>
separator
{
margin
:
0
0
-8px
0
;
padding
:
0
0
8px
0
;
background-repeat
:
repeat-x
;
background-position
:
top
;
}
paned
.vertical
>
separator
.wide
{
margin
:
0
;
padding
:
0
;
background-repeat
:
repeat-x
,
repeat-x
;
background-position
:
bottom
,
top
;
}
/*********************
* Spinner Animation *
*********************/
@keyframes
spin
{
to
{
-
gtk
-
icon
-
transform
:
rotate
(
1
turn
);
}
}
spinner
{
background-image
:
none
;
opacity
:
0
;
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"process-working-symbolic"
);
}
spinner
:checked
{
opacity
:
1
;
animation
:
spin
1s
linear
infinite
;
}
spinner
:checked:disabled
{
opacity
:
0
.
5
;
}
/*****************
* Notebooks and *
* Tabs *
*****************/
/*************
* Notebooks *
*************/
notebook
.frame
{
border
:
none
;
padding
:
0px
;
box
-
shadow
:
inset
0px
0px
0px
1px
@
borders
;
}
notebook
>
header
{
padding
:
0px
;
border
:
none
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.top
{
box
-
shadow
:
inset
0
-1px
@
borders
;
}
notebook
>
header
.top
:backdrop
{
box
-
shadow
:
inset
0
-1px
@
borders
;
}
notebook
>
header
.bottom
{
box
-
shadow
:
inset
0
1px
@
borders
;
}
notebook
>
header
.bottom
:backdrop
{
box
-
shadow
:
inset
0
1px
@
borders
;
}
notebook
>
header
.right
{
box
-
shadow
:
inset
1px
0
@
borders
;
}
notebook
>
header
.right
:backdrop
{
box
-
shadow
:
inset
1px
0
@
borders
;
}
notebook
>
header
.left
{
box
-
shadow
:
inset
-1px
0
@
borders
;
}
notebook
>
header
.left
:backdrop
{
box
-
shadow
:
inset
-1px
0
@
borders
;
}
notebook
>
header
:backdrop
{
background-color
:
@
theme_bg_color
;
}
notebook
>
header
tabs
{
margin
:
0px
;
}
notebook
>
header
.top
>
tabs
>
tab
{
padding
:
4px
6px
;
border
:
1px
solid
alpha
(
@
dark_overlay_color
,
0
.
2
);
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
2
);
border
-
radius
:
3px
3px
0px
0px
;
border-bottom-color
:
transparent
;
}
notebook
>
header
.top
>
tabs
>
tab
:hover
,
notebook
>
header
.top
>
tabs
>
tab
.prelight-page
{
background-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
border-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
}
notebook
>
header
.top
>
tabs
>
tab
:checked
{
border-color
:
@
borders
;
border-bottom-color
:
@
theme_bg_color
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.top
>
tabs
>
tab
:checked:backdrop
{
border-color
:
@
borders
;
border-bottom-color
:
@
theme_bg_color
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.bottom
>
tabs
>
tab
{
padding
:
4px
6px
;
border
:
1px
solid
alpha
(
@
dark_overlay_color
,
0
.
2
);
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
2
);
border
-
radius
:
0px
0px
3px
3px
;
border-top-color
:
transparent
;
}
notebook
>
header
.bottom
>
tabs
>
tab
:hover
,
notebook
>
header
.bottom
>
tabs
>
tab
.prelight-page
{
background-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
border-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
}
notebook
>
header
.bottom
>
tabs
>
tab
:checked
{
border-color
:
@
borders
;
border-top-color
:
@
theme_bg_color
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.bottom
>
tabs
>
tab
:checked:backdrop
{
border-color
:
@
borders
;
border-top-color
:
@
theme_bg_color
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.left
>
tabs
>
tab
{
padding
:
4px
6px
;
border
:
1px
solid
alpha
(
@
dark_overlay_color
,
0
.
2
);
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
2
);
border
-
radius
:
3px
0px
0px
3px
;
border-right-color
:
transparent
;
}
notebook
>
header
.left
>
tabs
>
tab
:hover
,
notebook
>
header
.left
>
tabs
>
tab
.prelight-page
{
background-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
border-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
}
notebook
>
header
.left
>
tabs
>
tab
:checked
{
border-color
:
@
borders
;
border-right-color
:
@
theme_bg_color
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.left
>
tabs
>
tab
:checked:backdrop
{
border-color
:
@
borders
;
border-right-color
:
@
theme_bg_color
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.right
>
tabs
>
tab
{
padding
:
4px
6px
;
border
:
1px
solid
alpha
(
@
dark_overlay_color
,
0
.
2
);
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
2
);
border
-
radius
:
0px
3px
3px
0px
;
border-left-color
:
transparent
;
}
notebook
>
header
.right
>
tabs
>
tab
:hover
,
notebook
>
header
.right
>
tabs
>
tab
.prelight-page
{
background-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
border-color
:
alpha
(
@
theme_selected_bg_color
,
0
.
2
);
}
notebook
>
header
.right
>
tabs
>
tab
:checked
{
border-color
:
@
borders
;
border-left-color
:
@
theme_bg_color
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.right
>
tabs
>
tab
:checked:backdrop
{
border-color
:
@
borders
;
border-left-color
:
@
theme_bg_color
;
background-color
:
@
theme_bg_color
;
}
notebook
>
header
.top
>
tabs
>
tab
.reorderable-page
{
border-width
:
3px
;
border-style
:
solid
;
border-color
:
transparent
;
background-color
:
@
theme_bg_color
;
background
-
clip
:
padding
-
box
;
border-right-width
:
1px
;
border-right-color
:
@
borders
;
box
-
shadow
:
inset
-3px
0px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.top
>
tabs
>
tab
.reorderable-page
:hover
,
notebook
>
header
.top
>
tabs
>
tab
.reorderable-page.prelight-page
{
box
-
shadow
:
inset
0px
-3px
0px
0px
alpha
(
@
theme_selected_bg_color
,
0
.
2
)
,
inset
-3px
0px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.top
>
tabs
>
tab
.reorderable-page
:checked
{
box
-
shadow
:
inset
0px
-3px
0px
0px
@
theme_selected_bg_color
,
inset
-3px
0px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.top
>
tabs
>
tab
.reorderable-page
:checked:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
transparent
;
border-right-color
:
@
borders
;
box
-
shadow
:
none
;
}
notebook
>
header
.top
>
tabs
>
tab
.reorderable-page
:backdrop
{
background-color
:
@
theme_bg_color
;
border-right-color
:
@
borders
;
box
-
shadow
:
none
;
}
notebook
>
header
.bottom
>
tabs
>
tab
.reorderable-page
{
border-width
:
3px
;
border-style
:
solid
;
border-color
:
transparent
;
background-color
:
@
theme_bg_color
;
background
-
clip
:
padding
-
box
;
border-right-width
:
1px
;
border-right-color
:
@
borders
;
box
-
shadow
:
inset
-3px
0px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.bottom
>
tabs
>
tab
.reorderable-page
:hover
,
notebook
>
header
.bottom
>
tabs
>
tab
.reorderable-page.prelight-page
{
box
-
shadow
:
inset
0px
-3px
0px
0px
alpha
(
@
theme_selected_bg_color
,
0
.
2
)
,
inset
-3px
0px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.bottom
>
tabs
>
tab
.reorderable-page
:checked
{
box
-
shadow
:
inset
0px
-3px
0px
0px
@
theme_selected_bg_color
,
inset
-3px
0px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.bottom
>
tabs
>
tab
.reorderable-page
:checked:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
transparent
;
border-right-color
:
@
borders
;
box
-
shadow
:
none
;
}
notebook
>
header
.bottom
>
tabs
>
tab
.reorderable-page
:backdrop
{
background-color
:
@
theme_bg_color
;
border-right-color
:
@
borders
;
box
-
shadow
:
none
;
}
notebook
>
header
.left
>
tabs
>
tab
.reorderable-page
{
border-width
:
3px
;
border-style
:
solid
;
border-color
:
transparent
;
background-color
:
@
theme_bg_color
;
background
-
clip
:
padding
-
box
;
border-bottom-width
:
1px
;
border-bottom-color
:
@
borders
;
box
-
shadow
:
inset
0px
-3px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.left
>
tabs
>
tab
.reorderable-page
:hover
,
notebook
>
header
.left
>
tabs
>
tab
.reorderable-page.prelight-page
{
box
-
shadow
:
inset
0px
-3px
0px
0px
alpha
(
@
theme_selected_bg_color
,
0
.
2
)
,
inset
0px
-3px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.left
>
tabs
>
tab
.reorderable-page
:checked
{
box
-
shadow
:
inset
0px
-3px
0px
0px
@
theme_selected_bg_color
,
inset
0px
-3px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.left
>
tabs
>
tab
.reorderable-page
:checked:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
transparent
;
border-bottom-color
:
@
borders
;
box
-
shadow
:
none
;
}
notebook
>
header
.left
>
tabs
>
tab
.reorderable-page
:backdrop
{
background-color
:
@
theme_bg_color
;
border-bottom-color
:
@
borders
;
box
-
shadow
:
none
;
}
notebook
>
header
.right
>
tabs
>
tab
.reorderable-page
{
border-width
:
3px
;
border-style
:
solid
;
border-color
:
transparent
;
background-color
:
@
theme_bg_color
;
background
-
clip
:
padding
-
box
;
border-bottom-width
:
1px
;
border-bottom-color
:
@
borders
;
box
-
shadow
:
inset
0px
-3px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.right
>
tabs
>
tab
.reorderable-page
:hover
,
notebook
>
header
.right
>
tabs
>
tab
.reorderable-page.prelight-page
{
box
-
shadow
:
inset
0px
-3px
0px
0px
alpha
(
@
theme_selected_bg_color
,
0
.
2
)
,
inset
0px
-3px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.right
>
tabs
>
tab
.reorderable-page
:checked
{
box
-
shadow
:
inset
0px
-3px
0px
0px
@
theme_selected_bg_color
,
inset
0px
-3px
0px
0px
@
theme_bg_color
;
}
notebook
>
header
.right
>
tabs
>
tab
.reorderable-page
:checked:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
transparent
;
border-bottom-color
:
@
borders
;
box
-
shadow
:
none
;
}
notebook
>
header
.right
>
tabs
>
tab
.reorderable-page
:backdrop
{
background-color
:
@
theme_bg_color
;
border-bottom-color
:
@
borders
;
box
-
shadow
:
none
;
}
notebook
>
header
.top
>
tabs
>
arrow
{
border-top-style
:
none
;
}
notebook
>
header
.bottom
>
tabs
>
arrow
{
border-bottom-style
:
none
;
}
notebook
>
header
.top
>
tabs
>
arrow
,
notebook
>
header
.bottom
>
tabs
>
arrow
{
margin-left
:
-5px
;
margin-right
:
-5px
;
padding-left
:
4px
;
padding-right
:
4px
;
}
notebook
>
header
.top
>
tabs
>
arrow
.down
,
notebook
>
header
.bottom
>
tabs
>
arrow
.down
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-start-symbolic"
);
}
notebook
>
header
.top
>
tabs
>
arrow
.up
,
notebook
>
header
.bottom
>
tabs
>
arrow
.up
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-end-symbolic"
);
}
notebook
>
header
.left
>
tabs
>
arrow
{
border-left-style
:
none
;
}
notebook
>
header
.right
>
tabs
>
arrow
{
border-right-style
:
none
;
}
notebook
>
header
.left
>
tabs
>
arrow
,
notebook
>
header
.right
>
tabs
>
arrow
{
margin-top
:
-5px
;
margin-bottom
:
-5px
;
padding-top
:
4px
;
padding-bottom
:
4px
;
}
notebook
>
header
.left
>
tabs
>
arrow
.down
,
notebook
>
header
.right
>
tabs
>
arrow
.down
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-up-symbolic"
);
}
notebook
>
header
.left
>
tabs
>
arrow
.up
,
notebook
>
header
.right
>
tabs
>
arrow
.up
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-down-symbolic"
);
}
notebook
>
header
>
tabs
>
arrow
{
min-height
:
16px
;
min-width
:
16px
;
border
-
radius
:
0
;
}
notebook
>
header
>
tabs
>
arrow
:hover:not
(
:active
)
:not
(
:backdrop
)
{
background
-
clip
:
padding
-
box
;
background-image
:
none
;
background-color
:
alpha
(
@
glow_color
,
0
.
3
);
border-color
:
transparent
;
box
-
shadow
:
none
;
}
notebook
>
header
>
tabs
>
arrow
:disabled
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
}
notebook
>
header
button
.flat
{
padding
:
0
;
margin
:
4px
;
min-width
:
12px
;
min-height
:
12px
;
border
:
0px
solid
;
border
-
radius
:
50%
;
color
:
@
theme_selected_fg_color
;
background-color
:
@
borders
;
background-image
:
none
;
}
notebook
>
header
button
.flat
:hover
{
background-color
:
@
error_color
;
}
notebook
>
header
button
.flat
:active
{
background-color
:
@
error_color
;
}
notebook
>
header
button
.flat
:backdrop
{
background-color
:
@
borders
;
color
:
@
theme_selected_fg_color
;
}
notebook
>
stack
:not
(
:only-child
)
{
background-color
:
transparent
;
border-style
:
solid
;
border-color
:
@
borders
;
border-width
:
0px
;
}
scrolledwindow
overshoot
.top
{
background-image
:
-
gtk
-
gradient
(
radial
,
center
top
,
0
,
center
top
,
0
.
5
,
to
(
@
overshoot_color
)
,
to
(
alpha
(
@
overshoot_color
,
0
)))
,
-
gtk
-
gradient
(
radial
,
center
top
,
0
,
center
top
,
0
.
6
,
from
(
alpha
(
@
dark_overlay_color
,
0
.
07
))
,
to
(
alpha
(
@
dark_overlay_color
,
0
)));
background
-
size
:
100%
5%
,
100%
100%
;
background-repeat
:
no-repeat
;
background-position
:
center
top
;
background-color
:
transparent
;
border
:
none
;
box
-
shadow
:
none
;
}
scrolledwindow
overshoot
.top
:backdrop
{
background-image
:
-
gtk
-
gradient
(
radial
,
center
top
,
0
,
center
top
,
0
.
5
,
to
(
@
borders
)
,
to
(
alpha
(
@
borders
,
0
)));
background
-
size
:
100%
5%
;
background-repeat
:
no-repeat
;
background-position
:
center
top
;
background-color
:
transparent
;
border
:
none
;
box
-
shadow
:
none
;
}
scrolledwindow
overshoot
.bottom
{
background-image
:
-
gtk
-
gradient
(
radial
,
center
bottom
,
0
,
center
bottom
,
0
.
5
,
to
(
@
overshoot_color
)
,
to
(
alpha
(
@
overshoot_color
,
0
)))
,
-
gtk
-
gradient
(
radial
,
center
bottom
,
0
,
center
bottom
,
0
.
6
,
from
(
alpha
(
@
dark_overlay_color
,
0
.
07
))
,
to
(
alpha
(
@
dark_overlay_color
,
0
)));
background
-
size
:
100%
5%
,
100%
100%
;
background-repeat
:
no-repeat
;
background-position
:
center
bottom
;
background-color
:
transparent
;
border
:
none
;
box
-
shadow
:
none
;
}
scrolledwindow
overshoot
.bottom
:backdrop
{
background-image
:
-
gtk
-
gradient
(
radial
,
center
bottom
,
0
,
center
bottom
,
0
.
5
,
to
(
@
borders
)
,
to
(
alpha
(
@
borders
,
0
)));
background
-
size
:
100%
5%
;
background-repeat
:
no-repeat
;
background-position
:
center
bottom
;
background-color
:
transparent
;
border
:
none
;
box
-
shadow
:
none
;
}
scrolledwindow
overshoot
.left
{
background-image
:
-
gtk
-
gradient
(
radial
,
left
center
,
0
,
left
center
,
0
.
5
,
to
(
@
overshoot_color
)
,
to
(
alpha
(
@
overshoot_color
,
0
)))
,
-
gtk
-
gradient
(
radial
,
left
center
,
0
,
left
center
,
0
.
6
,
from
(
alpha
(
@
dark_overlay_color
,
0
.
07
))
,
to
(
alpha
(
@
dark_overlay_color
,
0
)));
background
-
size
:
5%
100%
,
100%
100%
;
background-repeat
:
no-repeat
;
background-position
:
left
center
;
background-color
:
transparent
;
border
:
none
;
box
-
shadow
:
none
;
}
scrolledwindow
overshoot
.left
:backdrop
{
background-image
:
-
gtk
-
gradient
(
radial
,
left
center
,
0
,
left
center
,
0
.
5
,
to
(
@
borders
)
,
to
(
alpha
(
@
borders
,
0
)));
background
-
size
:
5%
100%
;
background-repeat
:
no-repeat
;
background-position
:
left
center
;
background-color
:
transparent
;
border
:
none
;
box
-
shadow
:
none
;
}
scrolledwindow
overshoot
.right
{
background-image
:
-
gtk
-
gradient
(
radial
,
right
center
,
0
,
right
center
,
0
.
5
,
to
(
@
overshoot_color
)
,
to
(
alpha
(
@
overshoot_color
,
0
)))
,
-
gtk
-
gradient
(
radial
,
right
center
,
0
,
right
center
,
0
.
6
,
from
(
alpha
(
@
dark_overlay_color
,
0
.
07
))
,
to
(
alpha
(
@
dark_overlay_color
,
0
)));
background
-
size
:
5%
100%
,
100%
100%
;
background-repeat
:
no-repeat
;
background-position
:
right
center
;
background-color
:
transparent
;
border
:
none
;
box
-
shadow
:
none
;
}
scrolledwindow
overshoot
.right
:backdrop
{
background-image
:
-
gtk
-
gradient
(
radial
,
right
center
,
0
,
right
center
,
0
.
5
,
to
(
@
borders
)
,
to
(
alpha
(
@
borders
,
0
)));
background
-
size
:
5%
100%
;
background-repeat
:
no-repeat
;
background-position
:
right
center
;
background-color
:
transparent
;
border
:
none
;
box
-
shadow
:
none
;
}
scrolledwindow
undershoot
{
background-image
:
none
;
border
:
none
;
}
/************
* Pathbars *
************/
.path-bar
{
background-color
:
@
theme_bg_color
;
border-bottom
:
1px
solid
@
borders
;
}
.path-bar
button
{
border-color
:
alpha
(
@
glow_color
,
0
);
background-color
:
transparent
;
background-image
:
none
;
box
-
shadow
:
none
;
color
:
@
theme_fg_color
;
text-shadow
:
none
;
-
gtk
-
icon
-
shadow
:
none
;
padding
:
4px
8px
;
color
:
@
theme_fg_color
;
}
.path-bar
button
:hover
{
border-color
:
@
decoration_hover
;
}
.path-bar
button
:active
,
.path-bar
button
:checked
{
background-color
:
@
borders
;
font-weight
:
normal
;
}
.path-bar
button
.text-button
,
.path-bar
button
.image-button
,
.path-bar
button
{
padding-left
:
4px
;
padding-right
:
4px
;
}
.path-bar
button
.text-button.image-button
label
{
padding-left
:
0
;
padding-right
:
0
;
}
.path-bar
button
.text-button.image-button
label
:last-child
,
.path-bar
button
label
:last-child
{
padding-right
:
8px
;
}
.path-bar
button
.text-button.image-button
label
:first-child
,
.path-bar
button
label
:first-child
{
padding-left
:
8px
;
}
.path-bar
button
image
{
padding-left
:
4px
;
padding-right
:
4px
;
}
.path-bar
button
.slider-button
{
padding-left
:
0
;
padding-right
:
0
;
}
/*****************
* Progress bars *
*****************/
progressbar
{
font-size
:
smaller
;
color
:
alpha
(
@
dark_overlay_color
,
0
.
3
);
}
progressbar
.horizontal
trough
,
progressbar
.horizontal
progress
{
min-height
:
6px
;
}
progressbar
.vertical
trough
,
progressbar
.vertical
progress
{
min-width
:
6px
;
}
progressbar
trough
{
border
:
0px
solid
transparent
;
border
-
radius
:
3px
;
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
3
);
}
progressbar
:backdrop
trough
{
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
3
);
}
progressbar
progress
{
background-color
:
@
theme_selected_bg_color
;
border
:
0px
solid
transparent
;
border
-
radius
:
3px
;
box
-
shadow
:
none
;
}
progressbar
:backdrop
progress
{
background-color
:
@
theme_selected_bg_color
;
}
progressbar
.osd
{
background-color
:
transparent
;
}
treeview
.view.progressbar
{
border
:
0px
solid
transparent
;
border
-
radius
:
3px
;
background-color
:
@
theme_selected_bg_color
;
color
:
@
theme_selected_fg_color
;
background-image
:
none
;
}
treeview
.view.progressbar
:selected:focus
,
treeview
.view.progressbar
:selected
{
background-color
:
alpha
(
@
theme_bg_color
,
0
.
25
);
}
treeview
.view.trough
{
background-color
:
@
trough_color
;
}
treeview
.view.trough
:selected:focus
,
treeview
.view.trough
:selected
{
background-color
:
alpha
(
@
theme_bg_color
,
0
.
3
);
}
/*************
* Level Bar *
*************/
levelbar
block
{
min-width
:
32px
;
min-height
:
6px
;
}
levelbar
.vertical
block
{
min-width
:
6px
;
min-height
:
32px
;
}
levelbar
trough
{
border
:
1px
solid
;
padding
:
2px
;
border
-
radius
:
3px
;
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
background-color
:
@
theme_base_color
;
box
-
shadow
:
none
;
}
levelbar
trough
:backdrop
{
color
:
@
theme_fg_color
;
border-color
:
@
borders
;
background-color
:
@
theme_base_color
;
}
levelbar
.horizontal.discrete
block
{
margin
:
0
1px
;
}
levelbar
.vertical.discrete
block
{
margin
:
1px
0
;
}
levelbar
block
:not
(
.empty
)
{
border
:
1px
solid
@
theme_selected_bg_color
;
background-color
:
@
theme_selected_bg_color
;
box
-
shadow
:
none
;
border
-
radius
:
1px
;
}
levelbar
block
:not
(
.empty
)
:backdrop
{
border-color
:
@
theme_selected_bg_color
;
background-color
:
@
theme_selected_bg_color
;
}
levelbar
block
.low
{
border-color
:
@
warning_color
;
background-color
:
@
warning_color
;
}
levelbar
block
.low
:backdrop
{
background-color
:
@
warning_color
;
border-color
:
@
warning_color
;
}
levelbar
block
.high
{
border-color
:
@
success_color
;
background-color
:
@
success_color
;
}
levelbar
block
.high
:backdrop
{
background-color
:
@
success_color
;
border-color
:
@
success_color
;
}
levelbar
block
.full
{
border-color
:
@
success_color
;
background-color
:
@
success_color
;
}
levelbar
block
.full
:backdrop
{
background-color
:
@
success_color
;
border-color
:
@
success_color
;
}
levelbar
block
.empty
{
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
3
);
border-color
:
transparent
;
box
-
shadow
:
none
;
}
levelbar
block
.empty
:backdrop
{
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
3
);
}
/************
* GtkScale *
************/
scale
.fine-tune.trough
{
margin
:
8px
;
border
-
radius
:
3px
;
}
scale
slider
{
min-width
:
18px
;
min-height
:
18px
;
background-color
:
@
theme_bg_color
;
border
:
1px
solid
@
borders
;
border
-
radius
:
50%
;
box
-
shadow
:
none
;
margin
:
-9px
;
}
scale
slider
:hover
{
border-style
:
solid
;
border-width
:
2px
;
border-color
:
@
decoration_hover
;
border
-
radius
:
50%
;
}
scale
slider
:hover:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
@
decoration_hover
;
}
scale
slider
:disabled
{
border-style
:
solid
;
border
-
radius
:
50%
;
background-color
:
@
theme_bg_color
;
border-color
:
@
insensitive_borders
;
}
scale
slider
:disabled:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
@
insensitive_borders
;
}
scale
slider
:active
{
border
:
2px
solid
@
theme_selected_bg_color
;
}
scale
slider
:active:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
@
theme_selected_bg_color
;
}
scale
slider
:backdrop
{
background-color
:
@
theme_bg_color
;
border-color
:
@
borders
;
}
scale
trough
{
min-width
:
6px
;
min-height
:
6px
;
margin
:
9px
;
border
:
0px
solid
;
border
-
radius
:
3px
;
background-color
:
@
trough_color
;
box
-
shadow
:
none
;
}
scale
trough
:disabled
,
scale
trough
.vertical
:disabled
{
border-color
:
@
trough_scale_color
;
background-color
:
@
trough_scale_color
;
box
-
shadow
:
none
;
}
scale
trough
:disabled:backdrop
,
scale
trough
.vertical
:disabled:backdrop
{
background-color
:
@
trough_scale_color
;
border-color
:
@
trough_scale_color
;
}
scale
trough
:backdrop
{
background-color
:
@
trough_color
;
border-color
:
@
trough_color
;
}
scale
highlight
{
border
:
0px
solid
;
border
-
radius
:
3px
;
background-color
:
@
theme_selected_bg_color
;
border-color
:
@
theme_selected_bg_color
;
}
scale
highlight
.vertical
{
background-color
:
@
theme_selected_bg_color
;
border-color
:
@
theme_selected_bg_color
;
}
scale
highlight
:disabled
{
background-color
:
@
disabled_highlight
;
}
scale
highlight
:backdrop
{
background-color
:
@
theme_unfocused_selected_bg_color
;
border-color
:
@
theme_unfocused_selected_bg_color
;
}
scale
highlight
:backdrop:disabled
{
background-color
:
@
disabled_highlight
;
}
/**************
* Scrollbars *
**************/
scrollbar
{
-
GtkScrollbar
-
has
-
backward
-
stepper
:
false
;
-
GtkScrollbar
-
has
-
forward
-
stepper
:
false
;
background-color
:
@
theme_bg_color
;
border-width
:
0px
0px
;
border-color
:
@
theme_bg_color
;
margin
:
0px
;
}
scrollbar
button
{
min-width
:
14px
;
min-height
:
14px
;
margin
:
0px
;
padding
:
0px
0px
;
border
:
none
;
border
-
radius
:
0px
;
background-image
:
none
;
background-color
:
transparent
;
color
:
transparent
;
box
-
shadow
:
none
;
}
scrollbar
button
:hover
{
border
:
none
;
background-image
:
none
;
background-color
:
@
theme_bg_color
;
color
:
transparent
;
}
scrollbar
button
:active
,
scrollbar
button
:active:hover
{
border
:
none
;
background-image
:
none
;
background-color
:
@
theme_bg_color
;
color
:
transparent
;
}
scrollbar
button
:disabled
{
border
:
none
;
background-color
:
@
theme_bg_color
;
background-image
:
none
;
color
:
transparent
;
}
scrollbar
button
:backdrop
{
color
:
@
theme_fg_color
;
}
scrollbar
button
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
}
scrollbar
.dragging
,
scrollbar
.hovering
{
opacity
:
0
.
9910
;
}
scrollbar
.overlay-indicator
:not
(
.dragging
)
:not
(
.hovering
)
{
opacity
:
0
.
999
;
}
scrollbar
.overlay-indicator
:not
(
.dragging
)
:not
(
.hovering
)
{
-
GtkScrollbar
-
has
-
backward
-
stepper
:
false
;
-
GtkScrollbar
-
has
-
forward
-
stepper
:
false
;
background
:
none
;
}
scrollbar
.overlay-indicator
:not
(
.dragging
)
:not
(
.hovering
)
slider
{
min-width
:
6px
;
border
-
radius
:
8px
;
background-color
:
alpha
(
@
scrollbar_overlay_color
,
0
.
8
);
}
scrollbar
.overlay-indicator
:not
(
.dragging
)
:not
(
.hovering
)
slider
:backdrop
{
background-color
:
@
scrollbar_overlay_color
;
}
scrollbar
.overlay-indicator
:not
(
.dragging
)
:not
(
.hovering
)
.horizontal
slider
{
min-height
:
4px
;
}
scrollbar
:hover
trough
{
background
:
linear
-
gradient
(
transparent
0
,
transparent
5px
,@
trough_color
5px
,@
trough_color
calc
(
100%-5px
)
,
transparent
calc
(
100%-5px
)
,
transparent
100%
);
}
scrollbar
trough
{
transition
-
duration
:
0.1s
;
min-width
:
6px
;
min-height
:
14px
;
border
:
0px
solid
@
theme_bg_color
;
border
-
radius
:
8px
;
background-color
:
@
theme_bg_color
;
background
-
clip
:
padding
-
box
;
box
-
shadow
:
inset
0px
0px
0px
5px
@
theme_bg_color
;}
scrollbar
slider
{
transition
-
duration
:
0.1s
;
min-width
:
6px
;
min-height
:
30px
;
border
:
5px
solid
transparent
;
border
-
radius
:
8px
;
background
-
clip
:
padding
-
box
;
background-color
:
@
theme_selected_bg_color
;
}
scrollbar
slider
:hover
{
background-color
:
@
decoration_hover
;
}
scrollbar
:backdrop
slider
:backdrop
{
background-color
:
@
scrollbar_backdrop_color
;
}
scrollbar
slider
:backdrop:disabled
{
background-color
:
@
scrollbar_backdrop_color
;
}
scrollbar
.horizontal
slider
{
min-width
:
30px
;
min-height
:
6px
;
}
/***********
* Sidebar *
***********/
.sidebar
{
border
:
none
;
background-color
:
@
theme_bg_color
;
}
.sidebar
:backdrop
{
background-color
:
@
theme_bg_color
;
}
placessidebar
>
viewport
.frame
{
border-style
:
none
;
}
placessidebar
row
{
min-height
:
36px
;
padding
:
0px
;
}
placessidebar
row
>
revealer
{
padding
:
0
14px
;
}
placessidebar
row
:selected
{
color
:
@
theme_selected_fg_color
;
}
placessidebar
row
:disabled
{
color
:
@
insensitive_fg_color
;
}
placessidebar
row
:backdrop
{
color
:
@
theme_fg_color
;
}
placessidebar
row
:backdrop:selected
{
color
:
@
theme_selected_bg_color
;
}
placessidebar
row
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
}
placessidebar
row
image
.sidebar-icon
:dir
(
ltr
)
{
padding-right
:
8px
;
}
placessidebar
row
image
.sidebar-icon
:dir
(
rtl
)
{
padding-left
:
8px
;
}
placessidebar
row
label
.sidebar-label
:dir
(
ltr
)
{
padding-right
:
2px
;
}
placessidebar
row
label
.sidebar-label
:dir
(
rtl
)
{
padding-left
:
2px
;
}
button
.sidebar-button
{
min-height
:
26px
;
min-width
:
26px
;
margin-top
:
3px
;
margin-bottom
:
3px
;
padding
:
0
;
}
placessidebar
row
:selected:active
{
box
-
shadow
:
none
;
}
placessidebar
row
.sidebar-placeholder-row
{
padding
:
0
8px
;
min-height
:
2px
;
background-image
:
none
;
background
-
clip
:
content
-
box
;
}
placessidebar
row
.sidebar-new-bookmark-row
{
color
:
@
theme_selected_bg_color
;
}
placesview
.server-list-button
>
image
{
transition
:
200
ms
cubic
-
bezier
(
0
.
25
,
0
.
46
,
0
.
45
,
0
.
94
);
-
gtk
-
icon
-
transform
:
rotate
(
0
turn
);
}
placesview
.server-list-button
:checked
>
image
{
transition
:
200
ms
cubic
-
bezier
(
0
.
25
,
0
.
46
,
0
.
45
,
0
.
94
);
-
gtk
-
icon
-
transform
:
rotate
(
-0
.
5
turn
);
}
placesview
row
.activatable
:hover
{
background-color
:
transparent
;
}
placesview
>
actionbar
>
revealer
>
box
>
label
{
padding-left
:
8px
;
padding-right
:
8px
;
}
stacksidebar
.sidebar
row
{
padding
:
10px
4px
;
}
stacksidebar
.sidebar
row
>
label
{
padding-left
:
6px
;
padding-right
:
6px
;
}
stacksidebar
.sidebar
row
.needs-attention
>
.label
{
background
-
size
:
6px
6px
,
0
0
;
}
/*****************
* GtkSpinButton *
*****************/
spinbutton
:not
(
.vertical
)
{
padding
:
0
;
}
spinbutton
:not
(
.vertical
)
entry
{
min-width
:
28px
;
margin
:
0
;
background
:
none
;
background-color
:
transparent
;
border
:
none
;
border
-
radius
:
0
;
box
-
shadow
:
none
;
}
spinbutton
:not
(
.vertical
)
entry
:backdrop:disabled
{
background-color
:
transparent
;
}
spinbutton
:not
(
.vertical
)
button
{
min-height
:
16px
;
margin
:
0
;
padding-bottom
:
0
;
padding-top
:
0
;
color
:
@
theme_text_color
;
background-image
:
none
;
background-color
:
transparent
;
border-style
:
none
;
box
-
shadow
:
none
;
}
spinbutton
:not
(
.vertical
)
button
:hover
{
color
:
@
decoration_hover
;
}
spinbutton
:not
(
.vertical
)
button
:disabled
{
color
:
@
insensitive_fg_color
;
}
spinbutton
:not
(
.vertical
)
button
:active
{
color
:
@
theme_selected_bg_color
;
box
-
shadow
:
none
;
}
spinbutton
:not
(
.vertical
)
button
:backdrop
{
color
:
@
theme_text_color
;
background-color
:
transparent
;
}
spinbutton
:not
(
.vertical
)
button
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
background-color
:
transparent
;
border-style
:
none
;
}
spinbutton
:not
(
.vertical
)
button
:dir
(
ltr
)
:last-child
{
border
-
radius
:
0
3px
3px
0
;
}
spinbutton
:not
(
.vertical
)
button
:dir
(
rtl
)
:first-child
{
border
-
radius
:
3px
0
0
3px
;
}
spinbutton
.vertical
:disabled
{
color
:
@
insensitive_fg_color
;
}
spinbutton
.vertical
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
}
spinbutton
.vertical
:drop
(
active
)
{
border-color
:
transparent
;
box
-
shadow
:
none
;
}
spinbutton
.vertical
entry
{
margin
:
0px
;
min-height
:
26px
;
min-width
:
26px
;
border-style
:
none
solid
none
solid
;
border-color
:
@
borders
;
padding
:
0
;
border
-
radius
:
0
;
}
spinbutton
.vertical
entry
:disabled
{
color
:
@
insensitive_fg_color
;
background-color
:
@
disabled_bg
;
border-color
:
@
insensitive_borders
;
}
spinbutton
.vertical
entry
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
background-color
:
@
disabled_bg
;
border-color
:
@
insensitive_borders
;
}
spinbutton
.vertical
button
{
min-height
:
26px
;
min-width
:
26px
;
padding
:
0
;
box
-
shadow
:
none
;
background-image
:
none
;
background-color
:
@
theme_bg_color
;
color
:
@
theme_text_color
;
border-color
:
@
borders
;
}
spinbutton
.vertical
button
:hover
{
color
:
@
decoration_hover
;
}
spinbutton
.vertical
button
:active
{
color
:
@
theme_selected_bg_color
;
}
spinbutton
.vertical
button
:disabled
{
color
:
@
insensitive_fg_color
;
background-color
:
@
disabled_bg
;
border-color
:
@
insensitive_borders
;
}
spinbutton
.vertical
button
:backdrop:disabled
{
color
:
@
insensitive_fg_color
;
background-color
:
@
disabled_bg
;
border-color
:
@
insensitive_borders
;
}
spinbutton
.vertical
button
.up
{
border
-
radius
:
3px
3px
0
0
;
border-style
:
solid
solid
none
solid
;
}
spinbutton
.vertical
button
.down
{
border
-
radius
:
0
0
3px
3px
;
border-style
:
none
solid
solid
solid
;
}
treeview
spinbutton
:not
(
.vertical
)
{
min-height
:
0
;
border-style
:
none
;
border
-
radius
:
0
;
}
treeview
spinbutton
:not
(
.vertical
)
entry
{
min-height
:
0
;
padding
:
1px
2px
;
}
/**********
* Switch *
**********/
switch
{
margin
:
2px
;
font-weight
:
bold
;
font-size
:
smaller
;
min-width
:
48px
;
min-height
:
24px
;
border
:
0px
solid
;
border
-
radius
:
12px
;
color
:
transparent
;
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
3
);
text-shadow
:
none
;
}
switch
:checked
{
background-color
:
@
theme_selected_bg_color
;
}
switch
:backdrop
{
background-color
:
alpha
(
@
dark_overlay_color
,
0
.
3
);
text-shadow
:
none
;
}
switch
:backdrop:checked
{
background-color
:
@
theme_selected_bg_color
;
}
switch
slider
{
min-width
:
22px
;
min-height
:
22px
;
border
:
1px
solid
;
border
-
radius
:
11px
;
background-color
:
@
theme_bg_color
;
border-color
:
@
borders
;
}
switch
:hover
slider
{
border-color
:
@
decoration_hover
;
}
switch
:disabled
slider
{
background-color
:
@
insensitive_bg_color
;
}
switch
:backdrop
slider
{
background-color
:
@
theme_bg_color
;
}
switch
:backdrop:disabled
slider
{
background-color
:
@
insensitive_bg_color
;
}
/************
* Toolbars *
************/
toolbar
,
.inline-toolbar
,
searchbar
,
.location-bar
{
-
GtkWidget
-
window
-
dragging
:
true
;
padding
:
4px
;
background-color
:
@
theme_bg_color
;
}
toolbar
{
padding
:
4px
3px
3px
4px
;
}
toolbar
:backdrop
{
background-color
:
@
theme_bg_color
;
box
-
shadow
:
none
;
}
toolbar
button
{
margin
:
2px
;
padding
:
3px
;
}
toolbar
button
.image-button
,
toolbar
button
.text-button.image-button
{
padding
:
3px
;
}
toolbar
separator
{
margin-left
:
3px
;
margin-right
:
3px
;
}
toolbar
entry
{
margin
:
3px
;
}
.osd
toolbar
{
background-color
:
transparent
;
}
toolbar
.osd
{
padding
:
13px
;
border
:
none
;
border
-
radius
:
3px
;
background-color
:
@
theme_bg_color
;
}
toolbar
.osd
:backdrop
{
border-color
:
@
borders
;
background-color
:
@
theme_bg_color
;
box
-
shadow
:
none
;
}
toolbar
.osd.left
,
toolbar
.osd.right
,
toolbar
.osd.top
,
toolbar
.osd.bottom
{
border
-
radius
:
0
;
}
.inline-toolbar
{
border-width
:
0px
0px
1px
0px
;
padding
:
3px
;
border
-
radius
:
0
;
}
searchbar
,
.location-bar
{
border-width
:
0px
0px
1px
0px
;
padding
:
3px
;
}
.inline-toolbar
,
searchbar
,
.location-bar
{
border-style
:
solid
;
border-color
:
@
borders
;
text-shadow
:
none
;
background-color
:
@
theme_bg_color
;
}
/************
* Tooltips *
************/
tooltip
{
color
:
@
theme_selected_fg_color
;
padding
:
4px
;
/* not working */
border
-
radius
:
3px
;
box
-
shadow
:
none
;
text-shadow
:
none
;
}
tooltip
.background
{
background-color
:
@
dark_overlay_color
;
background
-
clip
:
padding
-
box
;
}
tooltip
.window-frame.csd
{
background-color
:
transparent
;
box
-
shadow
:
none
;
}
tooltip
decoration
{
background-color
:
transparent
;
}
tooltip
*
{
padding
:
0px
;
background-color
:
transparent
;
color
:
@
theme_selected_fg_color
;
}
/**************
* Tree Views *
**************/
treeview
.view
{
-
GtkTreeView
-
grid
-
line
-
width
:
0
;
-
GtkTreeView
-
grid
-
line
-
pattern
:
''
;
-
GtkTreeView
-
tree
-
line
-
width
:
1
;
-
GtkTreeView
-
tree
-
line
-
pattern
:
''
;
-
GtkTreeView
-
expander
-
size
:
16
;
border-left-color
:
@
borders
;
border-top-color
:
transparent
;
}
treeview
.view
:selected
{
border
-
radius
:
0
;
}
treeview
.view
:selected
{
background-color
:
@
theme_selected_bg_color
;
border-left-color
:
@
theme_bg_color
;
border-top-color
:
@
theme_bg_color
;
}
treeview
.view
:backdrop:selected
{
background-color
:
@
theme_unfocused_selected_bg_color
;
border-left-color
:
@
theme_bg_color
;
border-top-color
:
@
theme_bg_color
;
}
treeview
.view
:disabled
{
color
:
@
insensitive_borders
;
}
treeview
.view
:disabled:selected
{
color
:
@
insensitive_bg_color
;
}
treeview
.view
:disabled:selected:backdrop
{
color
:
@
insensitive_bg_color
;
}
treeview
.view
:disabled:backdrop
{
color
:
@
insensitive_borders
;
}
treeview
.view.separator
{
min-height
:
2px
;
color
:
@
borders
;
}
treeview
.view.separator
:backdrop
{
color
:
@
borders
;
}
treeview
.view
:backdrop
{
border-left-color
:
@
borders
;
}
treeview
.view
:drop
(
active
)
{
border-style
:
solid
none
;
border-width
:
1px
;
border-color
:
@
decoration_hover
;
}
treeview
.view.expander
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-end-symbolic"
);
color
:
@
dark_overlay_color
;
}
treeview
.view.expander
:dir
(
rtl
)
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-start-symbolic"
);
}
treeview
.view.expander
:hover
{
color
:
@
decoration_hover
;
}
treeview
.view.expander
:selected
{
color
:
@
theme_selected_fg_color
;
}
treeview
.view.expander
:checked
{
-
gtk
-
icon
-
source
:
-
gtk
-
icontheme
(
"pan-down-symbolic"
);
}
treeview
.view.expander
:checked:selected
{
color
:
@
theme_selected_fg_color
;
}
treeview
.view.expander
:checked:backdrop
{
color
:
@
theme_selected_fg_color
;
}
treeview
.view.expander
:backdrop
{
color
:
@
theme_selected_fg_color
;
}
treeview
.view
header
button
{
color
:
@
theme_text_color
;
background-color
:
@
theme_bg_color
;
text-shadow
:
none
;
box
-
shadow
:
none
;
}
treeview
.view
header
button
:hover
{
color
:
@
theme_text_color
;
background-color
:
alpha
(
@
decoration_hover
,
0
.
5
);
box
-
shadow
:
none
;
transition
:
none
;
}
treeview
.view
header
button
:active
{
color
:
@
theme_text_color
;
background-color
:
alpha
(
@
decoration_hover
,
0
.
5
);
transition
:
none
;
}
treeview
.view
header
button
:last-child:backdrop
,
treeview
.view
header
button
:last-child
{
border-right-style
:
none
;
}
treeview
.view
button
.dnd
:active
,
treeview
.view
button
.dnd
:selected
,
treeview
.view
button
.dnd
:hover
,
treeview
.view
button
.dnd
,
treeview
.view
header
.button.dnd
:active
,
treeview
.view
header
.button.dnd
:selected
,
treeview
.view
header
.button.dnd
:hover
,
treeview
.view
header
.button.dnd
{
padding
:
0
6px
;
color
:
@
theme_selected_fg_color
;
background-image
:
none
;
background-color
:
@
theme_selected_bg_color
;
border-style
:
none
;
border
-
radius
:
0
;
box
-
shadow
:
none
;
text-shadow
:
none
;
transition
:
none
;
}
treeview
.view
header
button
,
treeview
.view
header
button
:hover
,
treeview
.view
header
button
:active
{
padding
:
6px
;
border-style
:
none
solid
solid
none
;
border
-
radius
:
0
;
background-image
:
none
;
border-color
:
@
borders
;
text-shadow
:
none
;
}
treeview
.view
header
button
:disabled
{
border-color
:
@
insensitive_borders
;
color
:
@
insensitive_fg_color
;
background-color
:
@
insensitive_bg_color
;
background-image
:
none
;
}
treeview
.view
header
button
:backdrop
{
border-color
:
@
borders
;
border-style
:
none
solid
solid
none
;
color
:
@
theme_text_color
;
background-image
:
none
;
background-color
:
@
theme_bg_color
;
}
treeview
.view
header
button
:backdrop:disabled
{
border-color
:
@
insensitive_borders
;
background-image
:
none
;
background-color
:
@
insensitive_bg_color
;
color
:
@
insensitive_fg_color
;
}
/**********************
* Window Decorations *
*********************/
decoration
{
border
-
radius
:
3px
3px
0
0
;
border-width
:
0px
;
box
-
shadow
:
0
2px
6px
1px
alpha
(
@
shadow_color
,
0
.
5
);
/* this is used for the resize cursor area */
margin
:
10px
;
}
.maximized
decoration
,
.fullscreen
decoration
,
.tiled
decoration
{
border
-
radius
:
0
;
}
.popup
decoration
{
border
-
radius
:
3px
;
box
-
shadow
:
2px
2px
2px
1px
alpha
(
@
shadow_color
,
0
.
1
);
}
.ssd
decoration
{
box
-
shadow
:
0
2px
6px
1px
alpha
(
@
shadow_color
,
0
.
1
);
}
.csd
decoration
{
border
-
radius
:
3px
;
}
.csd
decoration
.popup
{
box
-
shadow
:
2px
2px
2px
1px
alpha
(
@
shadow_color
,
0
.
1
);
}
.csd
decoration
.tooltip
{
box
-
shadow
:
none
;
}
.csd
decoration
.message-dialog
{
box
-
shadow
:
0
2px
6px
1px
alpha
(
@
shadow_color
,
0
.
5
);
}
.solid-csd
decoration
{
border
-
radius
:
0
;
margin
:
0
;
padding
:
0px
;
border
:
none
;
background-color
:
@
headerbar_gradient_top
;
box
-
shadow
:
none
;
}
headerbar
.default-decoration
button
.titlebutton
,
.titlebar.default-decoration
button
.titlebutton
{
padding
:
1px
;
min-height
:
18px
;
min-width
:
18px
;
margin
:
0
;
}
headerbar
button
.titlebutton
,
.titlebar
button
.titlebutton
{
padding
:
6px
;
}
headerbar
button
.titlebutton
:hover
,
headerbar
button
.titlebutton
:active
,
headerbar
button
.titlebutton
:checked
,
headerbar
button
.titlebutton
:backdrop
,
headerbar
button
.titlebutton
:active:hover
,
.titlebar
button
.titlebutton
:hover
,
.titlebar
button
.titlebutton
:active
,
.titlebar
button
.titlebutton
:checked
,
.titlebar
button
.titlebutton
:backdrop
,
.titlebar
button
.titlebutton
:active:hover
{
transition
:
none
;
}
headerbar
button
.titlebutton.close
,
.titlebar
button
.titlebutton.close
{
padding
:
1px
;
color
:
transparent
;
border
-
image
:
none
;
box
-
shadow
:
none
;
background-position
:
center
;
background-repeat
:
no-repeat
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-close.png")
,
url("../assets/titlebutton-close@2.png")
);
}
headerbar
button
.titlebutton.close
:hover
,
.titlebar
button
.titlebutton.close
:hover
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-close-hover.png")
,
url("../assets/titlebutton-close-hover@2.png")
);
}
headerbar
button
.titlebutton.close
:active
,
.titlebar
button
.titlebutton.close
:active
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-close-active.png")
,
url("../assets/titlebutton-close-active@2.png")
);
}
headerbar
button
.titlebutton.close
:backdrop
,
.titlebar
button
.titlebutton.close
:backdrop
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-close-backdrop.png")
,
url("../assets/titlebutton-close-backdrop@2.png")
);
}
headerbar
button
.titlebutton.maximize
,
.titlebar
button
.titlebutton.maximize
{
padding
:
1px
;
color
:
transparent
;
border
-
image
:
none
;
box
-
shadow
:
none
;
background-position
:
center
;
background-repeat
:
no-repeat
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-maximize.png")
,
url("../assets/titlebutton-maximize@2.png")
);
}
headerbar
button
.titlebutton.maximize
:hover
,
.titlebar
button
.titlebutton.maximize
:hover
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-maximize-hover.png")
,
url("../assets/titlebutton-maximize-hover@2.png")
);
}
headerbar
button
.titlebutton.maximize
:active
,
.titlebar
button
.titlebutton.maximize
:active
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-maximize-active.png")
,
url("../assets/titlebutton-maximize-active@2.png")
);
}
headerbar
button
.titlebutton.maximize
:backdrop
,
.titlebar
button
.titlebutton.maximize
:backdrop
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-maximize-backdrop.png")
,
url("../assets/titlebutton-maximize-backdrop@2.png")
);
}
headerbar
button
.titlebutton.minimize
,
.titlebar
button
.titlebutton.minimize
{
padding
:
1px
;
color
:
transparent
;
border
-
image
:
none
;
box
-
shadow
:
none
;
background-position
:
center
;
background-repeat
:
no-repeat
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-minimize.png")
,
url("../assets/titlebutton-minimize@2.png")
);
}
headerbar
button
.titlebutton.minimize
:hover
,
.titlebar
button
.titlebutton.minimize
:hover
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-minimize-hover.png")
,
url("../assets/titlebutton-minimize-hover@2.png")
);
}
headerbar
button
.titlebutton.minimize
:active
,
.titlebar
button
.titlebutton.minimize
:active
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-minimize-active.png")
,
url("../assets/titlebutton-minimize-active@2.png")
);
}
headerbar
button
.titlebutton.minimize
:backdrop
,
.titlebar
button
.titlebutton.minimize
:backdrop
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-minimize-backdrop.png")
,
url("../assets/titlebutton-minimize-backdrop@2.png")
);
}
.maximized
headerbar
button
.titlebutton.maximize
,
.maximized
.titlebar
button
.titlebutton.maximize
{
padding
:
1px
;
color
:
transparent
;
border
-
image
:
none
;
box
-
shadow
:
none
;
background-position
:
center
;
background-repeat
:
no-repeat
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-maximize-maximized.png")
,
url("../assets/titlebutton-maximize-maximized@2.png")
);
}
.maximized
headerbar
button
.titlebutton.maximize
:hover
,
.maximized
.titlebar
button
.titlebutton.maximize
:hover
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-maximize-maximized-hover.png")
,
url("../assets/titlebutton-maximize-maximized-hover@2.png")
);
}
.maximized
headerbar
button
.titlebutton.maximize
:active
,
.maximized
.titlebar
button
.titlebutton.maximize
:active
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-maximize-maximized-active.png")
,
url("../assets/titlebutton-maximize-maximized-active@2.png")
);
}
.maximized
headerbar
button
.titlebutton.maximize
:backdrop
,
.maximized
.titlebar
button
.titlebutton.maximize
:backdrop
{
border-color
:
transparent
;
background-color
:
transparent
;
background-image
:
-
gtk
-
scaled
(
url("../assets/titlebutton-maximize-maximized-backdrop.png")
,
url("../assets/titlebutton-maximize-maximized-backdrop@2.png")
);
}
headerbar
.selection-mode
button
.titlebutton
,
.titlebar.selection-mode
button
.titlebutton
{
text-shadow
:
none
;
}
headerbar
.selection-mode
button
.titlebutton
:backdrop
,
.titlebar.selection-mode
button
.titlebutton
:backdrop
{
-
gtk
-
icon
-
shadow
:
none
;
}
Log In to Comment