Adwaita: Update label styling

Use the new element name instead of the style class.
This commit is contained in:
Matthias Clasen 2015-10-22 23:25:42 -04:00
parent 7d98c7f1ae
commit bacc9d4edd
3 changed files with 128 additions and 126 deletions

View File

@ -124,7 +124,7 @@ $asset_suffix: if($variant=='dark', '-dark', '');
background-color: transparentize(darken($selected_bg_color, 10%), 0.8);
}
.label {
label {
&.separator {
color: $fg_color;
@extend .dim-label;
@ -158,10 +158,10 @@ GtkAssistant {
}
}
&.csd .sidebar { border-top-style: none; }
.sidebar .label {
.sidebar label {
padding: 6px 12px;
}
.sidebar .label.highlight {
.sidebar label.highlight {
background-color: mix($bg_color, $fg_color, 80%);
}
}
@ -547,8 +547,8 @@ $_dot_color: if($variant=='light', $selected_bg_color,
// one, so we're adding the missing padding to the label depending on
// its position inside the button
padding: 5px 8px 6px; // same as .button
.label:first-child { padding-left: 8px; }
.label:last-child { padding-right: 8px; }
& label:first-child { padding-left: 8px; }
& label:last-child { padding-right: 8px; }
}
.stack-switcher > & {
@ -558,7 +558,7 @@ $_dot_color: if($variant=='light', $selected_bg_color,
outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset
> .label {
> label {
padding-left: 6px; // label padding
padding-right: 6px; //
}
@ -576,11 +576,11 @@ $_dot_color: if($variant=='light', $selected_bg_color,
// of the padding added to the GtkImage is needed
padding: 5px 2px;
}
&.needs-attention > .label,
&.needs-attention > label,
&.needs-attention > GtkImage { @extend %needs_attention; }
&.needs-attention:active > .label,
&.needs-attention:active > label,
&.needs-attention:active > GtkImage,
&.needs-attention:checked > .label,
&.needs-attention:checked > label,
&.needs-attention:checked > GtkImage {
animation: none;
background-image: none;
@ -782,7 +782,7 @@ GtkColorButton.button {
//a weird transition which for some reason
//makes borders blink on hover
}
& > .label {
& > label {
text-decoration-line: underline;
}
}
@ -1251,9 +1251,9 @@ GtkComboBox {
}
// the following is for spacing the icon and the label inside the home button
.label:last-child { padding-left: 2px; }
.label:first-child { padding-right: 2px; }
.label:only-child { padding-right: 0; padding-left: 0; }
& label:last-child { padding-left: 2px; }
& label:first-child { padding-right: 2px; }
& label:only-child { padding-right: 0; padding-left: 0; }
GtkImage { padding-top: 1px; }
}
@ -1738,7 +1738,7 @@ column-header.button.dnd { // for treeview-like derive widgets
}
}
}
.label { //tab text
& label { //tab text
padding: 0 2px; // needed for a nicer focus ring
font-weight: bold;
color: $insensitive_fg_color;
@ -1746,14 +1746,14 @@ column-header.button.dnd { // for treeview-like derive widgets
color: mix($backdrop_fg_color, $backdrop_insensitive_color, 50%);
}
}
&:hover .label {
&:hover label {
// prelight tab text
color: mix($fg_color, $insensitive_fg_color, 50%);
&:backdrop { // FIXME, it's the same as .label:backdrop up here
color: mix($backdrop_fg_color, $backdrop_insensitive_color, 50%);
}
}
&:active .label {
&:active label {
// active tab text
color: $fg_color;
&:backdrop { color: $backdrop_fg_color; }
@ -2872,8 +2872,8 @@ GtkPlacesSidebar.sidebar {
.list-row:selected:active { box-shadow: none; }
// looks like the label doesn't get all the states so work around
.list-row:selected:insensitive .label { @extend %selected_items:insensitive; }
.list-row:selected:backdrop:insensitive .label { @extend %selected_items:backdrop:insensitive; }
.list-row:selected:insensitive label { @extend %selected_items:insensitive; }
.list-row:selected:backdrop:insensitive label { @extend %selected_items:backdrop:insensitive; }
.sidebar-placeholder-row {
border: solid 1px $selected_bg_color;
@ -2902,11 +2902,11 @@ GtkPlacesSidebar.sidebar {
.sidebar-item {
padding: 10px 4px;
> .label {
> label {
padding-left: 6px;
padding-right: 6px;
}
&.needs-attention > .label {
&.needs-attention > label {
@extend %needs_attention;
background-size: 6px 6px, 0 0;
}
@ -3002,9 +3002,9 @@ GtkInfoBar {
}
}
}
.label:selected,
.label:selected:focus,
.label:selected:hover {
& label:selected,
& label:selected:focus,
& label:selected:hover {
background-color: darken($selected_bg_color, 10%);
}
}
@ -3441,7 +3441,7 @@ GtkShortcutsWindow .round .button {
outline-radius: 20px;
}
GtkShortcutsWindow .round .button .label {
GtkShortcutsWindow .round .button label {
padding: 0;
}

View File

@ -77,16 +77,16 @@
border: 1px solid #184472;
background-color: rgba(24, 68, 114, 0.2); }
.label.separator {
label.separator {
color: #eeeeec; }
.label.separator:backdrop {
label.separator:backdrop {
color: #949796; }
.label:insensitive {
label:insensitive {
color: #949796; }
.label:insensitive:backdrop {
label:insensitive:backdrop {
color: #5d6767; }
.dim-label, .label.separator, .titlebar .subtitle,
.dim-label, label.separator, .titlebar .subtitle,
.header-bar .subtitle {
opacity: 0.55;
text-shadow: none; }
@ -103,9 +103,9 @@ GtkAssistant .sidebar {
border-color: #1f2222; }
GtkAssistant.csd .sidebar {
border-top-style: none; }
GtkAssistant .sidebar .label {
GtkAssistant .sidebar label {
padding: 6px 12px; }
GtkAssistant .sidebar .label.highlight {
GtkAssistant .sidebar label.highlight {
background-color: #5d6262; }
GtkTextView {
@ -909,18 +909,19 @@ GtkTextView {
GtkVolumeButton.button.text-button, .header-bar .text-button.titlebutton.button,
.titlebar .text-button.titlebutton.button {
padding: 5px 8px 6px; }
.button.text-button.image-button .label:first-child, GtkScaleButton.button.text-button .label:first-child,
GtkVolumeButton.button.text-button .label:first-child, .header-bar .text-button.titlebutton.button .label:first-child,
.titlebar .text-button.titlebutton.button .label:first-child {
.button.text-button.image-button label:first-child, GtkScaleButton.button.text-button label:first-child,
GtkVolumeButton.button.text-button label:first-child, .header-bar .text-button.titlebutton.button label:first-child,
.titlebar .text-button.titlebutton.button label:first-child {
padding-left: 8px; }
.button.text-button.image-button .label:last-child, GtkScaleButton.button.text-button .label:last-child,
GtkVolumeButton.button.text-button .label:last-child, .header-bar .text-button.titlebutton.button .label:last-child,
.titlebar .text-button.titlebutton.button .label:last-child {
.button.text-button.image-button label:last-child, GtkScaleButton.button.text-button label:last-child,
GtkVolumeButton.button.text-button label:last-child, .header-bar .text-button.titlebutton.button label:last-child,
.titlebar .text-button.titlebutton.button label:last-child {
padding-right: 8px; }
.stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton,
.titlebar .stack-switcher > .button.titlebutton {
outline-offset: -3px; }
.stack-switcher > .button > .label {
.stack-switcher > .button > label, .header-bar .stack-switcher > .button.titlebutton > label,
.titlebar .stack-switcher > .button.titlebutton > label {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage,
@ -936,7 +937,7 @@ GtkTextView {
.stack-switcher > GtkVolumeButton.button, .header-bar .stack-switcher > .titlebutton.button,
.titlebar .stack-switcher > .titlebutton.button {
padding: 5px 2px; }
.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage {
.stack-switcher > .button.needs-attention:active > label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > label, .stack-switcher > .button.needs-attention:checked > GtkImage {
animation: none;
background-image: none; }
.inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton,
@ -949,15 +950,15 @@ GtkTextView {
.titlebar .primary-toolbar .button.titlebutton {
icon-shadow: none; }
.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label {
.stack-switcher > .button.needs-attention > label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent));
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
background-position: right 3px, right 2px; }
.stack-switcher > .button.needs-attention > .label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop {
.stack-switcher > .button.needs-attention > label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0; }
.stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
.stack-switcher > .button.needs-attention > label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) {
background-position: left 3px, left 2px; }
.inline-toolbar GtkToolButton > .button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton,
@ -1234,9 +1235,9 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton,
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, .header-bar .button.titlebutton:link > .label,
.titlebar .button.titlebutton:link > .label, .button:visited > .label, .header-bar .button.titlebutton:visited > .label,
.titlebar .button.titlebutton:visited > .label {
.button:link > label, .header-bar .button.titlebutton:link > label,
.titlebar .button.titlebutton:link > label, .button:visited > label, .header-bar .button.titlebutton:visited > label,
.titlebar .button.titlebutton:visited > label {
text-decoration-line: underline; }
/*****************
@ -1833,11 +1834,11 @@ GtkComboBox {
.path-bar .button:only-child {
padding-left: 12px;
padding-right: 12px; }
.path-bar .button .label:last-child {
.path-bar .button label:last-child {
padding-left: 2px; }
.path-bar .button .label:first-child {
.path-bar .button label:first-child {
padding-right: 2px; }
.path-bar .button .label:only-child {
.path-bar .button label:only-child {
padding-right: 0;
padding-left: 0; }
.path-bar .button GtkImage, .path-bar .header-bar .button.titlebutton GtkImage, .header-bar .path-bar .button.titlebutton GtkImage,
@ -2266,19 +2267,19 @@ column-header .titlebar .button.titlebutton,
.notebook tab.reorderable-page.right:backdrop {
border-color: transparent;
background-color: transparent; }
.notebook tab .label {
.notebook tab label {
padding: 0 2px;
font-weight: bold;
color: #949796; }
.notebook tab .label:backdrop {
.notebook tab label:backdrop {
color: #797f7f; }
.notebook tab:hover .label {
.notebook tab:hover label {
color: #c1c3c1; }
.notebook tab:hover .label:backdrop {
.notebook tab:hover label:backdrop {
color: #797f7f; }
.notebook tab:active .label {
.notebook tab:active label {
color: #eeeeec; }
.notebook tab:active .label:backdrop {
.notebook tab:active label:backdrop {
color: #949796; }
.notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab .button.titlebutton,
.notebook tab .titlebar .button.titlebutton,
@ -3961,10 +3962,10 @@ GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
.sidebar-item {
padding: 10px 4px; }
.sidebar-item > .label {
.sidebar-item > label {
padding-left: 6px;
padding-right: 6px; }
.sidebar-item.needs-attention > .label {
.sidebar-item.needs-attention > label {
background-size: 6px 6px, 0 0; }
/****************
@ -4124,18 +4125,16 @@ GtkInfoBar {
.error .header-bar .button.titlebutton:backdrop:insensitive > .label,
.error .titlebar .button.titlebutton:backdrop:insensitive > .label {
color: inherit; }
.info .label:selected,
.info .label:selected:focus,
.info .label:selected:hover,
.question .label:selected,
.question .label:selected:focus,
.question .label:selected:hover,
.warning .label:selected,
.warning .label:selected:focus,
.warning .label:selected:hover,
.error .label:selected,
.error .label:selected:focus,
.error .label:selected:hover {
.info label:selected, .info label:selected:focus, .info label:selected:hover,
.question label:selected,
.question label:selected:focus,
.question label:selected:hover,
.warning label:selected,
.warning label:selected:focus,
.warning label:selected:hover,
.error label:selected,
.error label:selected:focus,
.error label:selected:hover {
background-color: #184472; }
/************
@ -4335,18 +4334,18 @@ decoration {
.titlebar.selection-mode .titlebutton.button:backdrop {
icon-shadow: none; }
.view:selected, GtkCalendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected,
.view:selected, GtkCalendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected,
.titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected {
background-color: #215d9c;
color: #ffffff; }
.view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected,
.titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label {
.view:insensitive:selected, GtkCalendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected,
.titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label {
color: #90aece; }
.view:backdrop:selected, GtkCalendar:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected,
.view:backdrop:selected, GtkCalendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected,
.titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected {
color: #ffffff; }
.view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected,
.titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive .label {
.view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected,
.titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive label {
color: #648eba; }
.monospace {
@ -4648,7 +4647,9 @@ GtkShortcutsWindow .round .titlebar .button.titlebutton,
border-radius: 20px;
outline-radius: 20px; }
GtkShortcutsWindow .round .button .label {
GtkShortcutsWindow .round .button label, GtkShortcutsWindow .round .header-bar .button.titlebutton label, .header-bar GtkShortcutsWindow .round .button.titlebutton label,
GtkShortcutsWindow .round .titlebar .button.titlebutton label,
.titlebar GtkShortcutsWindow .round .button.titlebutton label {
padding: 0; }
GtkShortcutsWindow GtkShortcutLabel .frame {

View File

@ -77,16 +77,16 @@
border: 1px solid #2a76c6;
background-color: rgba(42, 118, 198, 0.2); }
.label.separator {
label.separator {
color: #2e3436; }
.label.separator:backdrop {
label.separator:backdrop {
color: #8e9192; }
.label:insensitive {
label:insensitive {
color: #8e9192; }
.label:insensitive:backdrop {
label:insensitive:backdrop {
color: #c7c7c7; }
.dim-label, .label.separator, .titlebar .subtitle,
.dim-label, label.separator, .titlebar .subtitle,
.header-bar .subtitle {
opacity: 0.55;
text-shadow: none; }
@ -103,9 +103,9 @@ GtkAssistant .sidebar {
border-color: darkgray; }
GtkAssistant.csd .sidebar {
border-top-style: none; }
GtkAssistant .sidebar .label {
GtkAssistant .sidebar label {
padding: 6px 12px; }
GtkAssistant .sidebar .label.highlight {
GtkAssistant .sidebar label.highlight {
background-color: #c7c8c8; }
GtkTextView {
@ -909,18 +909,19 @@ GtkTextView {
GtkVolumeButton.button.text-button, .header-bar .text-button.titlebutton.button,
.titlebar .text-button.titlebutton.button {
padding: 5px 8px 6px; }
.button.text-button.image-button .label:first-child, GtkScaleButton.button.text-button .label:first-child,
GtkVolumeButton.button.text-button .label:first-child, .header-bar .text-button.titlebutton.button .label:first-child,
.titlebar .text-button.titlebutton.button .label:first-child {
.button.text-button.image-button label:first-child, GtkScaleButton.button.text-button label:first-child,
GtkVolumeButton.button.text-button label:first-child, .header-bar .text-button.titlebutton.button label:first-child,
.titlebar .text-button.titlebutton.button label:first-child {
padding-left: 8px; }
.button.text-button.image-button .label:last-child, GtkScaleButton.button.text-button .label:last-child,
GtkVolumeButton.button.text-button .label:last-child, .header-bar .text-button.titlebutton.button .label:last-child,
.titlebar .text-button.titlebutton.button .label:last-child {
.button.text-button.image-button label:last-child, GtkScaleButton.button.text-button label:last-child,
GtkVolumeButton.button.text-button label:last-child, .header-bar .text-button.titlebutton.button label:last-child,
.titlebar .text-button.titlebutton.button label:last-child {
padding-right: 8px; }
.stack-switcher > .button, .header-bar .stack-switcher > .button.titlebutton,
.titlebar .stack-switcher > .button.titlebutton {
outline-offset: -3px; }
.stack-switcher > .button > .label {
.stack-switcher > .button > label, .header-bar .stack-switcher > .button.titlebutton > label,
.titlebar .stack-switcher > .button.titlebutton > label {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > .button > GtkImage, .header-bar .stack-switcher > .button.titlebutton > GtkImage,
@ -936,7 +937,7 @@ GtkTextView {
.stack-switcher > GtkVolumeButton.button, .header-bar .stack-switcher > .titlebutton.button,
.titlebar .stack-switcher > .titlebutton.button {
padding: 5px 2px; }
.stack-switcher > .button.needs-attention:active > .label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > .label, .stack-switcher > .button.needs-attention:checked > GtkImage {
.stack-switcher > .button.needs-attention:active > label, .stack-switcher > .button.needs-attention:active > GtkImage, .stack-switcher > .button.needs-attention:checked > label, .stack-switcher > .button.needs-attention:checked > GtkImage {
animation: none;
background-image: none; }
.inline-toolbar .button, .inline-toolbar .header-bar .button.titlebutton, .header-bar .inline-toolbar .button.titlebutton,
@ -949,15 +950,15 @@ GtkTextView {
.titlebar .primary-toolbar .button.titlebutton {
icon-shadow: none; }
.stack-switcher > .button.needs-attention > .label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label {
.stack-switcher > .button.needs-attention > label, .stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > label {
animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), 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 > GtkImage:backdrop, .sidebar-item.needs-attention > .label:backdrop {
.stack-switcher > .button.needs-attention > label:backdrop, .stack-switcher > .button.needs-attention > GtkImage:backdrop, .sidebar-item.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0; }
.stack-switcher > .button.needs-attention > .label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
.stack-switcher > .button.needs-attention > label:dir(rtl), .stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; }
.inline-toolbar GtkToolButton > .button, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton > .button.titlebutton,
@ -1234,9 +1235,9 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton,
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, .header-bar .button.titlebutton:link > .label,
.titlebar .button.titlebutton:link > .label, .button:visited > .label, .header-bar .button.titlebutton:visited > .label,
.titlebar .button.titlebutton:visited > .label {
.button:link > label, .header-bar .button.titlebutton:link > label,
.titlebar .button.titlebutton:link > label, .button:visited > label, .header-bar .button.titlebutton:visited > label,
.titlebar .button.titlebutton:visited > label {
text-decoration-line: underline; }
/*****************
@ -1833,11 +1834,11 @@ GtkComboBox {
.path-bar .button:only-child {
padding-left: 12px;
padding-right: 12px; }
.path-bar .button .label:last-child {
.path-bar .button label:last-child {
padding-left: 2px; }
.path-bar .button .label:first-child {
.path-bar .button label:first-child {
padding-right: 2px; }
.path-bar .button .label:only-child {
.path-bar .button label:only-child {
padding-right: 0;
padding-left: 0; }
.path-bar .button GtkImage, .path-bar .header-bar .button.titlebutton GtkImage, .header-bar .path-bar .button.titlebutton GtkImage,
@ -2272,19 +2273,19 @@ column-header .titlebar .button.titlebutton,
.notebook tab.reorderable-page.right:backdrop {
border-color: transparent;
background-color: transparent; }
.notebook tab .label {
.notebook tab label {
padding: 0 2px;
font-weight: bold;
color: #8e9192; }
.notebook tab .label:backdrop {
.notebook tab label:backdrop {
color: #abacad; }
.notebook tab:hover .label {
.notebook tab:hover label {
color: #5e6364; }
.notebook tab:hover .label:backdrop {
.notebook tab:hover label:backdrop {
color: #abacad; }
.notebook tab:active .label {
.notebook tab:active label {
color: #2e3436; }
.notebook tab:active .label:backdrop {
.notebook tab:active label:backdrop {
color: #8e9192; }
.notebook tab .button, .notebook tab .header-bar .button.titlebutton, .header-bar .notebook tab .button.titlebutton,
.notebook tab .titlebar .button.titlebutton,
@ -4133,10 +4134,10 @@ GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
.sidebar-item {
padding: 10px 4px; }
.sidebar-item > .label {
.sidebar-item > label {
padding-left: 6px;
padding-right: 6px; }
.sidebar-item.needs-attention > .label {
.sidebar-item.needs-attention > label {
background-size: 6px 6px, 0 0; }
/****************
@ -4296,18 +4297,16 @@ GtkInfoBar {
.error .header-bar .button.titlebutton:backdrop:insensitive > .label,
.error .titlebar .button.titlebutton:backdrop:insensitive > .label {
color: inherit; }
.info .label:selected,
.info .label:selected:focus,
.info .label:selected:hover,
.question .label:selected,
.question .label:selected:focus,
.question .label:selected:hover,
.warning .label:selected,
.warning .label:selected:focus,
.warning .label:selected:hover,
.error .label:selected,
.error .label:selected:focus,
.error .label:selected:hover {
.info label:selected, .info label:selected:focus, .info label:selected:hover,
.question label:selected,
.question label:selected:focus,
.question label:selected:hover,
.warning label:selected,
.warning label:selected:focus,
.warning label:selected:hover,
.error label:selected,
.error label:selected:focus,
.error label:selected:hover {
background-color: #2a76c6; }
/************
@ -4507,19 +4506,19 @@ decoration {
.titlebar.selection-mode .titlebutton.button:backdrop {
icon-shadow: none; }
.view:selected, GtkCalendar:selected, .label:selected, .label:selected:focus, .label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected,
.view:selected, GtkCalendar:selected, label:selected, label:selected:focus, label:selected:hover, .grid-child:selected, .entry:selected, .entry:selected:focus, .menuitem.button.flat:selected, .menuitem.sidebar-button.button:selected, .header-bar .menuitem.titlebutton.button:selected,
.titlebar .menuitem.titlebutton.button:selected, .list-row:selected, .sidebar:selected {
background-color: #4a90d9;
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); }
.view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected,
.titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label {
.view:insensitive:selected, GtkCalendar:insensitive:selected, label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .menuitem.sidebar-button.button:insensitive:selected, .header-bar .menuitem.titlebutton.button:insensitive:selected,
.titlebar .menuitem.titlebutton.button:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label {
color: #a5c8ec; }
.view:backdrop:selected, GtkCalendar:backdrop:selected, .label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected,
.view:backdrop:selected, GtkCalendar:backdrop:selected, label:backdrop:selected, .grid-child:backdrop:selected, .entry:backdrop:selected, .menuitem.button.flat:backdrop:selected, .menuitem.sidebar-button.button:backdrop:selected, .header-bar .menuitem.titlebutton.button:backdrop:selected,
.titlebar .menuitem.titlebutton.button:backdrop:selected, .list-row:backdrop:selected, .sidebar:backdrop:selected {
color: #ffffff; }
.view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, .label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected,
.titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive .label {
.view:backdrop:insensitive:selected, GtkCalendar:backdrop:insensitive:selected, label:backdrop:insensitive:selected, .grid-child:backdrop:insensitive:selected, .entry:backdrop:insensitive:selected, .menuitem.button.flat:backdrop:insensitive:selected, .menuitem.sidebar-button.button:backdrop:insensitive:selected, .header-bar .menuitem.titlebutton.button:backdrop:insensitive:selected,
.titlebar .menuitem.titlebutton.button:backdrop:insensitive:selected, .list-row:backdrop:insensitive:selected, .sidebar:backdrop:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive label:backdrop, GtkPlacesSidebar.sidebar .list-row:selected:backdrop:insensitive label {
color: #80b1e4; }
.monospace {
@ -4821,7 +4820,9 @@ GtkShortcutsWindow .round .titlebar .button.titlebutton,
border-radius: 20px;
outline-radius: 20px; }
GtkShortcutsWindow .round .button .label {
GtkShortcutsWindow .round .button label, GtkShortcutsWindow .round .header-bar .button.titlebutton label, .header-bar GtkShortcutsWindow .round .button.titlebutton label,
GtkShortcutsWindow .round .titlebar .button.titlebutton label,
.titlebar GtkShortcutsWindow .round .button.titlebutton label {
padding: 0; }
GtkShortcutsWindow GtkShortcutLabel .frame {