diff --git a/src/sass/_colors.scss b/src/sass/_colors.scss index b1bd710..ede0a9a 100644 --- a/src/sass/_colors.scss +++ b/src/sass/_colors.scss @@ -36,8 +36,9 @@ $light_alt_fg_color: rgba(white, 0.85); $light_hint_fg_color: rgba(white, 0.50); $light_disabled_fg_color: rgba(white, 0.45); $light_alt_disabled_fg_color: rgba(white, 0.35); -$light_track_color: rgba(white, 0.28); -$light_divider_color: rgba(white, 0.15); +$light_track_color: rgba(white, 0.2); +$light_divider_color: rgba(white, 0.12); +$light_fill_color: rgba(white, 0.06); $selected_fg_color: $light_fg_color; $selected_bg_color: if($colorscheme == 'nord', $nord_color_default, $theme_color_default); diff --git a/src/sass/gnome-shell/_widgets-42-0.scss b/src/sass/gnome-shell/_widgets-42-0.scss index e75faae..b521fec 100644 --- a/src/sass/gnome-shell/_widgets-42-0.scss +++ b/src/sass/gnome-shell/_widgets-42-0.scss @@ -31,7 +31,7 @@ @import 'common/switches'; @import 'common/tiled-previews'; @import 'common/workspace-switcher'; -@import 'widgets-40-0/app-grid'; +@import 'widgets-42-0/app-grid'; @import 'widgets-40-0/dash'; @import 'widgets-40-0/misc'; @import 'widgets-40-0/overview'; diff --git a/src/sass/gnome-shell/common/_quick-settings.scss b/src/sass/gnome-shell/common/_quick-settings.scss index 841012c..a958d42 100644 --- a/src/sass/gnome-shell/common/_quick-settings.scss +++ b/src/sass/gnome-shell/common/_quick-settings.scss @@ -3,7 +3,7 @@ border-radius: $modal_radius * 2; .icon-button, .button { - padding: $base_padding * 1.75; + padding: $container_padding; } } @@ -148,16 +148,20 @@ background-color: $fill_color; color: $text_color; border-radius: $circular_radius; - min-height: 24px; - min-width: 24px; + min-height: 24px !important; + min-width: 24px !important; + // padding: $container_padding; &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } - > StIcon { -st-icon-style: symbolic; } + > StIcon { + -st-icon-style: symbolic; + icon-size: $base_icon_size; + } } - & .power-item { + .power-item { min-height: 0; min-width: 0; diff --git a/src/sass/gnome-shell/widgets-42-0/_app-grid.scss b/src/sass/gnome-shell/widgets-42-0/_app-grid.scss new file mode 100644 index 0000000..0a048fc --- /dev/null +++ b/src/sass/gnome-shell/widgets-42-0/_app-grid.scss @@ -0,0 +1,75 @@ + +// app icons +.icon-grid { + row-spacing: 12px; + column-spacing: 12px; + max-row-spacing: 72px; + max-column-spacing: 72px; + page-padding-top: 24px; + page-padding-bottom: 24px; + page-padding-left: 12px; + page-padding-right: 12px; +} + +.app-folder-dialog { + .page-navigation-hint { + width: if($laptop == 'true', 60px, 80px); + } + + .page-navigation-arrow { + margin: 18px; + } +} + +.apps-scroll-view { + padding: 0; +} + +.page-navigation-hint { + width: if($laptop == 'true', 220px, 300px); + + &.dnd { + background: rgba(255, 255, 255, 0.1); + } + + &.next:ltr, + &.previous:rtl { + background-gradient-start: $light_divider_color; + background-gradient-end: transparent; + background-gradient-direction: horizontal; + border-radius: $modal_radius 0px 0px $modal_radius; + } + + &.previous:ltr, + &.next:rtl { + background-gradient-start: transparent; + background-gradient-end: $light_divider_color; + background-gradient-direction: horizontal; + border-radius: 0px $modal_radius $modal_radius 0px; + } +} + +.page-navigation-arrow { + & > StIcon { + margin: $base_padding; + padding: $base_padding * 3; + width: 24px; + height: 24px; + border-radius: $circular_radius; + } + + &:insensitive > StIcon { + backround-color: $light_fill_color; + color: $light_fg_color; + } + + &:hover > StIcon { + backround-color: $light_divider_color; + color: $light_fg_color; + } + + &:active > StIcon { + backround-color: $light_track_color; + color: $light_fg_color; + } +}