adwaita: insensitive styling for views
authorLapo Calamandrei <calamandrei@gmail.com>
Wed, 8 Feb 2017 15:45:51 +0000 (16:45 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Wed, 8 Feb 2017 15:45:51 +0000 (16:45 +0100)
Add an insensitive style to views, somehow we didn't ship one, so
for example, disabled textviews looked the same as sensitive ones.

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index acd4dfc5102a033a563754753a0baba9750ebf5b..999b25ff92e53d0d50c5cdf7f947c607b3333457 100644 (file)
@@ -98,6 +98,12 @@ $button_transition: all 200ms $ease-out-quad;
   &:backdrop {
     color: $backdrop_text_color;
     background-color: $backdrop_base_color;
+    &:disabled { color: $backdrop_insensitive_color; }
+  }
+
+  &:disabled {
+    color: $insensitive_fg_color;
+    background-color: $insensitive_bg_color;
   }
 
   &:selected {
index 6232ba9af94912c7cf14e7c33a66ac27b829de3b..da5c453d4087b7e5bf8b46aee573e23e4167f8bf 100644 (file)
@@ -64,6 +64,17 @@ textview text {
   textview text:backdrop {
     color: #d3d4d5;
     background-color: #252a2c; }
+    .view:backdrop:disabled, iconview:backdrop:disabled,
+    .view text:backdrop:disabled,
+    iconview text:backdrop:disabled,
+    textview text:backdrop:disabled {
+      color: #566164; }
+  .view:disabled, iconview:disabled,
+  .view text:disabled,
+  iconview text:disabled,
+  textview text:disabled {
+    color: #919494;
+    background-color: #2d3234; }
   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
   .view text:selected:focus,
   iconview text:selected:focus,
index 6104172b8331c1c25b55651c11d74396afc83ef4..c0f43698d0faa80e970d94d5141579955e2fcd25 100644 (file)
@@ -64,6 +64,17 @@ textview text {
   textview text:backdrop {
     color: #323232;
     background-color: #fcfcfc; }
+    .view:backdrop:disabled, iconview:backdrop:disabled,
+    .view text:backdrop:disabled,
+    iconview text:backdrop:disabled,
+    textview text:backdrop:disabled {
+      color: #c3c3c0; }
+  .view:disabled, iconview:disabled,
+  .view text:disabled,
+  iconview text:disabled,
+  textview text:disabled {
+    color: #8b8e8f;
+    background-color: #f1f1f1; }
   .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
   .view text:selected:focus,
   iconview text:selected:focus,