[gtk+] HighContrast: OSD fixes
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] HighContrast: OSD fixes
- Date: Tue, 17 Mar 2015 17:19:43 +0000 (UTC)
commit 9b5fa0860fdf69e98f56afb7ea4445792a0f18e1
Author: Jakub Steiner <jimmac gmail com>
Date: Tue Mar 17 15:46:22 2015 +0100
HighContrast: OSD fixes
- buttons
- labels
- scale trough/slider
https://bugzilla.gnome.org/show_bug.cgi?id=746148
gtk/theme/HighContrast/_common.scss | 15 +-
gtk/theme/HighContrast/_drawing.scss | 57 +++---
gtk/theme/HighContrast/gtk.css | 354 +++++++++++++++++++++------------
3 files changed, 255 insertions(+), 171 deletions(-)
---
diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 85ad778..82ffe56 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -814,6 +814,7 @@ GtkComboBox {
background-color: $osd_bg_color;
border-radius: 6px;
padding: 12px;
+ .label { color: $osd_fg_color; }
}
//searchbar & inline-toolbar
&.inline-toolbar {
@@ -1535,28 +1536,22 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
@include button(normal, $edge: none);
border-radius: 50%;
border-color: darken($borders_color,3%);
- box-shadow: inset 0 1px white,
- inset 0 #{-2px} $bg_color,
- inset 0 #{-1px} mix($bg_color,$borders_color,50%);
&:hover {
@include button(hover, $edge: none);
border-color: darken($borders_color,3%);
border-radius: 50%; // needed for double marks scales
- box-shadow: inset 0 1px white,
- inset 0 #{-2px} white,
- inset 0 #{-1px} mix($bg_color,$borders_color,70%);
}
&:insensitive {
border-style: solid; // needed for double marks scales or they'll get
border-radius: 50%; // overridden
- background-image: linear-gradient(to bottom, $insensitive_bg_color);
+ background-image: none;
box-shadow: none;
}
&:backdrop {
border-style: solid; // needed for double marks scales or they'll get
border-radius: 50%; // overridden
border-color: darken($backdrop_borders_color,3%);
- background-image: linear-gradient(to bottom, $backdrop_bg_color);
+ background-image: none;
box-shadow: none;
}
&:backdrop:insensitive { @include button(backdrop-insensitive);}
@@ -1574,10 +1569,10 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
box-shadow: inset 1px 1px transparentize(black, 0.9);
&.highlight {
border-color: $selected_borders_color;
- background-color: $selected_bg_color;
+ background-color: $success_color;
&:backdrop {
border-color: $selected_bg_color;
- background-color: $selected_bg_color;
+ background-color: desaturate($success_color,100%);
box-shadow: none;
}
}
diff --git a/gtk/theme/HighContrast/_drawing.scss b/gtk/theme/HighContrast/_drawing.scss
index 76073a7..a14a529 100644
--- a/gtk/theme/HighContrast/_drawing.scss
+++ b/gtk/theme/HighContrast/_drawing.scss
@@ -124,11 +124,8 @@
// normal button
//
color: $tc;
- background-image: linear-gradient(to bottom,
- lighten($c,5%),
- $c 40%,
- darken($c,5%)
- );
+ background-image: none;
+ background-color: $c;
@if $c!=$bg_color { @include _button_border_color($c); }
@else { border-color: $borders_color; }
@@ -139,13 +136,11 @@
//
// hovered button
//
- color: $tc;
+ color: $tc; //fg_color
+ background-color: $c;
@if $c!=$bg_color { @include _button_border_color($c); }
@else { border-color: $borders_color; }
- background-image: linear-gradient(to bottom,
- lighten($c,14%),
- lighten($c,4%) 40%,
- $c);
+ background-image: none;
}
@@ -153,25 +148,20 @@
//
// pushed button
//
+ background-image: none;
+ color: invert($tc);
+ background-color: invert($c);
@if $c!=$bg_color { @include _button_border_color($c); }
@else { border-color: $borders_color; }
- @if $c!=$bg_color {
- background-image: linear-gradient(to bottom, darken($c,25%));
- color: $tc;
- }
- @else {
- background-image: linear-gradient(to bottom,
- $borders_color);
- color: $bg_color;
- }
}
@else if $t==insensitive {
//
// insensitive button
//
color: $insensitive_fg_color;
+ background-color: $insensitive_bg_color;
border-color: $insensitive_borders_color;
- background-image: linear-gradient(to bottom, $insensitive_bg_color);
+ background-image: none;
text-shadow: none;
icon-shadow: none;
}
@@ -181,9 +171,8 @@
//
color: $insensitive_fg_color;
border-color: $insensitive_borders_color;
- background-image: linear-gradient(to bottom,
- mix($insensitive_borders_color,
- $insensitive_bg_color, 10%));
+ background-image: none;
+ background-color: $insensitive_bg_color;
}
@else if $t==backdrop {
@@ -191,9 +180,9 @@
// backdrop button
//
color: if($c!=$bg_color, $tc, $backdrop_fg_color);
+ background-color: if($c!=$bg_color, $c, $backdrop_bg_color);
border-color: if($c!=$bg_color, $c, $backdrop_borders_color);
- background-image: linear-gradient(to bottom,
- if($c!=bg_color,$c,$backdrop_bg_color));
+ background-image: none;
text-shadow: none;
icon-shadow: none;
}
@@ -203,9 +192,9 @@
// backdrop pushed button
//
color: $backdrop_fg_color;
+ background-color: $backdrop_bg_color;
border-color: $backdrop_borders_color;
- background-image: linear-gradient(to bottom,
- mix($backdrop_borders_color,$backdrop_bg_color, 35%));
+ background-image: none;
}
@else if $t==backdrop-insensitive {
@@ -213,8 +202,9 @@
// backdrop insensitive button
//
color: $backdrop_insensitive_color;
+ background-color: $insensitive_bg_color;
border-color: $backdrop_borders_color;
- background-image: linear-gradient(to bottom, $backdrop_bg_color);
+ background-image: none;
}
@else if $t==backdrop-insensitive-active {
@@ -223,14 +213,15 @@
//
color: $backdrop_insensitive_color;
border-color: $backdrop_borders_color;
- background-image: linear-gradient(to bottom,
- mix($backdrop_borders_color,$backdrop_bg_color, 8%));
+ background-image: none;
+ background-color: mix($backdrop_borders_color,$backdrop_bg_color, 8%);
}
@else if $t==osd {
//
// normal osd button
//
+ color: $osd_fg_color;
background-image: none;
background-color: $osd_bg_color;
border-color: $osd_borders_color;
@@ -240,7 +231,8 @@
//
// active osd button
//
- background-color: transparentize(#fff,0.99);
+ color: $osd_fg_color;
+ background-color: lighten($osd_bg_color,30%);
border-color: $osd_borders_color;
box-shadow: none;
}
@@ -248,7 +240,8 @@
//
// active osd button
//
- background-color: transparentize(#fff,0.97);
+ color: $osd_bg_color;
+ background-color: $osd_fg_color;
border-color: $osd_borders_color;
box-shadow: none;
}
diff --git a/gtk/theme/HighContrast/gtk.css b/gtk/theme/HighContrast/gtk.css
index 772581a..bbf1f6e 100644
--- a/gtk/theme/HighContrast/gtk.css
+++ b/gtk/theme/HighContrast/gtk.css
@@ -434,54 +434,62 @@
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f; }
.button:hover, .button.flat:hover {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff);
+ background-image: none;
-gtk-image-effect: highlight; }
.button:active, .button.flat:active, .button:checked, .button.flat:checked {
border-width: 2px;
border-style: solid;
+ background-image: none;
+ color: white;
+ background-color: black;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #7f7f7f);
- color: #fff;
transition-duration: 50ms; }
.button:backdrop, .button.flat:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.button:backdrop:active, .button:backdrop:checked, .button.flat:backdrop:active,
.button.flat:backdrop:checked {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #d6d6d6); }
+ background-image: none; }
.button:backdrop:insensitive, .button.flat:backdrop:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.button:backdrop:insensitive:active, .button.flat:backdrop:insensitive:active {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, whitesmoke); }
+ background-image: none;
+ background-color: whitesmoke; }
.button:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.button:insensitive:active, .button:insensitive.flat:active {
@@ -489,12 +497,14 @@
border-style: solid;
color: #7f7f7f;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #f2f2f2); }
+ background-image: none;
+ background-color: white; }
.osd .button {
padding: 6px;
border-width: 1px 1px 2px 1px;
border-width: 2px;
border-style: solid;
+ color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
border-color: rgba(255, 255, 255, 0.2);
@@ -502,13 +512,15 @@
.osd .button:hover {
border-width: 2px;
border-style: solid;
- background-color: rgba(255, 255, 255, 0.01);
+ color: #fff;
+ background-color: rgba(77, 77, 77, 0.8);
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
.osd .button:active, .osd .button:checked {
border-width: 2px;
border-style: solid;
- background-color: rgba(255, 255, 255, 0.03);
+ color: rgba(0, 0, 0, 0.8);
+ background-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
.osd .button:insensitive {
@@ -523,80 +535,92 @@
border-width: 2px;
border-style: solid;
color: white;
- background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
+ background-image: none;
+ background-color: #4a90d9;
border-color: #1c5187; }
.button.suggested-action:hover {
border-width: 2px;
border-style: solid;
color: white;
+ background-color: #4a90d9;
border-color: #1c5187;
- background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); }
+ background-image: none; }
.button.suggested-action:active, .button.suggested-action:checked {
border-width: 2px;
border-style: solid;
- border-color: #1c5187;
- background-image: linear-gradient(to bottom, #1c5187);
- color: white; }
+ background-image: none;
+ color: black;
+ background-color: #b56f26;
+ border-color: #1c5187; }
.button.suggested-action:backdrop {
border-width: 2px;
border-style: solid;
color: white;
+ background-color: #4a90d9;
border-color: #4a90d9;
- background-image: linear-gradient(to bottom, #4a90d9);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.button.suggested-action:backdrop:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.button.suggested-action:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.button.destructive-action {
border-width: 2px;
border-style: solid;
color: white;
- background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212);
+ background-image: none;
+ background-color: #ef2929;
border-color: #8e0b0b; }
.button.destructive-action:hover {
border-width: 2px;
border-style: solid;
color: white;
+ background-color: #ef2929;
border-color: #8e0b0b;
- background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); }
+ background-image: none; }
.button.destructive-action:active, .button.destructive-action:checked {
border-width: 2px;
border-style: solid;
- border-color: #8e0b0b;
- background-image: linear-gradient(to bottom, #8e0b0b);
- color: white; }
+ background-image: none;
+ color: black;
+ background-color: #10d6d6;
+ border-color: #8e0b0b; }
.button.destructive-action:backdrop {
border-width: 2px;
border-style: solid;
color: white;
+ background-color: #ef2929;
border-color: #ef2929;
- background-image: linear-gradient(to bottom, #ef2929);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.button.destructive-action:backdrop:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.button.destructive-action:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.button.image-button {
@@ -613,26 +637,30 @@
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f; }
.inline-toolbar GtkToolButton > .button:hover {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff); }
+ background-image: none; }
.inline-toolbar GtkToolButton > .button:active {
border-width: 2px;
border-style: solid;
- border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #7f7f7f);
- color: #fff; }
+ background-image: none;
+ color: white;
+ background-color: black;
+ border-color: #7f7f7f; }
.inline-toolbar GtkToolButton > .button:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.inline-toolbar GtkToolButton > .button:insensitive:active {
@@ -640,33 +668,38 @@
border-style: solid;
color: #7f7f7f;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #f2f2f2); }
+ background-image: none;
+ background-color: white; }
.inline-toolbar GtkToolButton > .button:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.inline-toolbar GtkToolButton > .button:backdrop:active {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #d6d6d6); }
+ background-image: none; }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.inline-toolbar GtkToolButton > .button:backdrop:insensitive:active {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, whitesmoke); }
+ background-image: none;
+ background-color: whitesmoke; }
.inline-toolbar.toolbar GtkToolButton > .button.flat {
border-radius: 0;
@@ -811,76 +844,87 @@ GtkColorButton.button {
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f; }
.spinbutton.vertical .button:first-child:active {
border-width: 2px;
border-style: solid;
- border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #7f7f7f);
- color: #fff; }
+ background-image: none;
+ color: white;
+ background-color: black;
+ border-color: #7f7f7f; }
.spinbutton.vertical .button:first-child:hover {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff); }
+ background-image: none; }
.spinbutton.vertical .button:first-child:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.spinbutton.vertical .button:first-child:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.spinbutton.vertical .button:last-child {
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f; }
.spinbutton.vertical .button:last-child:active {
border-width: 2px;
border-style: solid;
- border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #7f7f7f);
- color: #fff; }
+ background-image: none;
+ color: white;
+ background-color: black;
+ border-color: #7f7f7f; }
.spinbutton.vertical .button:last-child:hover {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff); }
+ background-image: none; }
.spinbutton.vertical .button:last-child:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.spinbutton.vertical .button:last-child:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.spinbutton.vertical .button:backdrop:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.spinbutton.vertical.entry {
border-radius: 0; }
.spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active,
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive,
.spinbutton.vertical .button:first-child:backdrop {
@@ -936,6 +980,8 @@ GtkComboBox {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 6px;
padding: 12px; }
+ .toolbar.osd .label {
+ color: #fff; }
.toolbar.inline-toolbar {
border-width: 0 1px 1px;
padding: 3px;
@@ -1007,29 +1053,33 @@ GtkComboBox {
border-width: 2px;
border-style: solid;
color: #fff;
- background-image: linear-gradient(to bottom, #0d0d0d, #000 40%, black);
+ background-image: none;
+ background-color: #000;
border-color: black; }
.titlebar.selection-mode .button:hover,
.header-bar.selection-mode .button:hover {
border-width: 2px;
border-style: solid;
color: #fff;
+ background-color: #000;
border-color: black;
- background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, #000); }
+ background-image: none; }
.titlebar.selection-mode .button:active,
.header-bar.selection-mode .button:active {
border-width: 2px;
border-style: solid;
- border-color: black;
- background-image: linear-gradient(to bottom, black);
- color: #fff; }
+ background-image: none;
+ color: black;
+ background-color: white;
+ border-color: black; }
.titlebar.selection-mode .button:insensitive,
.header-bar.selection-mode .button:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.titlebar.selection-mode .button:backdrop,
@@ -1037,8 +1087,9 @@ GtkComboBox {
border-width: 2px;
border-style: solid;
color: #fff;
+ background-color: #000;
border-color: #000;
- background-image: linear-gradient(to bottom, #000);
+ background-image: none;
text-shadow: none;
icon-shadow: none;
border-color: black; }
@@ -1047,36 +1098,41 @@ GtkComboBox {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.titlebar.selection-mode .button.suggested-action,
.header-bar.selection-mode .button.suggested-action {
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f; }
.titlebar.selection-mode .button.suggested-action:hover,
.header-bar.selection-mode .button.suggested-action:hover {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff); }
+ background-image: none; }
.titlebar.selection-mode .button.suggested-action:active,
.header-bar.selection-mode .button.suggested-action:active {
border-width: 2px;
border-style: solid;
- border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #7f7f7f);
- color: #fff; }
+ background-image: none;
+ color: white;
+ background-color: black;
+ border-color: #7f7f7f; }
.titlebar.selection-mode .button.suggested-action:insensitive,
.header-bar.selection-mode .button.suggested-action:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.titlebar.selection-mode .button.suggested-action:backdrop,
@@ -1084,8 +1140,9 @@ GtkComboBox {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
@@ -1093,8 +1150,9 @@ GtkComboBox {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.titlebar.selection-mode .selection-menu,
.header-bar.selection-mode .selection-menu {
border-width: 0;
@@ -1226,6 +1284,7 @@ GtkTreeView.view.progressbar {
text-shadow: none;
border-width: 2px;
border-style: solid;
+ color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
border-color: rgba(255, 255, 255, 0.2);
@@ -1233,13 +1292,15 @@ GtkTreeView.view.progressbar {
.popover.osd .button:hover {
border-width: 2px;
border-style: solid;
- background-color: rgba(255, 255, 255, 0.01);
+ color: #fff;
+ background-color: rgba(77, 77, 77, 0.8);
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
.popover.osd .button:active {
border-width: 2px;
border-style: solid;
- background-color: rgba(255, 255, 255, 0.03);
+ color: rgba(0, 0, 0, 0.8);
+ background-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
.popover.osd .button:insensitive {
@@ -1479,16 +1540,18 @@ GtkTreeView.view.progressbar {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff);
+ background-image: none;
background-image: none;
box-shadow: none; }
.notebook tab .button:active {
border-width: 2px;
border-style: solid;
- border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #7f7f7f);
- color: #fff; }
+ background-image: none;
+ color: white;
+ background-color: black;
+ border-color: #7f7f7f; }
.notebook tab .button:backdrop {
color: rgba(0, 0, 0, 0.3);
border-color: transparent; }
@@ -1577,15 +1640,17 @@ GtkSwitch {
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f;
box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px #bfbfbf; }
GtkSwitch.slider:hover {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff);
+ background-image: none;
box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px #bfbfbf; }
GtkSwitch.slider:active {
border: 1px solid #000; }
@@ -1593,16 +1658,18 @@ GtkSwitch {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
GtkSwitch.slider:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
GtkSwitch.slider:backdrop:active {
@@ -1611,8 +1678,9 @@ GtkSwitch {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
/*************************
* Check and Radio items *
@@ -1704,28 +1772,28 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f;
border-radius: 50%;
- border-color: #777777;
- box-shadow: inset 0 1px white, inset 0 -2px #fff, inset 0 -1px #bfbfbf; }
+ border-color: #777777; }
.scale.slider:hover,
.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff);
+ background-image: none;
border-color: #777777;
- border-radius: 50%;
- box-shadow: inset 0 1px white, inset 0 -2px white, inset 0 -1px #d8d8d8; }
+ border-radius: 50%; }
.scale.slider:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive {
border-style: solid;
border-radius: 50%;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
box-shadow: none; }
.scale.slider:backdrop,
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop,
@@ -1733,7 +1801,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
border-style: solid;
border-radius: 50%;
border-color: #838383;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
box-shadow: none; }
.scale.slider:backdrop:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
@@ -1741,8 +1809,9 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.scale.slider:active,
.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
@@ -1761,12 +1830,12 @@ GtkCheckButton.text-button, GtkRadioButton.text-button {
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
border-color: #000;
- background-color: #000; }
+ background-color: #73d216; }
.scale.trough.highlight:backdrop,
.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop,
.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
border-color: #000;
- background-color: #000;
+ background-color: #747474;
box-shadow: none; }
.scale.trough:insensitive, .scale.trough.hilight:insensitive,
.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
@@ -2028,120 +2097,138 @@ GtkCalendar {
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f; }
.message-dialog.csd .dialog-action-area .button:hover {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white, white 40%, #fff); }
+ background-image: none; }
.message-dialog.csd .dialog-action-area .button:active {
border-width: 2px;
border-style: solid;
- border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #7f7f7f);
- color: #fff; }
+ background-image: none;
+ color: white;
+ background-color: black;
+ border-color: #7f7f7f; }
.message-dialog.csd .dialog-action-area .button:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.message-dialog.csd .dialog-action-area .button:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.message-dialog.csd .dialog-action-area .button:backdrop:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.message-dialog.csd .dialog-action-area .button.suggested-action {
border-width: 2px;
border-style: solid;
color: white;
- background-image: linear-gradient(to bottom, #5f9ddd, #4a90d9 40%, #3583d5);
+ background-image: none;
+ background-color: #4a90d9;
border-color: #1c5187; }
.message-dialog.csd .dialog-action-area .button.suggested-action:hover {
border-width: 2px;
border-style: solid;
color: white;
+ background-color: #4a90d9;
border-color: #1c5187;
- background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9); }
+ background-image: none; }
.message-dialog.csd .dialog-action-area .button.suggested-action:active {
border-width: 2px;
border-style: solid;
- border-color: #1c5187;
- background-image: linear-gradient(to bottom, #1c5187);
- color: white; }
+ background-image: none;
+ color: black;
+ background-color: #b56f26;
+ border-color: #1c5187; }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop {
border-width: 2px;
border-style: solid;
color: white;
+ background-color: #4a90d9;
border-color: #4a90d9;
- background-image: linear-gradient(to bottom, #4a90d9);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.message-dialog.csd .dialog-action-area .button.suggested-action:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.message-dialog.csd .dialog-action-area .button.destructive-action {
border-width: 2px;
border-style: solid;
color: white;
- background-image: linear-gradient(to bottom, #f14141, #ef2929 40%, #ed1212);
+ background-image: none;
+ background-color: #ef2929;
border-color: #8e0b0b; }
.message-dialog.csd .dialog-action-area .button.destructive-action:hover {
border-width: 2px;
border-style: solid;
color: white;
+ background-color: #ef2929;
border-color: #8e0b0b;
- background-image: linear-gradient(to bottom, #f46b6b, #f03c3c 40%, #ef2929); }
+ background-image: none; }
.message-dialog.csd .dialog-action-area .button.destructive-action:active {
border-width: 2px;
border-style: solid;
- border-color: #8e0b0b;
- background-image: linear-gradient(to bottom, #8e0b0b);
- color: white; }
+ background-image: none;
+ color: black;
+ background-color: #10d6d6;
+ border-color: #8e0b0b; }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop {
border-width: 2px;
border-style: solid;
color: white;
+ background-color: #ef2929;
border-color: #ef2929;
- background-image: linear-gradient(to bottom, #ef2929);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.message-dialog.csd .dialog-action-area .button.destructive-action:insensitive {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover,
.message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area
.button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd
.dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area
.button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover,
.message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd
.dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area
.button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area
.button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action,
.message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd
.dialog-action-area .bu
tton.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop,
.message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd
.dialog-action-area .button.destructive-action:insensitive {
@@ -2243,7 +2330,8 @@ GtkInfoBar {
border-width: 2px;
border-style: solid;
color: #fff;
- background-image: linear-gradient(to bottom, #0d0d0d, #000 40%, black);
+ background-image: none;
+ background-color: #000;
border-color: black; }
.info .button:hover,
.question .button:hover,
@@ -2252,17 +2340,19 @@ GtkInfoBar {
border-width: 2px;
border-style: solid;
color: #fff;
+ background-color: #000;
border-color: black;
- background-image: linear-gradient(to bottom, #242424, #0a0a0a 40%, #000); }
+ background-image: none; }
.info .button:active,
.question .button:active,
.warning .button:active,
.error .button:active {
border-width: 2px;
border-style: solid;
- border-color: black;
- background-image: linear-gradient(to bottom, black);
- color: #fff; }
+ background-image: none;
+ color: black;
+ background-color: white;
+ border-color: black; }
.info .button:insensitive,
.question .button:insensitive,
.warning .button:insensitive,
@@ -2270,8 +2360,9 @@ GtkInfoBar {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, white);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.info .button:backdrop,
@@ -2281,8 +2372,9 @@ GtkInfoBar {
border-width: 2px;
border-style: solid;
color: #fff;
+ background-color: #000;
border-color: #000;
- background-image: linear-gradient(to bottom, #000);
+ background-image: none;
text-shadow: none;
icon-shadow: none; }
.info .button:backdrop:insensitive,
@@ -2292,8 +2384,9 @@ GtkInfoBar {
border-width: 2px;
border-style: solid;
color: #7f7f7f;
+ background-color: white;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff); }
+ background-image: none; }
.info .label:selected,
.info .label:selected:focus,
.info .label:selected:hover,
@@ -2410,20 +2503,23 @@ GtkColorChooserWidget #add-color-button {
border-width: 2px;
border-style: solid;
color: #000;
- background-image: linear-gradient(to bottom, white, #fff 40%, #f2f2f2);
+ background-image: none;
+ background-color: #fff;
border-color: #7f7f7f; }
.button.titlebutton:active {
border-width: 2px;
border-style: solid;
- border-color: #7f7f7f;
- background-image: linear-gradient(to bottom, #7f7f7f);
- color: #fff; }
+ background-image: none;
+ color: white;
+ background-color: black;
+ border-color: #7f7f7f; }
.button.titlebutton:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
+ background-color: #fff;
border-color: #8b8b8b;
- background-image: linear-gradient(to bottom, #fff);
+ background-image: none;
text-shadow: none;
icon-shadow: none;
border-color: transparent;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]