[gtk+] High Contrast: add undecorated button mixin
- From: Jakub Steiner <jimmac src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] High Contrast: add undecorated button mixin
- Date: Thu, 17 Mar 2016 11:56:32 +0000 (UTC)
commit b0a25b3aa9605895abe2e68f200722b288bcf807
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Thu Mar 17 12:14:23 2016 +0100
High Contrast: add undecorated button mixin
... which is used in _common.scss, this fixes flat button not
being, well, flat.
gtk/theme/HighContrast/_drawing.scss | 16 +-
gtk/theme/HighContrast/gtk-contained-inverse.css | 203 ++++++++++------------
gtk/theme/HighContrast/gtk-contained.css | 203 ++++++++++------------
3 files changed, 187 insertions(+), 235 deletions(-)
---
diff --git a/gtk/theme/HighContrast/_drawing.scss b/gtk/theme/HighContrast/_drawing.scss
index f9a8320..4b36bac 100644
--- a/gtk/theme/HighContrast/_drawing.scss
+++ b/gtk/theme/HighContrast/_drawing.scss
@@ -166,8 +166,6 @@
background-color: $insensitive_bg_color;
border-color: $insensitive_borders_color;
background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
}
@else if $t==insensitive-active {
//
@@ -187,8 +185,6 @@
background-color: if($c!=$bg_color, $c, $backdrop_bg_color);
border-color: if($c!=$bg_color, $c, $backdrop_borders_color);
background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
}
@else if $t==backdrop-active {
@@ -229,8 +225,8 @@
background-image: none;
background-color: $osd_bg_color;
border-color: $osd_borders_color;
- box-shadow: none;
}
+
@else if $t==osd-hover {
//
// active osd button
@@ -238,8 +234,8 @@
color: $osd_fg_color;
background-color: lighten($osd_bg_color,30%);
border-color: $osd_borders_color;
- box-shadow: none;
}
+
@else if $t==osd-active {
//
// active osd button
@@ -256,7 +252,13 @@
border-color: $osd_borders_color;
color: $insensitive_fg_color;
}
-
+
+ @else if $t==undecorated {
+ color: $tc;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+ }
}
@mixin overshoot($p, $t:normal, $c:$fg_color) {
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css
b/gtk/theme/HighContrast/gtk-contained-inverse.css
index 65a7a8b..b00242c 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -393,6 +393,10 @@ button {
button.flat, button.sidebar-button {
border-width: 2px;
border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -422,8 +426,6 @@ button {
background-color: #000;
border-color: #737373;
background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
-gtk-icon-effect: none; }
button:backdrop.flat:active, button.sidebar-button:backdrop:active, button:backdrop.flat:checked,
button.sidebar-button:backdrop:checked, button:backdrop:active, button:backdrop:checked {
border-width: 2px;
@@ -448,16 +450,18 @@ button {
background-color: #090909; }
button.flat:backdrop, button.sidebar-button:backdrop, button.flat:disabled,
button.sidebar-button:disabled, button.flat:backdrop:disabled, button.sidebar-button:backdrop:disabled {
border-width: 2px;
- border-style: solid; }
+ border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent; }
button:disabled {
border-width: 2px;
border-style: solid;
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button:disabled:active, button:disabled:checked {
border-width: 2px;
border-style: solid;
@@ -497,7 +501,6 @@ button.osd {
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none;
border: none;
box-shadow: none; }
button.osd.image-button {
@@ -509,7 +512,6 @@ button.osd {
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none;
border: none;
box-shadow: none; }
button.osd:active, button.osd:checked {
@@ -537,15 +539,13 @@ popover.background.touch-selection button, popover.background.magnifier button,
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd
button:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
popover.background.touch-selection button:active:backdrop, popover.background.magnifier
button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier
button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier
button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier
button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd
button:checked {
border-width: 2px;
border-style: solid;
@@ -564,6 +564,10 @@ popover.background.touch-selection button, popover.background.magnifier button,
popover.background.touch-selection button.flat, popover.background.touch-selection button.sidebar-button,
popover.background.magnifier button.flat, popover.background.magnifier button.sidebar-button, .osd
button.flat, .osd button.sidebar-button {
border-width: 2px;
border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
@@ -572,8 +576,7 @@ popover.background.touch-selection button, popover.background.magnifier button,
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
popover.background.touch-selection button.flat:disabled, popover.background.touch-selection
button.sidebar-button:disabled, popover.background.magnifier button.flat:disabled,
popover.background.magnifier button.sidebar-button:disabled, .osd button.flat:disabled, .osd
button.sidebar-button:disabled {
border-width: 2px;
border-style: solid;
@@ -584,7 +587,11 @@ popover.background.touch-selection button, popover.background.magnifier button,
box-shadow: none; }
popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection
button.sidebar-button:backdrop, popover.background.magnifier button.flat:backdrop,
popover.background.magnifier button.sidebar-button:backdrop, .osd button.flat:backdrop, .osd
button.sidebar-button:backdrop {
border-width: 2px;
- border-style: solid; }
+ border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent; }
popover.background.touch-selection button.flat:active, popover.background.touch-selection
button.sidebar-button:active, popover.background.magnifier button.flat:active, popover.background.magnifier
button.sidebar-button:active, popover.background.touch-selection button.flat:checked,
popover.background.touch-selection button.sidebar-button:checked, popover.background.magnifier
button.flat:checked, popover.background.magnifier button.sidebar-button:checked, .osd button.flat:active,
.osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
border-width: 2px;
border-style: solid;
@@ -602,6 +609,10 @@ button.suggested-action {
button.suggested-action.flat, button.suggested-action.sidebar-button {
border-width: 2px;
border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: #aaa; }
button.suggested-action:hover {
border-width: 2px;
@@ -623,9 +634,7 @@ button.suggested-action {
color: white;
background-color: #aaa;
border-color: #aaa;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active, button.suggested-action.sidebar-button:backdrop:active,
button.suggested-action.flat:backdrop:checked, button.suggested-action.sidebar-button:backdrop:checked {
border-width: 2px;
border-style: solid;
@@ -650,6 +659,10 @@ button.suggested-action {
button.suggested-action.flat:backdrop, button.suggested-action.sidebar-button:backdrop,
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled,
button.suggested-action.flat:backdrop:disabled, button.suggested-action.sidebar-button:backdrop:disabled {
border-width: 2px;
border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: rgba(170, 170, 170, 0.8); }
button.suggested-action:disabled {
border-width: 2px;
@@ -657,9 +670,7 @@ button.suggested-action {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
border-width: 2px;
border-style: solid;
@@ -673,15 +684,13 @@ button.suggested-action {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd button.suggested-action:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd
button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
border-width: 2px;
border-style: solid;
@@ -707,6 +716,10 @@ button.destructive-action {
button.destructive-action.flat, button.destructive-action.sidebar-button {
border-width: 2px;
border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: #ef2929; }
button.destructive-action:hover {
border-width: 2px;
@@ -728,9 +741,7 @@ button.destructive-action {
color: white;
background-color: #ef2929;
border-color: #ef2929;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active, button.destructive-action.sidebar-button:backdrop:active,
button.destructive-action.flat:backdrop:checked, button.destructive-action.sidebar-button:backdrop:checked {
border-width: 2px;
border-style: solid;
@@ -755,6 +766,10 @@ button.destructive-action {
button.destructive-action.flat:backdrop, button.destructive-action.sidebar-button:backdrop,
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled,
button.destructive-action.flat:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled {
border-width: 2px;
border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: rgba(239, 41, 41, 0.8); }
button.destructive-action:disabled {
border-width: 2px;
@@ -762,9 +777,7 @@ button.destructive-action {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
border-width: 2px;
border-style: solid;
@@ -778,15 +791,13 @@ button.destructive-action {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd button.destructive-action:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd
button.destructive-action:checked:backdrop, .osd button.destructive-action:checked {
border-width: 2px;
border-style: solid;
@@ -870,9 +881,7 @@ button.destructive-action {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton >
button:disabled:checked {
border-width: 2px;
border-style: solid;
@@ -886,9 +895,7 @@ button.destructive-action {
color: #fff;
background-color: #000;
border-color: #737373;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton >
button:backdrop:checked {
border-width: 2px;
border-style: solid;
@@ -1102,6 +1109,10 @@ spinbutton:not(.vertical) {
border-width: 2px;
border-style: solid;
color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+ color: #fff;
border-style: none none none solid;
border-color: rgba(255, 255, 255, 0);
border-radius: 0;
@@ -1113,6 +1124,10 @@ spinbutton:not(.vertical) {
border-width: 2px;
border-style: solid;
color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+ color: #fff;
border-color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.1);
-gtk-icon-shadow: 0 1px black;
@@ -1121,12 +1136,20 @@ spinbutton:not(.vertical) {
border-width: 2px;
border-style: solid;
color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+ color: #fff;
border-color: rgba(255, 255, 255, 0.5);
-gtk-icon-shadow: none;
box-shadow: none; }
.osd spinbutton:not(.vertical) button:disabled {
border-width: 2px;
border-style: solid;
+ color: #fff;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: gray;
border-color: rgba(128, 128, 128, 0.5);
-gtk-icon-shadow: none;
@@ -1167,15 +1190,13 @@ spinbutton.vertical {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd spinbutton.vertical button:first-child:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd spinbutton.vertical button:first-child:active {
border-width: 2px;
border-style: solid;
@@ -1320,9 +1341,7 @@ headerbar {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.titlebar.selection-mode button:backdrop,
headerbar.selection-mode button:backdrop {
border-width: 2px;
@@ -1331,8 +1350,6 @@ headerbar {
background-color: #aaa;
border-color: #aaa;
background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
border-color: #848484; }
.titlebar.selection-mode button:backdrop:disabled,
headerbar.selection-mode button:backdrop:disabled {
@@ -1373,9 +1390,7 @@ headerbar {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.titlebar.selection-mode button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
border-width: 2px;
@@ -1383,9 +1398,7 @@ headerbar {
color: #fff;
background-color: #000;
border-color: #737373;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.titlebar.selection-mode button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
border-width: 2px;
@@ -1988,18 +2001,14 @@ switch {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
switch slider:backdrop {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: #000;
border-color: #737373;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
switch slider:backdrop:active {
border-color: #737373; }
switch slider:backdrop:disabled {
@@ -2064,9 +2073,7 @@ radio {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
check:backdrop,
radio:backdrop {
border-width: 2px;
@@ -2074,9 +2081,7 @@ radio {
color: #fff;
background-color: #000;
border-color: #737373;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
check:backdrop:disabled,
radio:backdrop:disabled {
border-width: 2px;
@@ -2092,8 +2097,7 @@ radio {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd check:hover, .osd
radio:hover {
border-width: 2px;
@@ -2101,8 +2105,7 @@ radio {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd check:active, .osd
radio:active {
border-width: 2px;
@@ -2316,18 +2319,14 @@ scale {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
scale slider:backdrop {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: #000;
border-color: #737373;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
scale slider:backdrop:disabled {
border-width: 2px;
border-style: solid;
@@ -2344,7 +2343,6 @@ scale {
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none;
border-color: rgba(255, 255, 255, 0.2);
background-color: black; }
.osd scale slider:hover {
@@ -2352,8 +2350,7 @@ scale {
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd scale slider:active {
border-width: 2px;
border-style: solid;
@@ -2850,18 +2847,14 @@ messagedialog.csd {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button:backdrop {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: #000;
border-color: #737373;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button:backdrop:disabled {
border-width: 2px;
border-style: solid;
@@ -2896,9 +2889,7 @@ messagedialog.csd {
color: white;
background-color: #4a90d9;
border-color: #4a90d9;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button.suggested-action:backdrop:disabled {
border-width: 2px;
border-style: solid;
@@ -2912,9 +2903,7 @@ messagedialog.csd {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button.destructive-action {
border-width: 2px;
border-style: solid;
@@ -2942,9 +2931,7 @@ messagedialog.csd {
color: white;
background-color: #ef2929;
border-color: #ef2929;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button.destructive-action:backdrop:disabled {
border-width: 2px;
border-style: solid;
@@ -2958,9 +2945,7 @@ messagedialog.csd {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover,
messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled,
messagedialog.csd .dialog-action-area button:backdrop, messagedialog.csd .dialog-action-area
button:backdrop:disabled, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd
.dialog-action-area button.suggested-action:hover, messagedialog.csd .dialog-action-area
button.suggested-action:active, messagedialog.csd .dialog-action-area button.suggested-action:backdrop,
messagedialog.csd .dialog-action-area button.suggested-action:backdrop:disabled, messagedialog.csd
.dialog-action-area button.suggested-action:disabled, messagedialog.csd .dialog-action-area
button.destructive-action, messagedialog.csd .dialog-action-area button.destructive-action:hover,
messagedialog.csd .dialog-action-area button.destructive-action:active, messagedialog.csd .dialog-a
ction-area button.destructive-action:backdrop, messagedialog.csd .dialog-action-area
button.destructive-action:backdrop:disabled, messagedialog.csd .dialog-action-area
button.destructive-action:disabled {
border-right-style: none;
border-bottom-style: none; }
@@ -3139,9 +3124,7 @@ infobar {
color: gray;
background-color: #070707;
border-color: #494949;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.info button:backdrop,
.question button:backdrop,
.warning button:backdrop,
@@ -3151,9 +3134,7 @@ infobar {
color: #fff;
background-color: #aaa;
border-color: #aaa;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.info button:backdrop:disabled,
.question button:backdrop:disabled,
.warning button:backdrop:disabled,
@@ -3278,9 +3259,7 @@ colorswatch {
color: #fff;
background-color: #000;
border-color: #737373;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
colorswatch#add-color-button overlay {
border-width: 0;
background: none; }
@@ -3338,8 +3317,6 @@ button.titlebutton {
background-color: #000;
border-color: #737373;
background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
border-color: transparent;
transition-property: border, box-shadow, color; }
@@ -3401,15 +3378,13 @@ cursor-handle {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.touch-selection button:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.touch-selection button:active, .touch-selection button:checked {
border-width: 2px;
border-style: solid;
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index bf53461..d7dc65d 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -393,6 +393,10 @@ button {
button.flat, button.sidebar-button {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
transition: none; }
button.flat:hover, button.sidebar-button:hover {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
@@ -422,8 +426,6 @@ button {
background-color: #fff;
border-color: #8d8d8d;
background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
-gtk-icon-effect: none; }
button:backdrop.flat:active, button.sidebar-button:backdrop:active, button:backdrop.flat:checked,
button.sidebar-button:backdrop:checked, button:backdrop:active, button:backdrop:checked {
border-width: 2px;
@@ -448,16 +450,18 @@ button {
background-color: #f6f6f6; }
button.flat:backdrop, button.sidebar-button:backdrop, button.flat:disabled,
button.sidebar-button:disabled, button.flat:backdrop:disabled, button.sidebar-button:backdrop:disabled {
border-width: 2px;
- border-style: solid; }
+ border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent; }
button:disabled {
border-width: 2px;
border-style: solid;
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button:disabled:active, button:disabled:checked {
border-width: 2px;
border-style: solid;
@@ -499,7 +503,6 @@ button.osd {
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none;
border: none;
box-shadow: none; }
button.osd.image-button {
@@ -511,7 +514,6 @@ button.osd {
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none;
border: none;
box-shadow: none; }
button.osd:active, button.osd:checked {
@@ -539,15 +541,13 @@ popover.background.touch-selection button, popover.background.magnifier button,
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd
button:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
popover.background.touch-selection button:active:backdrop, popover.background.magnifier
button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier
button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier
button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier
button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd
button:checked {
border-width: 2px;
border-style: solid;
@@ -566,6 +566,10 @@ popover.background.touch-selection button, popover.background.magnifier button,
popover.background.touch-selection button.flat, popover.background.touch-selection button.sidebar-button,
popover.background.magnifier button.flat, popover.background.magnifier button.sidebar-button, .osd
button.flat, .osd button.sidebar-button {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
box-shadow: none;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
@@ -574,8 +578,7 @@ popover.background.touch-selection button, popover.background.magnifier button,
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
popover.background.touch-selection button.flat:disabled, popover.background.touch-selection
button.sidebar-button:disabled, popover.background.magnifier button.flat:disabled,
popover.background.magnifier button.sidebar-button:disabled, .osd button.flat:disabled, .osd
button.sidebar-button:disabled {
border-width: 2px;
border-style: solid;
@@ -586,7 +589,11 @@ popover.background.touch-selection button, popover.background.magnifier button,
box-shadow: none; }
popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection
button.sidebar-button:backdrop, popover.background.magnifier button.flat:backdrop,
popover.background.magnifier button.sidebar-button:backdrop, .osd button.flat:backdrop, .osd
button.sidebar-button:backdrop {
border-width: 2px;
- border-style: solid; }
+ border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent; }
popover.background.touch-selection button.flat:active, popover.background.touch-selection
button.sidebar-button:active, popover.background.magnifier button.flat:active, popover.background.magnifier
button.sidebar-button:active, popover.background.touch-selection button.flat:checked,
popover.background.touch-selection button.sidebar-button:checked, popover.background.magnifier
button.flat:checked, popover.background.magnifier button.sidebar-button:checked, .osd button.flat:active,
.osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
border-width: 2px;
border-style: solid;
@@ -604,6 +611,10 @@ button.suggested-action {
button.suggested-action.flat, button.suggested-action.sidebar-button {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: #000; }
button.suggested-action:hover {
border-width: 2px;
@@ -625,9 +636,7 @@ button.suggested-action {
color: white;
background-color: #000;
border-color: #000;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked,
button.suggested-action.flat:backdrop:active, button.suggested-action.sidebar-button:backdrop:active,
button.suggested-action.flat:backdrop:checked, button.suggested-action.sidebar-button:backdrop:checked {
border-width: 2px;
border-style: solid;
@@ -652,6 +661,10 @@ button.suggested-action {
button.suggested-action.flat:backdrop, button.suggested-action.sidebar-button:backdrop,
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled,
button.suggested-action.flat:backdrop:disabled, button.suggested-action.sidebar-button:backdrop:disabled {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: rgba(0, 0, 0, 0.8); }
button.suggested-action:disabled {
border-width: 2px;
@@ -659,9 +672,7 @@ button.suggested-action {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
border-width: 2px;
border-style: solid;
@@ -675,15 +686,13 @@ button.suggested-action {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd button.suggested-action:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd
button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
border-width: 2px;
border-style: solid;
@@ -709,6 +718,10 @@ button.destructive-action {
button.destructive-action.flat, button.destructive-action.sidebar-button {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: #ef2929; }
button.destructive-action:hover {
border-width: 2px;
@@ -730,9 +743,7 @@ button.destructive-action {
color: white;
background-color: #ef2929;
border-color: #ef2929;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked,
button.destructive-action.flat:backdrop:active, button.destructive-action.sidebar-button:backdrop:active,
button.destructive-action.flat:backdrop:checked, button.destructive-action.sidebar-button:backdrop:checked {
border-width: 2px;
border-style: solid;
@@ -757,6 +768,10 @@ button.destructive-action {
button.destructive-action.flat:backdrop, button.destructive-action.sidebar-button:backdrop,
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled,
button.destructive-action.flat:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: rgba(239, 41, 41, 0.8); }
button.destructive-action:disabled {
border-width: 2px;
@@ -764,9 +779,7 @@ button.destructive-action {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
border-width: 2px;
border-style: solid;
@@ -780,15 +793,13 @@ button.destructive-action {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd button.destructive-action:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd
button.destructive-action:checked:backdrop, .osd button.destructive-action:checked {
border-width: 2px;
border-style: solid;
@@ -872,9 +883,7 @@ button.destructive-action {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton >
button:disabled:checked {
border-width: 2px;
border-style: solid;
@@ -888,9 +897,7 @@ button.destructive-action {
color: #000;
background-color: #fff;
border-color: #8d8d8d;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton >
button:backdrop:checked {
border-width: 2px;
border-style: solid;
@@ -1105,6 +1112,10 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: #fff;
border-style: none none none solid;
border-color: rgba(255, 255, 255, 0);
@@ -1116,6 +1127,10 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:hover {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.1);
@@ -1124,6 +1139,10 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:backdrop {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.5);
-gtk-icon-shadow: none;
@@ -1131,6 +1150,10 @@ spinbutton:not(.vertical) {
.osd spinbutton:not(.vertical) button:disabled {
border-width: 2px;
border-style: solid;
+ color: #000;
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
color: gray;
border-color: rgba(128, 128, 128, 0.5);
-gtk-icon-shadow: none;
@@ -1171,15 +1194,13 @@ spinbutton.vertical {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd spinbutton.vertical button:first-child:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd spinbutton.vertical button:first-child:active {
border-width: 2px;
border-style: solid;
@@ -1324,9 +1345,7 @@ headerbar {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.titlebar.selection-mode button:backdrop,
headerbar.selection-mode button:backdrop {
border-width: 2px;
@@ -1335,8 +1354,6 @@ headerbar {
background-color: #000;
border-color: #000;
background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
border-color: black; }
.titlebar.selection-mode button:backdrop:disabled,
headerbar.selection-mode button:backdrop:disabled {
@@ -1377,9 +1394,7 @@ headerbar {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.titlebar.selection-mode button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
border-width: 2px;
@@ -1387,9 +1402,7 @@ headerbar {
color: #000;
background-color: #fff;
border-color: #8d8d8d;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.titlebar.selection-mode button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
border-width: 2px;
@@ -1992,18 +2005,14 @@ switch {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
switch slider:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
background-color: #fff;
border-color: #8d8d8d;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
switch slider:backdrop:active {
border-color: #8d8d8d; }
switch slider:backdrop:disabled {
@@ -2068,9 +2077,7 @@ radio {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
check:backdrop,
radio:backdrop {
border-width: 2px;
@@ -2078,9 +2085,7 @@ radio {
color: #000;
background-color: #fff;
border-color: #8d8d8d;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
check:backdrop:disabled,
radio:backdrop:disabled {
border-width: 2px;
@@ -2099,8 +2104,7 @@ radio {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd check:hover, .osd
radio:hover {
border-width: 2px;
@@ -2108,8 +2112,7 @@ radio {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd check:active, .osd
radio:active {
border-width: 2px;
@@ -2323,18 +2326,14 @@ scale {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
scale slider:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
background-color: #fff;
border-color: #8d8d8d;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
scale slider:backdrop:disabled {
border-width: 2px;
border-style: solid;
@@ -2351,7 +2350,6 @@ scale {
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none;
border-color: rgba(255, 255, 255, 0.2);
background-color: black; }
.osd scale slider:hover {
@@ -2359,8 +2357,7 @@ scale {
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.osd scale slider:active {
border-width: 2px;
border-style: solid;
@@ -2857,18 +2854,14 @@ messagedialog.csd {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button:backdrop {
border-width: 2px;
border-style: solid;
color: #000;
background-color: #fff;
border-color: #8d8d8d;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button:backdrop:disabled {
border-width: 2px;
border-style: solid;
@@ -2903,9 +2896,7 @@ messagedialog.csd {
color: white;
background-color: #4a90d9;
border-color: #4a90d9;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button.suggested-action:backdrop:disabled {
border-width: 2px;
border-style: solid;
@@ -2919,9 +2910,7 @@ messagedialog.csd {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button.destructive-action {
border-width: 2px;
border-style: solid;
@@ -2949,9 +2938,7 @@ messagedialog.csd {
color: white;
background-color: #ef2929;
border-color: #ef2929;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button.destructive-action:backdrop:disabled {
border-width: 2px;
border-style: solid;
@@ -2965,9 +2952,7 @@ messagedialog.csd {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover,
messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled,
messagedialog.csd .dialog-action-area button:backdrop, messagedialog.csd .dialog-action-area
button:backdrop:disabled, messagedialog.csd .dialog-action-area button.suggested-action, messagedialog.csd
.dialog-action-area button.suggested-action:hover, messagedialog.csd .dialog-action-area
button.suggested-action:active, messagedialog.csd .dialog-action-area button.suggested-action:backdrop,
messagedialog.csd .dialog-action-area button.suggested-action:backdrop:disabled, messagedialog.csd
.dialog-action-area button.suggested-action:disabled, messagedialog.csd .dialog-action-area
button.destructive-action, messagedialog.csd .dialog-action-area button.destructive-action:hover,
messagedialog.csd .dialog-action-area button.destructive-action:active, messagedialog.csd .dialog-a
ction-area button.destructive-action:backdrop, messagedialog.csd .dialog-action-area
button.destructive-action:backdrop:disabled, messagedialog.csd .dialog-action-area
button.destructive-action:disabled {
border-right-style: none;
border-bottom-style: none; }
@@ -3146,9 +3131,7 @@ infobar {
color: gray;
background-color: white;
border-color: silver;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.info button:backdrop,
.question button:backdrop,
.warning button:backdrop,
@@ -3158,9 +3141,7 @@ infobar {
color: #fff;
background-color: #000;
border-color: #000;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
.info button:backdrop:disabled,
.question button:backdrop:disabled,
.warning button:backdrop:disabled,
@@ -3285,9 +3266,7 @@ colorswatch {
color: #000;
background-color: #fff;
border-color: #8d8d8d;
- background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none; }
+ background-image: none; }
colorswatch#add-color-button overlay {
border-width: 0;
background: none; }
@@ -3345,8 +3324,6 @@ button.titlebutton {
background-color: #fff;
border-color: #8d8d8d;
background-image: none;
- text-shadow: none;
- -gtk-icon-shadow: none;
border-color: transparent;
transition-property: border, box-shadow, color; }
@@ -3408,15 +3385,13 @@ cursor-handle {
color: #fff;
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.touch-selection button:hover {
border-width: 2px;
border-style: solid;
color: #fff;
background-color: rgba(77, 77, 77, 0.8);
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: none; }
+ border-color: rgba(255, 255, 255, 0.2); }
.touch-selection button:active, .touch-selection button:checked {
border-width: 2px;
border-style: solid;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]
