AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-11-06 08:40:08 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: parametric bottom edge color for entries

Browse Source 
The entry mixin now allows to specify the color of the widget bottom
edge hilight, istead then just enable/disable it, so `$noegde: true`
now is `$egde: none` or `$edge: $somecolor`, not setting it draws
the edge with the default theme color.
This commit is contained in:
Lapo Calamandrei 2014-09-03 13:18:39 +02:00
parent ae81e4ee1b
commit 6adaf4b74f
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -232,7 +232,7 @@ GtkFlowBox .grid-child {
@include entry(normal); @include entry(normal);
&.flat, &.flat:focus { &.flat, &.flat:focus {
padding: 2px; padding: 2px;
@include entry(normal, $noedge:true); @include entry(normal, $edge:none);
border: none; border: none;
border-radius: 0; border-radius: 0;
} }

9
gtk/resources/theme/Adwaita/_drawing.scss
View File

@ -23,21 +23,22 @@
@return linear-gradient(to bottom, darken($c,3%), $c 90%); @return linear-gradient(to bottom, darken($c,3%), $c 90%);
} }
@mixin entry($t, $fc:$selected_bg_color, $noedge:false) { @mixin entry($t, $fc:$selected_bg_color, $edge: $borders_edge) {
// //
// Entries drawing function // Entries drawing function
// //
// $t: entry type // $t: entry type
// $fc: focus color // $fc: focus color
// $noedge: set to true not to draw the bottom edge hilight // $edge: set to none to not draw the bottom edge or specify a color to not
// use the default one
// //
// possible $t values: // possible $t values:
// normal, focus, insensitive, backdrop, backdrop-insensitive; // normal, focus, insensitive, backdrop, backdrop-insensitive;
// //
background-color: transparent; background-color: transparent;
background-image: entry_gradient($base_color); background-image: entry_gradient($base_color);
$_blank_edge: if($noedge, none, 0 1px transparentize(white,1)); $_blank_edge: if($edge == none, none, 0 1px transparentize($edge,1));
$_entry_edge: if($noedge, none, widget_edge()); $_entry_edge: if($edge == none, none, widget_edge($edge));
$_inner_shadows: inset 0 3px mix(black, $base_color, 3%), $_inner_shadows: inset 0 3px mix(black, $base_color, 3%),
inset 0 1px mix(black, $base_color, 18%); inset 0 1px mix(black, $base_color, 18%);
@if $variant == 'dark' { @if $variant == 'dark' {

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

@ -194,14 +194,14 @@ GtkFlowBox .grid-child {
color: #c9cbc9; color: #c9cbc9;
border-color: #1e2222; border-color: #1e2222;
background-image: linear-gradient(to bottom, #2c2c2c); background-image: linear-gradient(to bottom, #2c2c2c);
box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(238, 238, 236, 0); }
.entry:backdrop:insensitive { .entry:backdrop:insensitive {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to bottom, #212121, #292929 90%); background-image: linear-gradient(to bottom, #212121, #292929 90%);
color: #5d6767; color: #5d6767;
border-color: #1e2222; border-color: #1e2222;
background-image: linear-gradient(to bottom, #323636); background-image: linear-gradient(to bottom, #323636);
box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(238, 238, 236, 0); }
.entry:selected, .entry:backdrop:selected { .entry:selected, .entry:backdrop:selected {
background-color: #215d9c; background-color: #215d9c;
color: #ffffff; } color: #ffffff; }
@ -2872,7 +2872,7 @@ GtkLevelBar.vertical {
color: #c9cbc9; color: #c9cbc9;
border-color: #1e2222; border-color: #1e2222;
background-image: linear-gradient(to bottom, #2c2c2c); background-image: linear-gradient(to bottom, #2c2c2c);
box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(255, 255, 255, 0); } box-shadow: inset 0 2px rgba(38, 38, 38, 0), inset 0 1px rgba(33, 33, 33, 0), 0 1px rgba(238, 238, 236, 0); }
.level-bar.fill-block { .level-bar.fill-block {
border: 1px solid #1c5187; border: 1px solid #1c5187;
background-color: #215d9c; background-color: #215d9c;