AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-11-17 23:10:22 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: Update label styling

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
gtk/theme/Adwaita/_common.scss
View File

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

103
gtk/theme/Adwaita/gtk-contained-dark.css
View File

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

103
gtk/theme/Adwaita/gtk-contained.css
View File

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