mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
fix background-clip on buttons and entries
This commit is contained in:
parent
df68c96436
commit
a68987ad7d
@ -232,7 +232,10 @@ GtkFlowBox .grid-child {
|
|||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus { @include entry(focus); }
|
&:focus {
|
||||||
|
background-clip: border-box;
|
||||||
|
@include entry(focus);
|
||||||
|
}
|
||||||
|
|
||||||
&:insensitive { @include entry(insensitive); }
|
&:insensitive { @include entry(insensitive); }
|
||||||
|
|
||||||
@ -410,6 +413,7 @@ $_dot_color: $selected_bg_color;
|
|||||||
-gtk-image-effect: highlight;
|
-gtk-image-effect: highlight;
|
||||||
}
|
}
|
||||||
&:active, &:checked {
|
&:active, &:checked {
|
||||||
|
background-clip: border-box;
|
||||||
@include button(active);
|
@include button(active);
|
||||||
transition-duration: 50ms;
|
transition-duration: 50ms;
|
||||||
}
|
}
|
||||||
|
@ -157,6 +157,7 @@ GtkFlowBox .grid-child {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #D3DAE3;
|
color: #D3DAE3;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #383c45;
|
background-color: #383c45;
|
||||||
@ -275,6 +276,7 @@ GtkFlowBox .grid-child {
|
|||||||
background-color: #3d414b;
|
background-color: #3d414b;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
|
@ -157,6 +157,7 @@ GtkFlowBox .grid-child {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #5c616c;
|
color: #5c616c;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -275,6 +276,7 @@ GtkFlowBox .grid-child {
|
|||||||
background-color: #fbfbfc;
|
background-color: #fbfbfc;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
|
@ -157,6 +157,7 @@ GtkFlowBox .grid-child {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #D3DAE3;
|
color: #D3DAE3;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #383c45;
|
background-color: #383c45;
|
||||||
@ -275,6 +276,7 @@ GtkFlowBox .grid-child {
|
|||||||
background-color: #3d414b;
|
background-color: #3d414b;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
|
@ -157,6 +157,7 @@ GtkFlowBox .grid-child {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #5c616c;
|
color: #5c616c;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -275,6 +276,7 @@ GtkFlowBox .grid-child {
|
|||||||
background-color: #fbfbfc;
|
background-color: #fbfbfc;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
|
@ -157,6 +157,7 @@ GtkFlowBox .grid-child {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #5c616c;
|
color: #5c616c;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -275,6 +276,7 @@ GtkFlowBox .grid-child {
|
|||||||
background-color: #fbfbfc;
|
background-color: #fbfbfc;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
|
@ -232,7 +232,10 @@ GtkTextView { // This will get overridden by .view, needed by gedit line numbers
|
|||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus { @include entry(focus); }
|
&:focus {
|
||||||
|
background-clip: border-box;
|
||||||
|
@include entry(focus);
|
||||||
|
}
|
||||||
|
|
||||||
&:insensitive { @include entry(insensitive); }
|
&:insensitive { @include entry(insensitive); }
|
||||||
|
|
||||||
@ -410,6 +413,7 @@ $_dot_color: $selected_bg_color;
|
|||||||
-gtk-image-effect: highlight;
|
-gtk-image-effect: highlight;
|
||||||
}
|
}
|
||||||
&:active, &:checked {
|
&:active, &:checked {
|
||||||
|
background-clip: border-box;
|
||||||
@include button(active);
|
@include button(active);
|
||||||
transition-duration: 50ms;
|
transition-duration: 50ms;
|
||||||
}
|
}
|
||||||
@ -1189,7 +1193,6 @@ GtkComboBox {
|
|||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
@include entry(header-focus);
|
@include entry(header-focus);
|
||||||
background-clip: border-box;
|
|
||||||
|
|
||||||
&.image { color: $selected_fg_color; }
|
&.image { color: $selected_fg_color; }
|
||||||
}
|
}
|
||||||
|
@ -157,6 +157,7 @@ GtkTextView {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #D3DAE3;
|
color: #D3DAE3;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #383c45;
|
background-color: #383c45;
|
||||||
@ -275,6 +276,7 @@ GtkTextView {
|
|||||||
background-color: #3d414b;
|
background-color: #3d414b;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
@ -899,8 +901,7 @@ GtkComboBox {
|
|||||||
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-image: linear-gradient(to bottom, #5294E2);
|
background-image: linear-gradient(to bottom, #5294E2); }
|
||||||
background-clip: border-box; }
|
|
||||||
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
||||||
|
@ -157,6 +157,7 @@ GtkTextView {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #5c616c;
|
color: #5c616c;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -275,6 +276,7 @@ GtkTextView {
|
|||||||
background-color: #fbfbfc;
|
background-color: #fbfbfc;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
@ -899,8 +901,7 @@ GtkComboBox {
|
|||||||
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-image: linear-gradient(to bottom, #5294E2);
|
background-image: linear-gradient(to bottom, #5294E2); }
|
||||||
background-clip: border-box; }
|
|
||||||
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
||||||
|
@ -157,6 +157,7 @@ GtkTextView {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #D3DAE3;
|
color: #D3DAE3;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #383c45;
|
background-color: #383c45;
|
||||||
@ -275,6 +276,7 @@ GtkTextView {
|
|||||||
background-color: #3d414b;
|
background-color: #3d414b;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
@ -899,8 +901,7 @@ GtkComboBox {
|
|||||||
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-image: linear-gradient(to bottom, #5294E2);
|
background-image: linear-gradient(to bottom, #5294E2); }
|
||||||
background-clip: border-box; }
|
|
||||||
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
||||||
|
@ -157,6 +157,7 @@ GtkTextView {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #5c616c;
|
color: #5c616c;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -275,6 +276,7 @@ GtkTextView {
|
|||||||
background-color: #fbfbfc;
|
background-color: #fbfbfc;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
@ -899,8 +901,7 @@ GtkComboBox {
|
|||||||
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-image: linear-gradient(to bottom, #5294E2);
|
background-image: linear-gradient(to bottom, #5294E2); }
|
||||||
background-clip: border-box; }
|
|
||||||
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
||||||
|
@ -157,6 +157,7 @@ GtkTextView {
|
|||||||
border: none;
|
border: none;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.entry:focus {
|
.entry:focus {
|
||||||
|
background-clip: border-box;
|
||||||
color: #5c616c;
|
color: #5c616c;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -275,6 +276,7 @@ GtkTextView {
|
|||||||
background-color: #fbfbfc;
|
background-color: #fbfbfc;
|
||||||
-gtk-image-effect: highlight; }
|
-gtk-image-effect: highlight; }
|
||||||
.button:active, .button:checked {
|
.button:active, .button:checked {
|
||||||
|
background-clip: border-box;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
outline-color: rgba(255, 255, 255, 0.3);
|
outline-color: rgba(255, 255, 255, 0.3);
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
@ -899,8 +901,7 @@ GtkComboBox {
|
|||||||
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
.primary-toolbar .entry:focus, .header-bar .entry:focus {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border-color: #5294E2;
|
border-color: #5294E2;
|
||||||
background-image: linear-gradient(to bottom, #5294E2);
|
background-image: linear-gradient(to bottom, #5294E2); }
|
||||||
background-clip: border-box; }
|
|
||||||
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
.primary-toolbar .entry:focus.image, .header-bar .entry:focus.image {
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
.primary-toolbar .entry:insensitive, .header-bar .entry:insensitive {
|
||||||
|
Loading…
Reference in New Issue
Block a user