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

handle headerbar-border transparency correctly

This commit is contained in:
Horst3180 2015-09-21 18:59:18 +02:00
parent f442529bbc
commit e51d704967
21 changed files with 147 additions and 72 deletions

View File

@ -905,11 +905,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(38, 42, 51, 0.97);
border-color: #262a33;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.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 {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -985,9 +986,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.titlebar {
padding-left: 7px;

View File

@ -908,11 +908,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(38, 42, 51, 0.97);
border-color: #262a33;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.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 {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -988,9 +989,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.titlebar {
padding-left: 7px;

View File

@ -909,7 +909,8 @@ GtkComboBox {
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.csd .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.header-bar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -985,9 +986,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.titlebar {
padding-left: 7px;

View File

@ -912,7 +912,8 @@ GtkComboBox {
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.csd .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.header-bar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -988,9 +989,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.titlebar {
padding-left: 7px;

View File

@ -912,7 +912,8 @@ GtkComboBox {
color: rgba(82, 93, 118, 0.8);
background-color: #e7e8eb; }
.csd .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.header-bar:backdrop {
color: rgba(82, 93, 118, 0.5);
background-color: #eff0f2; }
@ -988,9 +989,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.maximized .header-bar:backdrop {
background-color: #eff0f2; }
background-color: #eff0f2;
border-color: #d4d5db; }
.titlebar {
padding-left: 7px;

View File

@ -908,11 +908,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(212, 213, 219, 0.95);
border-color: #d4d5db;
color: rgba(82, 93, 118, 0.8);
background-color: #e7e8eb; }
.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 {
color: rgba(82, 93, 118, 0.5);
background-color: #eff0f2; }
@ -988,9 +989,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.maximized .header-bar:backdrop {
background-color: #eff0f2; }
background-color: #eff0f2;
border-color: #d4d5db; }
.titlebar {
padding-left: 7px;

View File

@ -1033,12 +1033,15 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: $header_border;
border-color: opacify($header_border, 1);
color: $header_fg;
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 {
color: transparentize($header_fg, 0.3);
@ -1127,8 +1130,12 @@ GtkComboBox {
.maximized & {
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);
}
}
}

View File

@ -905,11 +905,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(38, 42, 51, 0.97);
border-color: #262a33;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.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 {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -985,9 +986,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -908,11 +908,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(38, 42, 51, 0.97);
border-color: #262a33;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.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 {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -988,9 +989,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -909,7 +909,8 @@ GtkComboBox {
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.csd .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.header-bar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -985,9 +986,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -912,7 +912,8 @@ GtkComboBox {
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.csd .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.header-bar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -988,9 +989,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -912,7 +912,8 @@ GtkComboBox {
color: rgba(82, 93, 118, 0.8);
background-color: #e7e8eb; }
.csd .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.header-bar:backdrop {
color: rgba(82, 93, 118, 0.5);
background-color: #eff0f2; }
@ -988,9 +989,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.maximized .header-bar:backdrop {
background-color: #eff0f2; }
background-color: #eff0f2;
border-color: #d4d5db; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -908,11 +908,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(212, 213, 219, 0.95);
border-color: #d4d5db;
color: rgba(82, 93, 118, 0.8);
background-color: #e7e8eb; }
.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 {
color: rgba(82, 93, 118, 0.5);
background-color: #eff0f2; }
@ -988,9 +989,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.maximized .header-bar:backdrop {
background-color: #eff0f2; }
background-color: #eff0f2;
border-color: #d4d5db; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -1033,12 +1033,15 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: $header_border;
border-color: opacify($header_border, 1);
color: $header_fg;
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 {
color: transparentize($header_fg, 0.3);
@ -1127,8 +1130,12 @@ GtkComboBox {
.maximized & {
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 {

View File

@ -993,11 +993,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(38, 42, 51, 0.97);
border-color: #262a33;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.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 {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -1074,9 +1075,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -996,11 +996,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(38, 42, 51, 0.97);
border-color: #262a33;
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.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 {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -1077,9 +1078,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -997,7 +997,8 @@ GtkComboBox {
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.csd .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.header-bar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -1074,9 +1075,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -1000,7 +1000,8 @@ GtkComboBox {
color: rgba(207, 218, 231, 0.8);
background-color: #2f343f; }
.csd .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.header-bar:backdrop {
color: rgba(207, 218, 231, 0.5);
background-color: #323843; }
@ -1077,9 +1078,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #2f343f; }
background-color: #2f343f;
border-color: #262a33; }
.maximized .header-bar:backdrop {
background-color: #323843; }
background-color: #323843;
border-color: #262a33; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -1000,7 +1000,8 @@ GtkComboBox {
color: rgba(82, 93, 118, 0.8);
background-color: #e7e8eb; }
.csd .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.header-bar:backdrop {
color: rgba(82, 93, 118, 0.5);
background-color: #eff0f2; }
@ -1077,9 +1078,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.maximized .header-bar:backdrop {
background-color: #eff0f2; }
background-color: #eff0f2;
border-color: #d4d5db; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -996,11 +996,12 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: rgba(212, 213, 219, 0.95);
border-color: #d4d5db;
color: rgba(82, 93, 118, 0.8);
background-color: #e7e8eb; }
.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 {
color: rgba(82, 93, 118, 0.5);
background-color: #eff0f2; }
@ -1077,9 +1078,11 @@ GtkComboBox {
.maximized .header-bar, .maximized .header-bar:backdrop {
border-radius: 0; }
.maximized .header-bar {
background-color: #e7e8eb; }
background-color: #e7e8eb;
border-color: #d4d5db; }
.maximized .header-bar:backdrop {
background-color: #eff0f2; }
background-color: #eff0f2;
border-color: #d4d5db; }
.header-bar.default-decoration {
padding-top: 5px;
padding-bottom: 5px;

View File

@ -1077,12 +1077,15 @@ GtkComboBox {
border-width: 0 0 1px;
border-style: solid;
border-radius: 0;
border-color: $header_border;
border-color: opacify($header_border, 1);
color: $header_fg;
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 {
color: transparentize($header_fg, 0.3);
@ -1171,8 +1174,12 @@ GtkComboBox {
.maximized & {
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 {