callisto-debian/gtk3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adwaita: column headers visual simplification

Browse Source
This commit is contained in:
Lapo Calamandrei 2014-06-16 16:45:24 +02:00
parent cf8eaebc07
commit aa339ee30c
3 changed files with 89 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
gtk/resources/theme/Adwaita/_common.scss
View File

@ -651,25 +651,44 @@ GtkComboBox {
/************** /**************
* Tree Views * * Tree Views *
**************/ **************/
column-header {
column-header { // FIXME: something better .button {
.button, @extend %column_header_button;
.button:hover, $_column_header_color: mix($fg_color,$base_color,50%);
.button:active, color: $_column_header_color;
.button:backdrop {
border-width: 0 1px 1px 0;
border-color: transparent;
box-shadow: none;
border-radius: 0;
border-image: linear-gradient(to top,
mix($borders_color, $base_color, 50%),
$base_color
) 0 1 1 0;
background-image: none;
background-color: $base_color;
color: mix($fg_color,$base_color,50%);
text-shadow: none;
font-weight: bold; font-weight: bold;
text-shadow: none;
box-shadow: none;
&:hover {
@extend %column_header_button;
color: mix($_column_header_color,$fg_color,50%);
box-shadow: none;
}
&:active {
@extend %column_header_button;
color: $fg_color;
}
}
&:last-child .button { border-right-style: none; }
}
%column_header_button {
border-width: 0 1px 1px 0;
border-radius: 0;
background-image: none;
border-color: $bg_color;
text-shadow: none;
&:insensitive {
border-color: $bg_color;
background-image: none;
}
&:backdrop {
border-color: $backdrop_bg_color;
background-image: none;
&:insensitive {
border-color: $backdrop_bg_color;
background-image: none;
}
} }
} }

38
gtk/resources/theme/Adwaita/gtk-contained-dark.css
View File

@ -843,20 +843,34 @@ GtkComboBox {
/************** /**************
* Tree Views * * Tree Views *
**************/ **************/
column-header .button, column-header .button {
column-header .button:hover,
column-header .button:active,
column-header .button:backdrop {
border-width: 0 1px 1px 0;
border-color: transparent;
box-shadow: none;
border-radius: 0;
border-image: linear-gradient(to top, #222424, #292929) 0 1 1 0;
background-image: none;
background-color: #292929;
color: #8b8b8a; color: #8b8b8a;
font-weight: bold;
text-shadow: none; text-shadow: none;
font-weight: bold; } box-shadow: none; }
column-header .button:hover {
color: #bcbcbb;
box-shadow: none; }
column-header .button:active {
color: #eeeeec; }
column-header:last-child .button {
border-right-style: none; }
column-header .button, column-header .button:hover, column-header .button:active {
border-width: 0 1px 1px 0;
border-radius: 0;
background-image: none;
border-color: #393f3f;
text-shadow: none; }
column-header .button:insensitive {
border-color: #393f3f;
background-image: none; }
column-header .button:backdrop {
border-color: #393f3f;
background-image: none; }
column-header .button:backdrop:insensitive {
border-color: #393f3f;
background-image: none; }
/********* /*********
* Menus * * Menus *

38
gtk/resources/theme/Adwaita/gtk-contained.css
View File

@ -843,20 +843,34 @@ GtkComboBox {
/************** /**************
* Tree Views * * Tree Views *
**************/ **************/
column-header .button, column-header .button {
column-header .button:hover,
column-header .button:active,
column-header .button:backdrop {
border-width: 0 1px 1px 0;
border-color: transparent;
box-shadow: none;
border-radius: 0;
border-image: linear-gradient(to top, #d0d0d0, white) 0 1 1 0;
background-image: none;
background-color: white;
color: #96999a; color: #96999a;
font-weight: bold;
text-shadow: none; text-shadow: none;
font-weight: bold; } box-shadow: none; }
column-header .button:hover {
color: #626668;
box-shadow: none; }
column-header .button:active {
color: #2e3436; }
column-header:last-child .button {
border-right-style: none; }
column-header .button, column-header .button:hover, column-header .button:active {
border-width: 0 1px 1px 0;
border-radius: 0;
background-image: none;
border-color: #ededed;
text-shadow: none; }
column-header .button:insensitive {
border-color: #ededed;
background-image: none; }
column-header .button:backdrop {
border-color: #ededed;
background-image: none; }
column-header .button:backdrop:insensitive {
border-color: #ededed;
background-image: none; }
/********* /*********
* Menus * * Menus *