[gtk+] Adwaita: flatten colorswatches
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: flatten colorswatches
- Date: Sun, 17 Apr 2016 16:17:41 +0000 (UTC)
commit a89d03d6b8c06fdb06a7740ca1cdf94846da4df7
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Sun Apr 17 18:17:07 2016 +0200
Adwaita: flatten colorswatches
gtk/theme/Adwaita/_common.scss | 10 +++++-----
gtk/theme/Adwaita/gtk-contained-dark.css | 5 ++---
gtk/theme/Adwaita/gtk-contained.css | 5 ++---
3 files changed, 9 insertions(+), 11 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 5ff65c0..3f43680 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -3939,11 +3939,9 @@ colorswatch {
// is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is
// applied to the overlay box.
- &, &:drop(active) { border-style: none; } // FIXME: implement a proper drop(active) state
+ &:drop(active), & { border-style: none; } // FIXME: implement a proper drop(active) state
$_colorswatch_radius: 5px;
- $_colorswatch_overlay_shadow: if($variant == 'light', inset 0 2px 2px -3px transparentize(black, 0.3),
- inset 0 3px 2px -2px transparentize(black, 0.5));
// base color corners rounding
// to avoid the artifacts caused by rounded corner anti-aliasing the base color
@@ -4025,10 +4023,12 @@ colorswatch {
}
overlay {
- box-shadow: $_colorswatch_overlay_shadow;
border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color);
- &:hover { box-shadow: inset 0 1px transparentize(white, 0.7); }
+ &:hover {
+ box-shadow: inset 0 1px transparentize(white, 0.6),
+ inset 0 -1px transparentize(black, 0.8);
+ }
&:backdrop, &:backdrop:hover {
border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color);
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 79965c7..f564ff4 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -4257,7 +4257,7 @@ tooltip {
/*****************
* Color Chooser *
*****************/
-colorswatch, colorswatch:drop(active) {
+colorswatch:drop(active), colorswatch {
border-style: none; }
colorswatch.top {
border-top-left-radius: 5.5px;
@@ -4304,10 +4304,9 @@ colorswatch:drop(active) {
border-color: #4e9a06;
box-shadow: inset 0 0 0 2px #212424, inset 0 0 0 1px #4e9a06; }
colorswatch overlay {
- box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
border: 1px solid #212424; }
colorswatch overlay:hover {
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
border-color: #212424;
box-shadow: none; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index da9ab20..92c8341 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -4286,7 +4286,7 @@ tooltip {
/*****************
* Color Chooser *
*****************/
-colorswatch, colorswatch:drop(active) {
+colorswatch:drop(active), colorswatch {
border-style: none; }
colorswatch.top {
border-top-left-radius: 5.5px;
@@ -4333,10 +4333,9 @@ colorswatch:drop(active) {
border-color: #4e9a06;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; }
colorswatch overlay {
- box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7);
border: 1px solid rgba(0, 0, 0, 0.3); }
colorswatch overlay:hover {
- box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
border-color: rgba(0, 0, 0, 0.3);
box-shadow: none; }
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]