[gtk+] Adwaita: some more color tweaks and sass simplification
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: some more color tweaks and sass simplification
- Date: Wed, 9 Dec 2015 16:39:46 +0000 (UTC)
commit f51dfb7af890227733c74d88f6b2b7c204c7c82f
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Wed Dec 9 17:38:38 2015 +0100
Adwaita: some more color tweaks and sass simplification
gtk/theme/Adwaita/_colors.scss | 2 +-
gtk/theme/Adwaita/_drawing.scss | 21 ++++-----------------
gtk/theme/Adwaita/gtk-contained-dark.css | 4 ++--
gtk/theme/Adwaita/gtk-contained.css | 4 ++--
4 files changed, 9 insertions(+), 22 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_colors.scss b/gtk/theme/Adwaita/_colors.scss
index 4f1c1e8..a44b761 100644
--- a/gtk/theme/Adwaita/_colors.scss
+++ b/gtk/theme/Adwaita/_colors.scss
@@ -16,7 +16,7 @@ $link_color: if($variant == 'light', darken($selected_bg_color,10%), lighten($se
$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%),
lighten($selected_bg_color,10%));
$top_hilight: $borders_edge;
$dark_fill: mix($borders_color, $bg_color, 35%);
-$headerbar_color: if($variant == 'light', lighten($bg_color, 2%), darken($bg_color, 5%));
+$headerbar_color: if($variant == 'light', lighten($bg_color, 5%), darken($bg_color, 6%));
$scrollbar_bg_color: darken($bg_color, 7%);
diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss
index 4649894..43023ed 100644
--- a/gtk/theme/Adwaita/_drawing.scss
+++ b/gtk/theme/Adwaita/_drawing.scss
@@ -463,30 +463,17 @@
@else { box-shadow: none; }
}
- function headerbar_gradient($c, $tc:lighten($c, 2%)) {
-//
-// headerbar gradient helper function
-//
-// $c: base color
-// $tc: top color
-//
- @return linear-gradient(to top, $c, $tc 10%);
-}
-
- mixin headerbar_fill($c:$headerbar_color, $tc:lighten($c, 2%), $hc:$top_hilight) {
+ mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight) {
//
// headerbar fill
//
// $c: base color
-// $tc: top color
// $hc: top highlight color
//
- $_bottom_shade_color: if($variant == 'light', mix(_border_color($c), $c, 20%),
- mix(_border_color($c), $c, 10%));
- background-image: headerbar_gradient($c, $tc);
- box-shadow: inset 0 -1px $_bottom_shade_color, // bottom shade
- inset 0 1px $hc; // top highlight
+ @if $variant == 'light' { background-image: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px,
$c 3px); }
+ @else { background-image: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); }
+ box-shadow: inset 0 1px $hc; // top highlight
}
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index f4f5074..2ba01b5 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1598,8 +1598,8 @@ headerbar {
border-color: #1c1f1f;
border-radius: 7px 7px 0 0;
background-color: transparent;
- background-image: linear-gradient(to top, #2d3232, #323737 10%);
- box-shadow: inset 0 -1px #292d2d, inset 0 1px rgba(238, 238, 236, 0.07); }
+ background-image: linear-gradient(to top, #232727, #282c2c 2px, #2a2f2f 3px);
+ box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
.titlebar:backdrop,
headerbar:backdrop {
border-color: #1f2222;
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 78cb246..60211f5 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1598,8 +1598,8 @@ headerbar {
border-color: #9d9d99;
border-radius: 7px 7px 0 0;
background-color: transparent;
- background-image: linear-gradient(to top, #ededec, #f2f2f1 10%);
- box-shadow: inset 0 -1px #e1e1df, inset 0 1px rgba(255, 255, 255, 0.8); }
+ background-image: linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
.titlebar:backdrop,
headerbar:backdrop {
border-color: #a5a5a1;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]