[gnome-shell/wip/jimmac/frederik-light] GDM and overview toggle btn changes



commit f3ec4524910fbf767d299d5d374ffe064e4a354b
Author: Feichtmeier <frederik feichtmeier gmail com>
Date:   Thu Jun 6 13:25:26 2019 +0200

    GDM and overview toggle btn changes
    
    - try to simplify the look of the gdm buttons
    - let the GDM entry look like the search entry
    - use a gray/white/blue stripe for the overview toggle btns

 data/theme/gnome-shell-sass/_common.scss | 60 +++++++++++++++++++++++++++-----
 1 file changed, 51 insertions(+), 9 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 421a37b10a..d267608aeb 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -559,7 +559,7 @@ StScrollBar {
       box-shadow: inset 0 -1px 0px $_bubble_borders_color;
       font-weight: bold;
     }
-    &.selected { background-color: $_hover_bg_color; color: $fg_color; }
+    &.selected { background-color: transparentize(black, 0.9); color: $fg_color; }
     &:active { 
       background-color: $selected_bg_color;
       color: $selected_fg_color;
@@ -1325,7 +1325,7 @@ StScrollBar {
   }
 
   //search entry
-  .search-entry {
+  .search-entry, %search_entry {
     width: 320px;
     padding: 7px 9px;
     border-radius: 18px;
@@ -1437,13 +1437,29 @@ StScrollBar {
   }
   .app-view-control { //favorties | all toggle button
     padding: 4px 32px;
-    &:checked { @include button(active); }
+    margin: 0 4px;
+    &, &:hover, &:checked { @include button(undecorated); }
+
+    &, &:hover { color: darken($osd_fg_color, 25%); }
+
+    &:hover { box-shadow: inset 0 -2px darken($osd_fg_color, 25%); }
+
+    &:active {
+      box-shadow: inset 0 -2px $osd_fg_color;
+    }
+
+    &:checked {
+      color: $osd_fg_color;
+      box-shadow: inset 0 -2px $selected_bg_color;
+    }
+
     &:first-child {
       border-right-width: 0;
-      border-radius: 3px 0 0 3px;
+      border-radius: 0;
     }
+
     &:last-child {
-     border-radius: 0 3px 3px 0;
+     border-radius: 0;
     }
   }
 
@@ -1869,18 +1885,44 @@ StScrollBar {
   border: none;
   background-color: transparent;
 
+  StEntry {
+    @extend %search_entry;
+    border-radius: 5px;
+  }
+
   .modal-dialog-button-box { spacing: 3px; }
   .modal-dialog-button {
     padding: 4px 18px;
+    $_hover_c: white;
+    &:hover,&:focus {
+      box-shadow: none;
+      background-color: $_hover_c;
+      border-color: $_hover_c;
+    }
+    &:active {
+      $_active_c: $_active_bg_color;
+      box-shadow: none;
+      background-color: $_active_c;
+      border-color: $_active_c;
+    }
     &:default {
       @include button(normal,$c:$selected_bg_color, $tc:$selected_fg_color);
-      &:hover,&:focus { @include button(hover,$c:$selected_bg_color, $tc:$selected_fg_color); }
-      &:active { @include button(active,$c:$selected_bg_color, $tc:$selected_fg_color); }
+      border-color: $selected_bg_color;
+      &:hover,&:focus { 
+        @include button(hover,$c:$selected_bg_color, $tc:$selected_fg_color);
+        $_def_hover_c: lighten($selected_bg_color, 5%);
+        background-color: $_def_hover_c;
+        border-color: $_def_hover_c;
+      }
+      &:active {
+        @include button(active,$c:$selected_bg_color, $tc:$selected_fg_color);
+        $_def_active_c: darken($selected_bg_color, 5%);
+        background-color: $_def_active_c;
+        border-color: $_def_active_c;
+      }
       &:insensitive { @include button(insensitive); }
-
     }
   }
-
 }
 
   .login-dialog-logo-bin { padding: 24px 0px; }


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