selected-mode: style buttons

3 files changed, 248 insertions, 1 deletions

diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 83d7553e..4da718af 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -626,7 +626,22 @@ GtkComboBox {
                                     lighten($selected_bg_color,2%));
     box-shadow: inset 0 -1px mix($borders_color,$bg_color, 30%), //bottom shade
                 inset 0 1px mix($borders_edge,$selected_bg_color, 50%); //top highlight
-
+    .button {
+      @include button(normal, $selected_bg_color, $selected_fg_color, noedge);
+      &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, noedge); }
+      &:active { @include button(active, $selected_bg_color, $selected_fg_color, noedge); }
+      &:insensitive { @include button(insensitive, $selected_bg_color, $selected_fg_color, noedge); }
+      &:backdrop { @include button(backdrop, $selected_bg_color, $selected_fg_color, noedge); }
+      &:backdrop:insensitive { @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, noedge); }
+      &.suggested-action {
+        @include button($t:normal, $noedge:true);
+        &:hover { @include button($t:hover,$noedge:true); }
+        &:active { @include button($t:active, $noedge:true); }
+        &:insensitive { @include button($t:insensitive, $noedge:true); }
+        &:backdrop { @include button($t:backdrop, $noedge:true); }
+        &:backdrop:insensitive { @include button($t:backdrop-insensitive, $noedge:true); }
+      }
+    }
   }
   .tiled &, .maximized & {
     border-radius: 0; // squared corners when the window is max'd or tiled
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index 606f42bb..d794863e 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -719,6 +719,122 @@ GtkComboBox {
     text-shadow: 0 1px rgba(0, 0, 0, 0.5);
     background-image: linear-gradient(to bottom, #256ab1, #2362a5);
     box-shadow: inset 0 -1px #303535, inset 0 1px rgba(43, 100, 160, 0.55); }
+    .titlebar.selection-mode .button,
+    .header-bar.selection-mode .button {
+      border-width: 1px;
+      border-style: solid;
+      color: white;
+      background-image: linear-gradient(to bottom, #256ab1, #215d9c 40%, #1c5187);
+      border-color: #0b1e33;
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+      .titlebar.selection-mode .button:hover,
+      .header-bar.selection-mode .button:hover {
+        border-width: 1px;
+        border-style: solid;
+        color: white;
+        border-color: #0b1e33;
+        background-image: linear-gradient(to bottom, #3180d4, #2467ad 40%, #215d9c);
+        text-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
+        icon-shadow: 0 -1px rgba(0, 0, 0, 0.67153);
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+      .titlebar.selection-mode .button:active,
+      .header-bar.selection-mode .button:active {
+        border-width: 1px;
+        border-style: solid;
+        color: white;
+        border-color: #0b1e33;
+        background-image: linear-gradient(to bottom, #184472, #1c5187 3%);
+        text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
+        icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
+        box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+      .titlebar.selection-mode .button:insensitive,
+      .header-bar.selection-mode .button:insensitive {
+        border-width: 1px;
+        border-style: solid;
+        color: #939695;
+        border-color: #1c1f1f;
+        background-image: linear-gradient(to bottom, #363a3a);
+        text-shadow: none;
+        icon-shadow: none;
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+      .titlebar.selection-mode .button:backdrop,
+      .header-bar.selection-mode .button:backdrop {
+        border-width: 1px;
+        border-style: solid;
+        color: #393f3f;
+        border-color: #215d9c;
+        background-image: linear-gradient(to bottom, #215d9c);
+        text-shadow: none;
+        icon-shadow: none;
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+      .titlebar.selection-mode .button:backdrop:insensitive,
+      .header-bar.selection-mode .button:backdrop:insensitive {
+        border-width: 1px;
+        border-style: solid;
+        color: #454c4c;
+        border-color: #1e2222;
+        background-image: linear-gradient(to bottom, #393f3f);
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+      .titlebar.selection-mode .button.suggested-action,
+      .header-bar.selection-mode .button.suggested-action {
+        border-width: 1px;
+        border-style: solid;
+        color: #eeeeec;
+        background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
+        border-color: #1c1f1f;
+        text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+        icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+        .titlebar.selection-mode .button.suggested-action:hover,
+        .header-bar.selection-mode .button.suggested-action:hover {
+          border-width: 1px;
+          border-style: solid;
+          color: #eeeeec;
+          border-color: #1c1f1f;
+          background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+          text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+          icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+          box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+        .titlebar.selection-mode .button.suggested-action:active,
+        .header-bar.selection-mode .button.suggested-action:active {
+          border-width: 1px;
+          border-style: solid;
+          color: #eeeeec;
+          border-color: #1c1f1f;
+          background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
+          text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+          icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+          box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+        .titlebar.selection-mode .button.suggested-action:insensitive,
+        .header-bar.selection-mode .button.suggested-action:insensitive {
+          border-width: 1px;
+          border-style: solid;
+          color: #939695;
+          border-color: #1c1f1f;
+          background-image: linear-gradient(to bottom, #363a3a);
+          text-shadow: none;
+          icon-shadow: none;
+          box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+        .titlebar.selection-mode .button.suggested-action:backdrop,
+        .header-bar.selection-mode .button.suggested-action:backdrop {
+          border-width: 1px;
+          border-style: solid;
+          color: #c9cbc9;
+          border-color: #1e2222;
+          background-image: linear-gradient(to bottom, #393f3f);
+          text-shadow: none;
+          icon-shadow: none;
+          box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+        .titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
+        .header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
+          border-width: 1px;
+          border-style: solid;
+          color: #454c4c;
+          border-color: #1e2222;
+          background-image: linear-gradient(to bottom, #393f3f);
+          box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .tiled .titlebar, .maximized .titlebar, .tiled
   .header-bar, .maximized
   .header-bar {
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index dc4b3454..6b268b12 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -719,6 +719,122 @@ GtkComboBox {
     text-shadow: 0 1px rgba(0, 0, 0, 0.5);
     background-image: linear-gradient(to bottom, #5f9ddd, #5295db);
     box-shadow: inset 0 -1px #d6d6d6, inset 0 1px #a4c7ec; }
+    .titlebar.selection-mode .button,
+    .header-bar.selection-mode .button {
+      border-width: 1px;
+      border-style: solid;
+      color: white;
+      background-image: linear-gradient(to bottom, #89b7e6, #4a90d9 40%, #2a76c6);
+      border-color: #1c5187;
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353);
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+      .titlebar.selection-mode .button:hover,
+      .header-bar.selection-mode .button:hover {
+        border-width: 1px;
+        border-style: solid;
+        color: white;
+        border-color: #1c5187;
+        background-image: linear-gradient(to bottom, #85b4e5, #5b9add 40%, #4a90d9);
+        text-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
+        icon-shadow: 0 -1px rgba(0, 0, 0, 0.51153);
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+      .titlebar.selection-mode .button:active,
+      .header-bar.selection-mode .button:active {
+        border-width: 1px;
+        border-style: solid;
+        color: white;
+        border-color: #1c5187;
+        background-image: linear-gradient(to bottom, #256ab1, #2974c2 3%, #2a76c6);
+        text-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
+        icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353);
+        box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+      .titlebar.selection-mode .button:insensitive,
+      .header-bar.selection-mode .button:insensitive {
+        border-width: 1px;
+        border-style: solid;
+        color: #8d9091;
+        border-color: #a1a1a1;
+        background-image: linear-gradient(to bottom, #f4f4f4);
+        text-shadow: none;
+        icon-shadow: none;
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+      .titlebar.selection-mode .button:backdrop,
+      .header-bar.selection-mode .button:backdrop {
+        border-width: 1px;
+        border-style: solid;
+        color: #ededed;
+        border-color: #4a90d9;
+        background-image: linear-gradient(to bottom, #4a90d9);
+        text-shadow: none;
+        icon-shadow: none;
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+      .titlebar.selection-mode .button:backdrop:insensitive,
+      .header-bar.selection-mode .button:backdrop:insensitive {
+        border-width: 1px;
+        border-style: solid;
+        color: #c7c7c7;
+        border-color: #a8a8a8;
+        background-image: linear-gradient(to bottom, #ededed);
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+      .titlebar.selection-mode .button.suggested-action,
+      .header-bar.selection-mode .button.suggested-action {
+        border-width: 1px;
+        border-style: solid;
+        color: #2e3436;
+        background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
+        border-color: #a1a1a1;
+        text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+        icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+        box-shadow: inset 0 1px white; }
+        .titlebar.selection-mode .button.suggested-action:hover,
+        .header-bar.selection-mode .button.suggested-action:hover {
+          border-width: 1px;
+          border-style: solid;
+          color: #2e3436;
+          border-color: #a1a1a1;
+          background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+          text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+          icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+          box-shadow: inset 0 1px white; }
+        .titlebar.selection-mode .button.suggested-action:active,
+        .header-bar.selection-mode .button.suggested-action:active {
+          border-width: 1px;
+          border-style: solid;
+          color: #2e3436;
+          border-color: #a1a1a1;
+          background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
+          text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+          icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+          box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+        .titlebar.selection-mode .button.suggested-action:insensitive,
+        .header-bar.selection-mode .button.suggested-action:insensitive {
+          border-width: 1px;
+          border-style: solid;
+          color: #8d9091;
+          border-color: #a1a1a1;
+          background-image: linear-gradient(to bottom, #f4f4f4);
+          text-shadow: none;
+          icon-shadow: none;
+          box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+        .titlebar.selection-mode .button.suggested-action:backdrop,
+        .header-bar.selection-mode .button.suggested-action:backdrop {
+          border-width: 1px;
+          border-style: solid;
+          color: #54595a;
+          border-color: #a8a8a8;
+          background-image: linear-gradient(to bottom, #ededed);
+          text-shadow: none;
+          icon-shadow: none;
+          box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
+        .titlebar.selection-mode .button.suggested-action:backdrop:insensitive,
+        .header-bar.selection-mode .button.suggested-action:backdrop:insensitive {
+          border-width: 1px;
+          border-style: solid;
+          color: #c7c7c7;
+          border-color: #a8a8a8;
+          background-image: linear-gradient(to bottom, #ededed);
+          box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .tiled .titlebar, .maximized .titlebar, .tiled
   .header-bar, .maximized
   .header-bar {