From 9c7e31fc1cdb18a92fe2c48b148c09e859c7d1a7 Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Fri, 8 Aug 2014 23:31:33 +0200 Subject: [PATCH] Adwaita: GtkSwitch size reduction and tweaks See https://bugzilla.gnome.org/show_bug.cgi?id=734485 --- gtk/resources/theme/Adwaita/_common.scss | 10 +++++++--- gtk/resources/theme/Adwaita/gtk-contained-dark.css | 8 +++++--- gtk/resources/theme/Adwaita/gtk-contained.css | 8 +++++--- 3 files changed, 17 insertions(+), 9 deletions(-) diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss index 829a1f0df2..c2ca0891fa 100644 --- a/gtk/resources/theme/Adwaita/_common.scss +++ b/gtk/resources/theme/Adwaita/_common.scss @@ -1515,7 +1515,7 @@ GtkTreeView.view.progressbar { //Progressbar in treeview cells GtkSwitch { // FIXME: backdrop insensinsitive slider on the dark variant - -GtkSwitch-slider-width: 47px; // 57px is the right value to make it as tall + -GtkSwitch-slider-width: 45px; // 55px is the right value to make it as tall // as buttons, not doing that for now font: bold condensed 9; outline-offset: -4px; @@ -1531,15 +1531,18 @@ GtkSwitch { background-color: mix($bg_color,$borders_color,60%); text-shadow: 0 1px transparentize(black, 0.9); &:active { + @include progressbar_fill; color: white; border-color: $selected_borders_color; - background-color: $selected_bg_color; box-shadow: $widget_edge; - text-shadow: 0 0 2px white; + //text-shadow: 0 1px transparentize($selected_borders_color,0.5); + text-shadow: 0 1px transparentize($selected_borders_color,0.5), + 0 0 2px transparentize(white,0.4); } &:insensitive { color: $insensitive_fg_color; border-color: $borders_color; + background-image: none; background-color: $insensitive_bg_color; box-shadow: $widget_edge; text-shadow: none; @@ -1547,6 +1550,7 @@ GtkSwitch { &:backdrop { color: $backdrop_fg_color; border-color: $backdrop_borders_color; + background-image: none; background-color: $backdrop_dark_fill; box-shadow: none; text-shadow: none; diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css b/gtk/resources/theme/Adwaita/gtk-contained-dark.css index 69ae7d894a..d90e5b151c 100644 --- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css @@ -1594,7 +1594,7 @@ GtkTreeView.view.progressbar { * Switch * **********/ GtkSwitch { - -GtkSwitch-slider-width: 47px; + -GtkSwitch-slider-width: 45px; font: bold condensed 9; outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); } @@ -1606,20 +1606,22 @@ GtkSwitch { background-color: #2d3232; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } GtkSwitch.trough:active { + background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5); color: white; border-color: #0f2b48; - background-color: #215d9c; box-shadow: 0 1px rgba(238, 238, 236, 0.1); - text-shadow: 0 0 2px white; } + text-shadow: 0 1px rgba(15, 43, 72, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } GtkSwitch.trough:insensitive { color: #939695; border-color: #1c1f1f; + background-image: none; background-color: #323636; box-shadow: 0 1px rgba(238, 238, 236, 0.1); text-shadow: none; } GtkSwitch.trough:backdrop { color: #c9cbc9; border-color: #1e2222; + background-image: none; background-color: #2f3434; box-shadow: none; text-shadow: none; } diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css index 73287cca23..e8b05cc3bd 100644 --- a/gtk/resources/theme/Adwaita/gtk-contained.css +++ b/gtk/resources/theme/Adwaita/gtk-contained.css @@ -1588,7 +1588,7 @@ GtkTreeView.view.progressbar { * Switch * **********/ GtkSwitch { - -GtkSwitch-slider-width: 47px; + -GtkSwitch-slider-width: 45px; font: bold condensed 9; outline-offset: -4px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; } @@ -1600,20 +1600,22 @@ GtkSwitch { background-color: #cecece; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } GtkSwitch.trough:active { + background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de); color: white; border-color: #184472; - background-color: #4a90d9; box-shadow: 0 1px white; - text-shadow: 0 0 2px white; } + text-shadow: 0 1px rgba(24, 68, 114, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } GtkSwitch.trough:insensitive { color: #8d9091; border-color: #a1a1a1; + background-image: none; background-color: #f4f4f4; box-shadow: 0 1px white; text-shadow: none; } GtkSwitch.trough:backdrop { color: #54595a; border-color: #a8a8a8; + background-image: none; background-color: #d4d4d4; box-shadow: none; text-shadow: none; }