1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-09-28 14:00:44 +00:00

osd and titlebutton fixes

This commit is contained in:
Horst3180 2015-10-27 18:38:52 +01:00
parent de0689e444
commit be930a0cde
21 changed files with 104 additions and 52 deletions

View File

@ -372,6 +372,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -392,6 +394,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.35);

View File

@ -371,6 +371,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -391,6 +393,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.35);

View File

@ -372,6 +372,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -392,6 +394,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);

View File

@ -371,6 +371,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -391,6 +393,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);

View File

@ -371,6 +371,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -391,6 +393,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);

View File

@ -371,6 +371,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -391,6 +393,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.35);

View File

@ -473,6 +473,7 @@ $_dot_color: $selected_bg_color;
&:hover {
@include button(osd-hover);
@extend %linked;
&, &:first-child, &:last-child { box-shadow: none; }
}
&:active, &:checked {
background-clip: padding-box;
@ -489,6 +490,7 @@ $_dot_color: $selected_bg_color;
box-shadow: none;
&:hover {
@include button(osd-hover);
&, &:first-child, &:last-child { box-shadow: none; }
}
&:insensitive {
@include button(osd-insensitive);

View File

@ -372,6 +372,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -392,6 +394,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.35);
@ -2557,12 +2561,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0);
border-width: 0; }
background-color: rgba(47, 52, 63, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
@ -2583,7 +2586,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -371,6 +371,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -391,6 +393,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.35);
@ -2560,12 +2564,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0);
border-width: 0; }
background-color: rgba(47, 52, 63, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
@ -2586,7 +2589,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -372,6 +372,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -392,6 +394,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);
@ -2557,12 +2561,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0);
border-width: 0; }
background-color: rgba(47, 52, 63, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
@ -2583,7 +2586,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -371,6 +371,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -391,6 +393,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);
@ -2560,12 +2564,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0);
border-width: 0; }
background-color: rgba(47, 52, 63, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
@ -2586,7 +2589,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -371,6 +371,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -391,6 +393,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.4);
@ -2560,12 +2564,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(231, 232, 235, 0);
border-width: 0; }
background-color: rgba(231, 232, 235, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(82, 93, 118, 0.8);
@ -2586,7 +2589,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -371,6 +371,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button:hover, .osd .button:hover:first-child, .osd .button:hover:last-child {
box-shadow: none; }
.osd .button:active, .osd .button:checked {
background-clip: padding-box;
color: #ffffff;
@ -391,6 +393,8 @@ GtkSearchEntry.entry {
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); }
.osd .button.flat:hover, .osd .button.flat:hover:first-child, .osd .button.flat:hover:last-child {
box-shadow: none; }
.osd .button.flat:insensitive {
color: #5d626e;
border-color: rgba(26, 28, 34, 0.35);
@ -2560,12 +2564,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(231, 232, 235, 0);
border-width: 0; }
background-color: rgba(231, 232, 235, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(82, 93, 118, 0.8);
@ -2586,7 +2589,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -473,6 +473,7 @@ $_dot_color: $selected_bg_color;
&:hover {
@include button(osd-hover);
@extend %linked;
&, &:first-child, &:last-child { box-shadow: none; }
}
&:active, &:checked {
background-clip: padding-box;
@ -489,6 +490,7 @@ $_dot_color: $selected_bg_color;
box-shadow: none;
&:hover {
@include button(osd-hover);
&, &:first-child, &:last-child { box-shadow: none; }
}
&:insensitive {
@include button(osd-insensitive);
@ -2844,11 +2846,10 @@ GtkVolumeButton.button { padding: 8px; }
}
.button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
@include button(undecorated);
background-color: transparentize($header_bg, 1);
border-width: 0;
&:hover {
@include button(header-hover);
@ -2863,6 +2864,7 @@ GtkVolumeButton.button { padding: 8px; }
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
border-width: 0;
&:backdrop { opacity: 1; }
}

View File

@ -2741,12 +2741,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0);
border-width: 0; }
background-color: rgba(47, 52, 63, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
@ -2767,7 +2766,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -2744,12 +2744,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0);
border-width: 0; }
background-color: rgba(47, 52, 63, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
@ -2770,7 +2769,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -2741,12 +2741,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0);
border-width: 0; }
background-color: rgba(47, 52, 63, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
@ -2767,7 +2766,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -2744,12 +2744,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(47, 52, 63, 0);
border-width: 0; }
background-color: rgba(47, 52, 63, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8);
@ -2770,7 +2769,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -2748,12 +2748,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(231, 232, 235, 0);
border-width: 0; }
background-color: rgba(231, 232, 235, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(82, 93, 118, 0.8);
@ -2774,7 +2773,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -2748,12 +2748,11 @@ GtkVolumeButton.button {
.header-bar .button.titlebutton,
.titlebar .button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
border-color: transparent;
background-color: transparent;
background-image: none;
background-color: rgba(231, 232, 235, 0);
border-width: 0; }
background-color: rgba(231, 232, 235, 0); }
.header-bar .button.titlebutton:hover,
.titlebar .button.titlebutton:hover {
color: rgba(82, 93, 118, 0.8);
@ -2774,7 +2773,8 @@ GtkVolumeButton.button {
color: transparent;
background-color: transparent;
background-position: center;
background-repeat: no-repeat; }
background-repeat: no-repeat;
border-width: 0; }
.header-bar .button.titlebutton.close:backdrop,
.header-bar .button.titlebutton.maximize:backdrop,
.header-bar .button.titlebutton.minimize:backdrop,

View File

@ -3008,11 +3008,10 @@ GtkVolumeButton.button { padding: 8px; }
}
.button.titlebutton {
padding: 7px 4px;
padding: 6px 4px;
@include button(undecorated);
background-color: transparentize($header_bg, 1);
border-width: 0;
&:hover {
@include button(header-hover);
@ -3027,6 +3026,7 @@ GtkVolumeButton.button { padding: 8px; }
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
border-width: 0;
&:backdrop { opacity: 1; }
}