[gtk+] High Contrast: disabled flat buttons



commit 1bf3f40cc5645c6e04a052fa57a64d09f82cca91
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Mar 17 14:57:09 2016 +0100

    High Contrast: disabled flat buttons
    
    - disabled flat buttons and backdrop state

 gtk/theme/HighContrast/_common.scss              |   26 +++++++++++----------
 gtk/theme/HighContrast/_drawing.scss             |    7 ++++++
 gtk/theme/HighContrast/gtk-contained-inverse.css |   22 +++++++++---------
 gtk/theme/HighContrast/gtk-contained.css         |   22 +++++++++---------
 4 files changed, 43 insertions(+), 34 deletions(-)
---
diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 13afba9..d42ae3e 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -386,6 +386,12 @@ button {
 
         &:active { transition: $_button_transition; }
       }
+      
+      &:backdrop, 
+      &:disabled, 
+      &:backdrop:disabled {
+        @include button(undecorated-insensitive);
+      }
     }
 
     &:hover {
@@ -401,25 +407,21 @@ button {
     }
 
     &:backdrop {
-      &.flat, & {
-        @include button(backdrop);
+      @include button(backdrop);
 
-        -gtk-icon-effect: none;
+      -gtk-icon-effect: none;
 
-        &:active,
-        &:checked { @include button(backdrop-active); }
+      &:active,
+      &:checked { @include button(backdrop-active); }
 
-        &:disabled {
-          @include button(backdrop-insensitive);
+      &:disabled {
+        @include button(backdrop-insensitive);
 
-          &:active,
-          &:checked { @include button(backdrop-insensitive-active); }
-        }
+        &:active,
+        &:checked { @include button(backdrop-insensitive-active); }
       }
     }
 
-    &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }}
-
     &:disabled {
       @include button(insensitive);
 
diff --git a/gtk/theme/HighContrast/_drawing.scss b/gtk/theme/HighContrast/_drawing.scss
index 4b36bac..4c4375b 100644
--- a/gtk/theme/HighContrast/_drawing.scss
+++ b/gtk/theme/HighContrast/_drawing.scss
@@ -259,6 +259,13 @@
     background-image: none;
     border-color: transparent;
   }
