mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
handle headerbar-border transparency correctly
This commit is contained in:
parent
f442529bbc
commit
e51d704967
@ -905,11 +905,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(38, 42, 51, 0.97);
|
border-color: #262a33;
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(47, 52, 63, 0.97); }
|
background-color: rgba(47, 52, 63, 0.97);
|
||||||
|
border-color: rgba(38, 42, 51, 0.97); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -985,9 +986,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
|
|
||||||
.titlebar {
|
.titlebar {
|
||||||
padding-left: 7px;
|
padding-left: 7px;
|
||||||
|
@ -908,11 +908,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(38, 42, 51, 0.97);
|
border-color: #262a33;
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(47, 52, 63, 0.97); }
|
background-color: rgba(47, 52, 63, 0.97);
|
||||||
|
border-color: rgba(38, 42, 51, 0.97); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -988,9 +989,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
|
|
||||||
.titlebar {
|
.titlebar {
|
||||||
padding-left: 7px;
|
padding-left: 7px;
|
||||||
|
@ -909,7 +909,8 @@ GtkComboBox {
|
|||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -985,9 +986,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
|
|
||||||
.titlebar {
|
.titlebar {
|
||||||
padding-left: 7px;
|
padding-left: 7px;
|
||||||
|
@ -912,7 +912,8 @@ GtkComboBox {
|
|||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -988,9 +989,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
|
|
||||||
.titlebar {
|
.titlebar {
|
||||||
padding-left: 7px;
|
padding-left: 7px;
|
||||||
|
@ -912,7 +912,8 @@ GtkComboBox {
|
|||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(82, 93, 118, 0.5);
|
color: rgba(82, 93, 118, 0.5);
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2; }
|
||||||
@ -988,9 +989,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2;
|
||||||
|
border-color: #d4d5db; }
|
||||||
|
|
||||||
.titlebar {
|
.titlebar {
|
||||||
padding-left: 7px;
|
padding-left: 7px;
|
||||||
|
@ -908,11 +908,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(212, 213, 219, 0.95);
|
border-color: #d4d5db;
|
||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(231, 232, 235, 0.95); }
|
background-color: rgba(231, 232, 235, 0.95);
|
||||||
|
border-color: rgba(212, 213, 219, 0.95); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(82, 93, 118, 0.5);
|
color: rgba(82, 93, 118, 0.5);
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2; }
|
||||||
@ -988,9 +989,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2;
|
||||||
|
border-color: #d4d5db; }
|
||||||
|
|
||||||
.titlebar {
|
.titlebar {
|
||||||
padding-left: 7px;
|
padding-left: 7px;
|
||||||
|
@ -1033,12 +1033,15 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: $header_border;
|
border-color: opacify($header_border, 1);
|
||||||
|
|
||||||
color: $header_fg;
|
color: $header_fg;
|
||||||
background-color: opacify($header_bg, 1);
|
background-color: opacify($header_bg, 1);
|
||||||
|
|
||||||
.csd & { background-color: $header_bg; } // Transparent header-bars only in csd windows
|
.csd & { // Transparent header-bars only in csd windows
|
||||||
|
background-color: $header_bg;
|
||||||
|
border-color: $header_border;
|
||||||
|
}
|
||||||
|
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
color: transparentize($header_fg, 0.3);
|
color: transparentize($header_fg, 0.3);
|
||||||
@ -1127,8 +1130,12 @@ GtkComboBox {
|
|||||||
|
|
||||||
.maximized & {
|
.maximized & {
|
||||||
background-color: opacify($header_bg, 1);
|
background-color: opacify($header_bg, 1);
|
||||||
|
border-color: opacify($header_border, 1);
|
||||||
|
|
||||||
&:backdrop { background-color: opacify($header_bg_backdrop, 1); }
|
&:backdrop {
|
||||||
|
background-color: opacify($header_bg_backdrop, 1);
|
||||||
|
border-color: opacify($header_border, 1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -905,11 +905,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(38, 42, 51, 0.97);
|
border-color: #262a33;
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(47, 52, 63, 0.97); }
|
background-color: rgba(47, 52, 63, 0.97);
|
||||||
|
border-color: rgba(38, 42, 51, 0.97); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -985,9 +986,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -908,11 +908,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(38, 42, 51, 0.97);
|
border-color: #262a33;
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(47, 52, 63, 0.97); }
|
background-color: rgba(47, 52, 63, 0.97);
|
||||||
|
border-color: rgba(38, 42, 51, 0.97); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -988,9 +989,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -909,7 +909,8 @@ GtkComboBox {
|
|||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -985,9 +986,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -912,7 +912,8 @@ GtkComboBox {
|
|||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -988,9 +989,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -912,7 +912,8 @@ GtkComboBox {
|
|||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(82, 93, 118, 0.5);
|
color: rgba(82, 93, 118, 0.5);
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2; }
|
||||||
@ -988,9 +989,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -908,11 +908,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(212, 213, 219, 0.95);
|
border-color: #d4d5db;
|
||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(231, 232, 235, 0.95); }
|
background-color: rgba(231, 232, 235, 0.95);
|
||||||
|
border-color: rgba(212, 213, 219, 0.95); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(82, 93, 118, 0.5);
|
color: rgba(82, 93, 118, 0.5);
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2; }
|
||||||
@ -988,9 +989,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -1033,12 +1033,15 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: $header_border;
|
border-color: opacify($header_border, 1);
|
||||||
|
|
||||||
color: $header_fg;
|
color: $header_fg;
|
||||||
background-color: opacify($header_bg, 1);
|
background-color: opacify($header_bg, 1);
|
||||||
|
|
||||||
.csd & { background-color: $header_bg; } // Transparent header-bars only in csd windows
|
.csd & { // Transparent header-bars only in csd windows
|
||||||
|
background-color: $header_bg;
|
||||||
|
border-color: $header_border;
|
||||||
|
}
|
||||||
|
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
color: transparentize($header_fg, 0.3);
|
color: transparentize($header_fg, 0.3);
|
||||||
@ -1127,8 +1130,12 @@ GtkComboBox {
|
|||||||
|
|
||||||
.maximized & {
|
.maximized & {
|
||||||
background-color: opacify($header_bg, 1);
|
background-color: opacify($header_bg, 1);
|
||||||
|
border-color: opacify($header_border, 1);
|
||||||
|
|
||||||
&:backdrop { background-color: opacify($header_bg_backdrop, 1); }
|
&:backdrop {
|
||||||
|
background-color: opacify($header_bg_backdrop, 1);
|
||||||
|
border-color: opacify($header_border, 1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.default-decoration {
|
&.default-decoration {
|
||||||
|
@ -993,11 +993,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(38, 42, 51, 0.97);
|
border-color: #262a33;
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(47, 52, 63, 0.97); }
|
background-color: rgba(47, 52, 63, 0.97);
|
||||||
|
border-color: rgba(38, 42, 51, 0.97); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -1074,9 +1075,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -996,11 +996,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(38, 42, 51, 0.97);
|
border-color: #262a33;
|
||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(47, 52, 63, 0.97); }
|
background-color: rgba(47, 52, 63, 0.97);
|
||||||
|
border-color: rgba(38, 42, 51, 0.97); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -1077,9 +1078,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -997,7 +997,8 @@ GtkComboBox {
|
|||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -1074,9 +1075,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -1000,7 +1000,8 @@ GtkComboBox {
|
|||||||
color: rgba(207, 218, 231, 0.8);
|
color: rgba(207, 218, 231, 0.8);
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(207, 218, 231, 0.5);
|
color: rgba(207, 218, 231, 0.5);
|
||||||
background-color: #323843; }
|
background-color: #323843; }
|
||||||
@ -1077,9 +1078,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #2f343f; }
|
background-color: #2f343f;
|
||||||
|
border-color: #262a33; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #323843; }
|
background-color: #323843;
|
||||||
|
border-color: #262a33; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -1000,7 +1000,8 @@ GtkComboBox {
|
|||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(82, 93, 118, 0.5);
|
color: rgba(82, 93, 118, 0.5);
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2; }
|
||||||
@ -1077,9 +1078,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -996,11 +996,12 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: rgba(212, 213, 219, 0.95);
|
border-color: #d4d5db;
|
||||||
color: rgba(82, 93, 118, 0.8);
|
color: rgba(82, 93, 118, 0.8);
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb; }
|
||||||
.csd .header-bar {
|
.csd .header-bar {
|
||||||
background-color: rgba(231, 232, 235, 0.95); }
|
background-color: rgba(231, 232, 235, 0.95);
|
||||||
|
border-color: rgba(212, 213, 219, 0.95); }
|
||||||
.header-bar:backdrop {
|
.header-bar:backdrop {
|
||||||
color: rgba(82, 93, 118, 0.5);
|
color: rgba(82, 93, 118, 0.5);
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2; }
|
||||||
@ -1077,9 +1078,11 @@ GtkComboBox {
|
|||||||
.maximized .header-bar, .maximized .header-bar:backdrop {
|
.maximized .header-bar, .maximized .header-bar:backdrop {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.maximized .header-bar {
|
.maximized .header-bar {
|
||||||
background-color: #e7e8eb; }
|
background-color: #e7e8eb;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.maximized .header-bar:backdrop {
|
.maximized .header-bar:backdrop {
|
||||||
background-color: #eff0f2; }
|
background-color: #eff0f2;
|
||||||
|
border-color: #d4d5db; }
|
||||||
.header-bar.default-decoration {
|
.header-bar.default-decoration {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
|
@ -1077,12 +1077,15 @@ GtkComboBox {
|
|||||||
border-width: 0 0 1px;
|
border-width: 0 0 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border-color: $header_border;
|
border-color: opacify($header_border, 1);
|
||||||
|
|
||||||
color: $header_fg;
|
color: $header_fg;
|
||||||
background-color: opacify($header_bg, 1);
|
background-color: opacify($header_bg, 1);
|
||||||
|
|
||||||
.csd & { background-color: $header_bg; } // Transparent header-bars only in csd windows
|
.csd & { // Transparent header-bars only in csd windows
|
||||||
|
background-color: $header_bg;
|
||||||
|
border-color: $header_border;
|
||||||
|
}
|
||||||
|
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
color: transparentize($header_fg, 0.3);
|
color: transparentize($header_fg, 0.3);
|
||||||
@ -1171,8 +1174,12 @@ GtkComboBox {
|
|||||||
|
|
||||||
.maximized & {
|
.maximized & {
|
||||||
background-color: opacify($header_bg, 1);
|
background-color: opacify($header_bg, 1);
|
||||||
|
border-color: opacify($header_border, 1);
|
||||||
|
|
||||||
&:backdrop { background-color: opacify($header_bg_backdrop, 1); }
|
&:backdrop {
|
||||||
|
background-color: opacify($header_bg_backdrop, 1);
|
||||||
|
border-color: opacify($header_border, 1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.default-decoration {
|
&.default-decoration {
|
||||||
|
Loading…
Reference in New Issue
Block a user