AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: widget edge for switch and progressbars

Browse Source
This commit is contained in:
Lapo Calamandrei 2014-07-18 23:30:16 +02:00
parent 51a5cfc783
commit cf62f66101
3 changed files with 22 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1443,6 +1443,9 @@ GtkSwitch {
-GtkSwitch-slider-width: 47px;
font: bold condensed 9;
outline-offset: -4px;
box-shadow: inset 0 1px transparentize(black, 0.9), // needs to be set here
$widget_edge; // otherwise it gets
// clipped
&.trough {
// similar to the .scale
border-width: 1px;
@ -1450,7 +1453,6 @@ GtkSwitch {
border-radius: 3px;
border-color: $borders_color;
background-color: mix($bg_color,$borders_color,60%);
box-shadow: inset 0 1px transparentize(black, 0.9); /*outset not working*/
text-shadow: 0 1px transparentize(black, 0.9);
&:active {
color: white;
@ -1805,6 +1807,9 @@ GtkProgressBar {
padding: 0;
font-size: 83%;
color: transparentize($fg_color, 0.6);
box-shadow: inset 1px 1px transparentize(black, 0.9), // needs to be set
$widget_edge; // here ot it gets
// clipped
&:backdrop {
color: $backdrop_insensitive_color;
}
@ -1817,11 +1822,8 @@ GtkProgressBar {
border-radius: 3px;
border-color: $selected_borders_color;
background-color: $selected_bg_color;
// I really prefer these flat w/o this shadow - Lapo
box-shadow: inset 0 1px 0 transparentize($borders_edge,0.8);
&.vertical {
box-shadow: inset 1px 0 0 transparentize($borders_edge,0.8);
}
box-shadow: none;
// box-shadow: inset 1px 1px transparentize($borders_edge,0.8);
&:backdrop {
border-color: $selected_bg_color;
background-color: $selected_bg_color;
@ -1843,8 +1845,8 @@ GtkProgressBar.trough {
border-radius: 3px;
border-color: $borders_color;
background-color: mix($borders_color,$bg_color, 35%);
box-shadow: inset 1px 1px transparentize(black, 0.9),
$widget_edge;
// box-shadow: inset 1px 1px transparentize(black, 0.9),
// $widget_edge;
&:backdrop{
border-color: $backdrop_borders_color;
background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%);

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

@ -1547,15 +1547,14 @@ GtkTreeView.view.progressbar {
GtkSwitch {
-GtkSwitch-slider-width: 47px;
font: bold condensed 9;
outline-offset: -4px; }
outline-offset: -4px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
GtkSwitch.trough {
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #1c1f1f;
background-color: #2d3232;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
/*outset not working*/
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
GtkSwitch.trough:active {
color: white;
@ -2326,7 +2325,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
GtkProgressBar {
padding: 0;
font-size: 83%;
color: rgba(238, 238, 236, 0.4); }
color: rgba(238, 238, 236, 0.4);
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
GtkProgressBar:backdrop {
color: #454c4c; }
@ -2336,9 +2336,7 @@ GtkProgressBar {
border-radius: 3px;
border-color: #0f2b48;
background-color: #215d9c;
box-shadow: inset 0 1px 0 rgba(238, 238, 236, 0); }
.progressbar.vertical {
box-shadow: inset 1px 0 0 rgba(238, 238, 236, 0); }
box-shadow: none; }
.progressbar:backdrop {
border-color: #215d9c;
background-color: #215d9c;
@ -2355,8 +2353,7 @@ GtkProgressBar.trough {
border-style: solid;
border-radius: 3px;
border-color: #1c1f1f;
background-color: #2e3333;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
background-color: #2e3333; }
GtkProgressBar.trough:backdrop {
border-color: #1e2222;
background-color: #2f3434;

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

@ -1540,15 +1540,14 @@ GtkTreeView.view.progressbar {
GtkSwitch {
-GtkSwitch-slider-width: 47px;
font: bold condensed 9;
outline-offset: -4px; }
outline-offset: -4px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px white; }
GtkSwitch.trough {
border-width: 1px;
border-style: solid;
border-radius: 3px;
border-color: #a1a1a1;
background-color: #cecece;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
/*outset not working*/
text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
GtkSwitch.trough:active {
color: white;
@ -2317,7 +2316,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
GtkProgressBar {
padding: 0;
font-size: 83%;
color: rgba(46, 52, 54, 0.4); }
color: rgba(46, 52, 54, 0.4);
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
GtkProgressBar:backdrop {
color: #c7c7c7; }
@ -2327,9 +2327,7 @@ GtkProgressBar {
border-radius: 3px;
border-color: #184472;
background-color: #4a90d9;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
.progressbar.vertical {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2); }
box-shadow: none; }
.progressbar:backdrop {
border-color: #4a90d9;
background-color: #4a90d9;
@ -2346,8 +2344,7 @@ GtkProgressBar.trough {
border-style: solid;
border-radius: 3px;
border-color: #a1a1a1;
background-color: #d2d2d2;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white; }
background-color: #d2d2d2; }
GtkProgressBar.trough:backdrop {
border-color: #a8a8a8;
background-color: #d4d4d4;