+  
+  @else if $t==undecorated-insensitive {
+    color: $insensitive_fg_color;
+    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 2ceb61e..35df3d6 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -403,6 +403,13 @@ button.titlebutton, button {
       transition-duration: 500ms; }
       button.titlebutton:hover:active, button.flat:hover:active, button.sidebar-button:hover:active {
         transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+    button.titlebutton:backdrop, button.titlebutton:disabled, button.titlebutton:backdrop:disabled, 
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;
+      color: gray;
+      background-color: transparent;
+      background-image: none;
+      border-color: transparent; }
   button.titlebutton:hover, button:hover {
     border-width: 2px;
     border-style: solid;
@@ -419,7 +426,7 @@ button.titlebutton, button {
     background-color: white;
     border-color: gray;
     transition-duration: 50ms; }
-  button.titlebutton:backdrop, button.titlebutton:backdrop, button:backdrop.flat, 
button.sidebar-button:backdrop, button:backdrop {
+  button.titlebutton:backdrop, button:backdrop {
     border-width: 2px;
     border-style: solid;
     color: #fff;
@@ -427,34 +434,27 @@ button.titlebutton, button {
     border-color: #737373;
     background-image: none;
     -gtk-icon-effect: none; }
-    button.titlebutton:backdrop:active, button.titlebutton:backdrop:checked, 
button.titlebutton:backdrop:active, button.titlebutton:backdrop:checked, button:backdrop.flat:active, 
button.sidebar-button:backdrop:active, button:backdrop.flat:checked, button.sidebar-button:backdrop:checked, 
button:backdrop:active, button:backdrop:checked {
+    button.titlebutton:backdrop:active, button.titlebutton:backdrop:checked, button:backdrop:active, 
button:backdrop:checked {
       border-width: 2px;
       border-style: solid;
       color: black;
       background-color: #737373;
       border-color: #737373;
       background-image: none; }
-    button.titlebutton:backdrop:disabled, button.titlebutton:backdrop:disabled, 
button:backdrop.flat:disabled, button.sidebar-button:backdrop:disabled, button:backdrop:disabled {
+    button.titlebutton:backdrop:disabled, button:backdrop:disabled {
       border-width: 2px;
       border-style: solid;
       color: gray;
       background-color: #070707;
       border-color: #494949;
       background-image: none; }
-      button.titlebutton:backdrop:disabled:active, button.titlebutton:backdrop:disabled:checked, 
button.titlebutton:backdrop:disabled:active, button.titlebutton:backdrop:disabled:checked, 
button:backdrop.flat:disabled:active, button.sidebar-button:backdrop:disabled:active, 
button:backdrop.flat:disabled:checked, button.sidebar-button:backdrop:disabled:checked, 
button:backdrop:disabled:active, button:backdrop:disabled:checked {
+      button.titlebutton:backdrop:disabled:active, button.titlebutton:backdrop:disabled:checked, 
button:backdrop:disabled:active, button:backdrop:disabled:checked {
         border-width: 2px;
         border-style: solid;
         color: gray;
         border-color: #494949;
         background-image: none;
         background-color: #090909; }
-  button.titlebutton:backdrop, button.titlebutton:disabled, button.titlebutton:backdrop:disabled, 
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;
-    color: #fff;
-    background-color: transparent;
-    background-image: none;
-    border-color: transparent; }
   button.titlebutton:disabled, button:disabled {
     border-width: 2px;
     border-style: solid;
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index 994d563..cc78539 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -403,6 +403,13 @@ button.titlebutton, button {
       transition-duration: 500ms; }
       button.titlebutton:hover:active, button.flat:hover:active, button.sidebar-button:hover:active {
         transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+    button.titlebutton:backdrop, button.titlebutton:disabled, button.titlebutton:backdrop:disabled, 
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;
+      color: gray;
+      background-color: transparent;
+      background-image: none;
+      border-color: transparent; }
   button.titlebutton:hover, button:hover {
     border-width: 2px;
     border-style: solid;
@@ -419,7 +426,7 @@ button.titlebutton, button {
     background-color: black;
     border-color: gray;
     transition-duration: 50ms; }
-  button.titlebutton:backdrop, button.titlebutton:backdrop, button:backdrop.flat, 
button.sidebar-button:backdrop, button:backdrop {
+  button.titlebutton:backdrop, button:backdrop {
     border-width: 2px;
     border-style: solid;
     color: #000;
@@ -427,34 +434,27 @@ button.titlebutton, button {
     border-color: #8d8d8d;
     background-image: none;
     -gtk-icon-effect: none; }
-    button.titlebutton:backdrop:active, button.titlebutton:backdrop:checked, 
button.titlebutton:backdrop:active, button.titlebutton:backdrop:checked, button:backdrop.flat:active, 
button.sidebar-button:backdrop:active, button:backdrop.flat:checked, button.sidebar-button:backdrop:checked, 
button:backdrop:active, button:backdrop:checked {
+    button.titlebutton:backdrop:active, button.titlebutton:backdrop:checked, button:backdrop:active, 
button:backdrop:checked {
       border-width: 2px;
       border-style: solid;
       color: white;
       background-color: #8d8d8d;
       border-color: #8d8d8d;
       background-image: none; }
-    button.titlebutton:backdrop:disabled, button.titlebutton:backdrop:disabled, 
button:backdrop.flat:disabled, button.sidebar-button:backdrop:disabled, button:backdrop:disabled {
+    button.titlebutton:backdrop:disabled, button:backdrop:disabled {
       border-width: 2px;
       border-style: solid;
       color: gray;
       background-color: white;
       border-color: silver;
       background-image: none; }
-      button.titlebutton:backdrop:disabled:active, button.titlebutton:backdrop:disabled:checked, 
button.titlebutton:backdrop:disabled:active, button.titlebutton:backdrop:disabled:checked, 
button:backdrop.flat:disabled:active, button.sidebar-button:backdrop:disabled:active, 
button:backdrop.flat:disabled:checked, button.sidebar-button:backdrop:disabled:checked, 
button:backdrop:disabled:active, button:backdrop:disabled:checked {
+      button.titlebutton:backdrop:disabled:active, button.titlebutton:backdrop:disabled:checked, 
button:backdrop:disabled:active, button:backdrop:disabled:checked {
         border-width: 2px;
         border-style: solid;
         color: gray;
         border-color: silver;
         background-image: none;
         background-color: #f6f6f6; }
-  button.titlebutton:backdrop, button.titlebutton:disabled, button.titlebutton:backdrop:disabled, 
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;
-    color: #000;
-    background-color: transparent;
-    background-image: none;
-    border-color: transparent; }
   button.titlebutton:disabled, button:disabled {
     border-width: 2px;
     border-style: solid;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]