mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2025-06-06 07:23:02 +00:00
parent
f82220eddd
commit
91942dfbb3
@ -780,14 +780,13 @@ remove_firefox_theme() {
|
||||
# DASH TO DOCK #
|
||||
###############################################################################
|
||||
|
||||
install_dash_to_dock() {
|
||||
fix_dash_to_dock() {
|
||||
if [[ -d "${DASH_TO_DOCK_DIR_HOME}" ]]; then
|
||||
backup_file "${DASH_TO_DOCK_DIR_HOME}" "udo"
|
||||
rm -rf "${DASH_TO_DOCK_DIR_HOME}"
|
||||
backup_file "${DASH_TO_DOCK_DIR_HOME}/stylesheet.css" "udo"
|
||||
elif [[ -d "${DASH_TO_DOCK_DIR_ROOT}" ]]; then
|
||||
backup_file "${DASH_TO_DOCK_DIR_ROOT}/stylesheet.css" "sudo"
|
||||
fi
|
||||
|
||||
udo cp -rf "${DASH_TO_DOCK_SRC_DIR}/dash-to-dock@micxgx.gmail.com" "${GNOME_SHELL_EXTENSION_DIR}"
|
||||
|
||||
if has_command dbus-launch; then
|
||||
udo dbus-launch dconf write /org/gnome/shell/extensions/dash-to-dock/apply-custom-theme true
|
||||
fi
|
||||
|
@ -158,6 +158,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
|
||||
&:active { background-color: $track_color; }
|
||||
}
|
||||
|
||||
.calendar-day,
|
||||
.calendar-day-base {
|
||||
@include font(caption);
|
||||
text-align: center;
|
||||
@ -184,6 +185,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
|
||||
color: $fg_color;
|
||||
background-color: $track_color;
|
||||
border-color: transparent; //avoid jumparound due to today
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
&.calendar-day-heading { //day of week heading
|
||||
@ -260,9 +262,10 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
|
||||
}
|
||||
}
|
||||
|
||||
.calendar-other-month,
|
||||
.calendar-other-month-day {
|
||||
color: $disabled_fg_color;
|
||||
opacity: 0.5;
|
||||
color: $disabled_fg_color !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.calendar-week-number {
|
||||
@ -290,10 +293,12 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
|
||||
// Events
|
||||
.events-button {
|
||||
.events-box {
|
||||
color: $hint_fg_color;
|
||||
spacing: $base_spacing;
|
||||
}
|
||||
|
||||
.events-list {
|
||||
color: $hint_fg_color;
|
||||
spacing: 2 * $base_spacing;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
@ -43,12 +43,15 @@
|
||||
min-height: $medium_size;
|
||||
border-radius: 0;
|
||||
transition-duration: 100ms;
|
||||
border:L none;
|
||||
box-shadow: none;
|
||||
border-bottom: 2px solid transparent;
|
||||
background-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: $light_fg_color;
|
||||
text-shadow: none;
|
||||
border-color: $light_track_color
|
||||
border-color: $light_track_color;
|
||||
}
|
||||
|
||||
&:selected {
|
||||
|
@ -197,6 +197,7 @@ $panel_height: $menuitem_size;
|
||||
}
|
||||
|
||||
&#panelActivities { // Activities button
|
||||
-natural-hpadding: $base_padding * 2;
|
||||
background-image: url("assets/activities.svg");
|
||||
background-position: center center;
|
||||
background-size: 24px 24px;
|
||||
@ -209,6 +210,14 @@ $panel_height: $menuitem_size;
|
||||
|
||||
> * { width: $medium_size; }
|
||||
|
||||
StBoxLayout {
|
||||
spacing: 0;
|
||||
}
|
||||
|
||||
.workspace-dot {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&:active, &:overview, &:focus, &:checked {
|
||||
border: none;
|
||||
color: transparent;
|
||||
|
@ -28,8 +28,17 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT";
|
||||
-gtk-secondary-caret-color: $selected_bg_color;
|
||||
}
|
||||
|
||||
$side_style_shadow: linear-gradient(to left, rgba(black, if($variant == 'light', 0.04, 0.12)), transparent 6px);
|
||||
|
||||
%side_style_left {
|
||||
background-image: $side_style_shadow;
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
%side_headerbar_left {
|
||||
background-image: none;
|
||||
background-image: $side_style_shadow;
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
box-shadow: inset 0 1px $highlight_color;
|
||||
border: none;
|
||||
@ -44,7 +53,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT";
|
||||
%side_searchbar {
|
||||
> revealer > box {
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
border-color: $dark_sidebar_border;
|
||||
background-image: $side_style_shadow;
|
||||
}
|
||||
}
|
||||
|
||||
@ -61,7 +70,7 @@ $list_shadow: if($variant == 'light',
|
||||
(inset 0 0 8px rgba(white, 0.03), inset 0 0 3px rgba(white, 0.02), inset 0 0 0 1px rgba(white, 0.04), inset 0 1px rgba(white, 0.06)));
|
||||
|
||||
%circular_list {
|
||||
border-radius: $wm_radius;
|
||||
border-radius: $bd_radius;
|
||||
box-shadow: $list_shadow;
|
||||
background-color: if($variant == 'light', rgba(black, 0.03), rgba(white, 0.05));
|
||||
border: none;
|
||||
@ -77,24 +86,35 @@ $list_shadow: if($variant == 'light',
|
||||
|
||||
%circular_row {
|
||||
&:first-child {
|
||||
border-top-left-radius: $wm_radius;
|
||||
border-top-right-radius: $wm_radius;
|
||||
border-top-left-radius: $bd_radius;
|
||||
border-top-right-radius: $bd_radius;
|
||||
}
|
||||
|
||||
&:last-child { // Not use ?
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
border-bottom-left-radius: $bd_radius;
|
||||
border-bottom-right-radius: $bd_radius;
|
||||
}
|
||||
|
||||
&:only-child {
|
||||
border-radius: $wm_radius;
|
||||
border-radius: $bd_radius;
|
||||
}
|
||||
|
||||
+ row {
|
||||
border-top: 1px solid transparent;
|
||||
border-image: linear-gradient(to right,
|
||||
transparent 0%,
|
||||
transparent 2%,
|
||||
$menu_bd 2%,
|
||||
$menu_bd 98%,
|
||||
transparent 98%,
|
||||
transparent 100%) 1 0 0 0 / 1px 0 0 0 stretch;
|
||||
}
|
||||
}
|
||||
|
||||
%sidebar_row {
|
||||
margin: 2px 4px;
|
||||
border-radius: $wm_radius - 4px;
|
||||
-gtk-outline-radius : $wm_radius - 6px;
|
||||
border-radius: $bd_radius;
|
||||
-gtk-outline-radius : $bd_radius - 2px;
|
||||
}
|
||||
|
||||
// catch all extend
|
||||
@ -2674,9 +2694,9 @@ scrollbar {
|
||||
|
||||
// slider
|
||||
slider {
|
||||
min-width: $container_padding - 2px;
|
||||
min-height: $container_padding - 2px;
|
||||
margin: -1px;
|
||||
min-width: $container_padding + 2px;
|
||||
min-height: $container_padding + 2px;
|
||||
margin: 0;
|
||||
border: 4px solid transparent;
|
||||
border-radius: $container_padding * 2;
|
||||
background-clip: padding-box;
|
||||
@ -2704,26 +2724,24 @@ scrollbar {
|
||||
background-color: transparent;
|
||||
|
||||
slider {
|
||||
margin: 0;
|
||||
margin: $container_padding / 2;
|
||||
min-width: $container_padding - 2px;
|
||||
min-height: $container_padding - 2px;
|
||||
background-color: mix($fg_color, $bg_color, 70%);
|
||||
border: 1px solid $borders_color;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.horizontal slider {
|
||||
margin: 0 $container_padding / 2;
|
||||
min-width: $_slider_min_length;
|
||||
}
|
||||
|
||||
&.vertical slider {
|
||||
margin: $container_padding / 2 0;
|
||||
min-height: $_slider_min_length;
|
||||
}
|
||||
}
|
||||
|
||||
&.dragging,
|
||||
&.hovering { opacity: 0.99; }
|
||||
&.hovering { opacity: 1; }
|
||||
}
|
||||
|
||||
&.horizontal slider { min-width: $_slider_min_length; }
|
||||
@ -2761,8 +2779,8 @@ switch {
|
||||
background-color: transparent;
|
||||
background-clip: padding-box;
|
||||
color: transparent;
|
||||
min-width: 40px;
|
||||
min-height: 24px;
|
||||
min-width: 32px;
|
||||
min-height: 20px;
|
||||
font-size: 0;
|
||||
box-shadow: inset 0 1px 2px rgba(black, 0.1);
|
||||
background-image: $switch_image, radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%);
|
||||
@ -2796,8 +2814,8 @@ switch {
|
||||
|
||||
slider {
|
||||
transition: $longer_transition, $shadow_transition, margin 0;
|
||||
min-width: 22px;
|
||||
min-height: 22px;
|
||||
min-width: 18px;
|
||||
min-height: 18px;
|
||||
margin: 1px 0 1px 1px;
|
||||
border-radius: $circular_radius;
|
||||
-gtk-outline-radius: $circular_radius;
|
||||
|
@ -39,37 +39,52 @@ $list_shadow: if($variant == 'light',
|
||||
(inset 0 0 8px rgba(white, 0.03), inset 0 0 3px rgba(white, 0.02), inset 0 0 0 1px rgba(white, 0.04), inset 0 1px rgba(white, 0.06)));
|
||||
|
||||
%circular_list {
|
||||
border-radius: $wm_radius;
|
||||
border-radius: $bd_radius;
|
||||
box-shadow: $list_shadow;
|
||||
background-color: if($variant == 'light', rgba(black, 0.03), rgba(white, 0.05));
|
||||
border: none;
|
||||
color: $text_color;
|
||||
|
||||
> separator { background: none; min-height: 0; }
|
||||
> separator {
|
||||
min-height: 1px;
|
||||
background-color: $borders_color;
|
||||
margin: $container_padding / 2 $container_padding * 2;
|
||||
}
|
||||
}
|
||||
|
||||
%circular_row {
|
||||
border: none;
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: $wm_radius;
|
||||
border-top-right-radius: $wm_radius;
|
||||
border-top-left-radius: $bd_radius;
|
||||
border-top-right-radius: $bd_radius;
|
||||
}
|
||||
|
||||
&:last-child { // Not use ?
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
border-bottom-left-radius: $bd_radius;
|
||||
border-bottom-right-radius: $bd_radius;
|
||||
}
|
||||
|
||||
&:only-child {
|
||||
border-radius: $wm_radius;
|
||||
border-radius: $bd_radius;
|
||||
}
|
||||
|
||||
+ row {
|
||||
border-top: 1px solid transparent;
|
||||
border-image: linear-gradient(to right,
|
||||
transparent 0%,
|
||||
transparent 2%,
|
||||
$menu_bd 2%,
|
||||
$menu_bd 98%,
|
||||
transparent 98%,
|
||||
transparent 100%) 1 0 0 0 / 1px 0 0 0 stretch;
|
||||
}
|
||||
}
|
||||
|
||||
%sidebar_row {
|
||||
margin: 2px 4px;
|
||||
border-radius: $wm_radius - 4px;
|
||||
-gtk-outline-radius : $wm_radius - 6px;
|
||||
border-radius: $bd_radius;
|
||||
-gtk-outline-radius : $bd_radius - 2px;
|
||||
}
|
||||
|
||||
// catch all extend
|
||||
@ -335,9 +350,6 @@ label {
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
row:selected &,
|
||||
&:selected { @extend %nobg_selected_items; }
|
||||
|
||||
> selection {
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
@ -346,6 +358,7 @@ label {
|
||||
&:disabled {
|
||||
opacity: 1;
|
||||
color: $disabled_fg_color;
|
||||
|
||||
selection { color: mix($selected_fg_color, $selected_bg_color, 50%); }
|
||||
}
|
||||
}
|
||||
@ -950,9 +963,9 @@ button {
|
||||
|
||||
// big standalone buttons like in Documents pager
|
||||
&.osd {
|
||||
color: $osd_fg_color;
|
||||
background-color: $osd_bg_color;
|
||||
border-color: darken($osd_bg_color, 8%);
|
||||
color: white;
|
||||
background-color: rgba(black, 0.65);
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
|
||||
&.image-button {
|
||||
@ -961,14 +974,26 @@ button {
|
||||
min-width: 42px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $selected_bg_color;
|
||||
box-shadow: none;
|
||||
background-color: $osd_button_bg;
|
||||
&.image-button {
|
||||
padding: 0;
|
||||
min-height: 28px;
|
||||
min-width: 28px;
|
||||
}
|
||||
|
||||
&.keyboard-activating, &:active, &:checked {@include button(osd-active); }
|
||||
&:disabled { @include button(osd-insensitive); }
|
||||
&:hover {
|
||||
color: white;
|
||||
background-color: rgba(black, 0.75);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.keyboard-activating, &:active, &:checked {
|
||||
color: white;
|
||||
background-color: rgba(black, 0.85);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.35;
|
||||
}
|
||||
}
|
||||
|
||||
//overlay / OSD style
|
||||
@ -1794,20 +1819,6 @@ combobox {
|
||||
}
|
||||
|
||||
searchbar {
|
||||
&:not(.inline) > revealer > box {
|
||||
border-style: solid;
|
||||
border-color: $solid_borders_color;
|
||||
background-color: $header_bg;
|
||||
border-width: 0 0 1px;
|
||||
box-shadow: none;
|
||||
color: $header_fg;
|
||||
}
|
||||
|
||||
// Close button on searchbar
|
||||
button.flat {
|
||||
@extend %circular_button;
|
||||
}
|
||||
|
||||
> revealer > box {
|
||||
padding: $container_padding;
|
||||
border-spacing: $container_padding;
|
||||
@ -1822,6 +1833,20 @@ searchbar {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.inline) > revealer > box {
|
||||
border-style: solid;
|
||||
border-color: $solid_borders_color;
|
||||
background-color: $header_bg;
|
||||
border-width: 0 0 1px;
|
||||
box-shadow: none;
|
||||
color: $header_fg;
|
||||
}
|
||||
|
||||
// Close button on searchbar
|
||||
button.flat {
|
||||
@extend %circular_button;
|
||||
}
|
||||
}
|
||||
|
||||
actionbar > revealer > box {
|
||||
@ -1951,6 +1976,7 @@ headerbar {
|
||||
margin: 0;
|
||||
|
||||
&:backdrop {
|
||||
opacity: 1;
|
||||
transition: $backdrop_transition;
|
||||
color: transparentize($header_fg, 0.3);
|
||||
background-color: $header_bg_backdrop;
|
||||
@ -2006,6 +2032,12 @@ headerbar {
|
||||
|
||||
button {
|
||||
@extend %headerbar_buttons;
|
||||
|
||||
&.star {
|
||||
min-width: 24px;
|
||||
padding: 2px;
|
||||
border-radius: $circular_radius;
|
||||
}
|
||||
}
|
||||
|
||||
entry,
|
||||
@ -2185,6 +2217,8 @@ headerbar {
|
||||
min-height: $medium_size;
|
||||
padding: 0;
|
||||
background-color: $header_bg;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
|
||||
> windowhandle > box {
|
||||
padding: 0 $container_padding / 2;
|
||||
@ -2488,7 +2522,7 @@ popover {
|
||||
> arrow,
|
||||
> contents {
|
||||
color: $fg_color;
|
||||
background-clip: border-box;
|
||||
background-clip: padding-box;
|
||||
background-color: $menu_bg;
|
||||
box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85)),
|
||||
0 0 0 1px if($variant=='light', rgba($borders_color, 0.03), rgba($dark_borders_color, 0.55));
|
||||
@ -2670,6 +2704,8 @@ popover.menu {
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
transition: background-color $shorter_duration $deceleration_curve;
|
||||
|
||||
arrow { color: $selected_fg_color; }
|
||||
}
|
||||
|
||||
&:hover:focus {
|
||||
@ -2978,9 +3014,9 @@ scrollbar {
|
||||
transition: none;
|
||||
|
||||
> slider {
|
||||
min-width: $container_padding - 2px;
|
||||
min-height: $container_padding - 2px;
|
||||
margin: -1px;
|
||||
min-width: $container_padding + 2px;
|
||||
min-height: $container_padding + 2px;
|
||||
margin: 0;
|
||||
border: 4px solid transparent;
|
||||
border-radius: $container_padding * 2;
|
||||
background-clip: padding-box;
|
||||
@ -3027,7 +3063,7 @@ scrollbar {
|
||||
box-shadow: none;
|
||||
|
||||
> range > trough > slider {
|
||||
margin: 0;
|
||||
margin: $container_padding / 2;
|
||||
min-width: $container_padding - 2px;
|
||||
min-height: $container_padding - 2px;
|
||||
background-color: mix($fg_color, $bg_color, 70%);
|
||||
@ -3035,18 +3071,16 @@ scrollbar {
|
||||
}
|
||||
|
||||
&.horizontal > range > trough > slider {
|
||||
margin: 0 $container_padding / 2;
|
||||
min-width: $_slider_min_length;
|
||||
}
|
||||
|
||||
&.vertical > range > trough > slider {
|
||||
margin: $container_padding / 2 0;
|
||||
min-height: $_slider_min_length;
|
||||
}
|
||||
}
|
||||
|
||||
&.dragging,
|
||||
&.hovering { opacity: 0.99; }
|
||||
&.hovering { opacity: 1; }
|
||||
}
|
||||
|
||||
&.horizontal > range > trough > slider { min-width: $_slider_min_length; }
|
||||
@ -3089,8 +3123,8 @@ switch {
|
||||
background-color: transparent;
|
||||
background-clip: padding-box;
|
||||
color: transparent;
|
||||
min-width: 40px;
|
||||
min-height: 24px;
|
||||
min-width: 32px;
|
||||
min-height: 20px;
|
||||
font-size: 0;
|
||||
padding: 0;
|
||||
box-shadow: inset 0 1px 2px rgba(black, 0.1);
|
||||
@ -3125,8 +3159,8 @@ switch {
|
||||
|
||||
> slider {
|
||||
transition: $longer_transition, $shadow_transition, margin 0;
|
||||
min-width: 22px;
|
||||
min-height: 22px;
|
||||
min-width: 18px;
|
||||
min-height: 18px;
|
||||
margin: 1px 0 1px 1px;
|
||||
padding: 0;
|
||||
border-radius: $circular_radius;
|
||||
@ -3806,6 +3840,24 @@ scrolledwindow {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&.undershoot-top {
|
||||
@include undershoot(top);
|
||||
}
|
||||
|
||||
&.undershoot-bottom {
|
||||
@include undershoot(bottom);
|
||||
}
|
||||
|
||||
&.undershoot-start {
|
||||
&:dir(ltr) { @include undershoot(left); }
|
||||
&:dir(rtl) { @include undershoot(right); }
|
||||
}
|
||||
|
||||
&.undershoot-end {
|
||||
&:dir(ltr) { @include undershoot(right); }
|
||||
&:dir(rtl) { @include undershoot(left); }
|
||||
}
|
||||
|
||||
> junction { // the small square between two scrollbars
|
||||
border: none;
|
||||
background-color: $_scrollbar_bg_color;
|
||||
@ -3908,8 +3960,6 @@ listview.view {
|
||||
&, &:active {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(black, 0.15), rgba(white, 0.15));
|
||||
|
||||
label { color: $fg_color; }
|
||||
}
|
||||
|
||||
&.has-open-popup,
|
||||
@ -3953,8 +4003,6 @@ row {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(black, 0.15), rgba(white, 0.15));
|
||||
|
||||
label { color: $fg_color; }
|
||||
|
||||
// button { @extend %selected-button; }
|
||||
}
|
||||
|
||||
@ -4368,7 +4416,7 @@ stacksidebar {
|
||||
// Navigation Sidebar
|
||||
.navigation-sidebar {
|
||||
background-color: $dark_sidebar_bg;
|
||||
padding: $container_padding 0; //only vertical padding. horizontal row size would clip
|
||||
padding: $container_padding; //only vertical padding. horizontal row size would clip
|
||||
|
||||
> separator {
|
||||
margin: $container_padding 0;
|
||||
@ -4379,7 +4427,10 @@ stacksidebar {
|
||||
min-height: 36px;
|
||||
padding: 0 $container_padding + 2px;
|
||||
border-radius: $bt_radius;
|
||||
margin: 0 $container_padding 2px;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
|
||||
+ row { margin-top: $container_padding / 2; }
|
||||
|
||||
&:hover,
|
||||
&:focus-visible:focus-within {
|
||||
@ -4395,17 +4446,16 @@ stacksidebar {
|
||||
color: $fg_color;
|
||||
background-color: rgba($fg_color, 0.15);
|
||||
|
||||
label { color: $fg_color; }
|
||||
|
||||
&:hover {
|
||||
background-color: rgba($fg_color, 0.2);
|
||||
}
|
||||
|
||||
&:focus-visible:focus-within {
|
||||
outline-width: 0;
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
&:hover { background-color: darken($selected_bg_color,10%); }
|
||||
outline: none;
|
||||
color: $fg_color;
|
||||
background-color: rgba($fg_color, 0.15);
|
||||
|
||||
&:hover { background-color: rgba($fg_color, 0.2); }
|
||||
}
|
||||
}
|
||||
|
||||
@ -4473,13 +4523,12 @@ placessidebar {
|
||||
&.sidebar-new-bookmark-row { color: $selected_bg_color; }
|
||||
|
||||
&:drop(active):not(:disabled) {
|
||||
&, label, image { color: $drop_target_color; }
|
||||
|
||||
color: $drop_target_color;
|
||||
box-shadow: inset 0 1px $drop_target_color,
|
||||
inset 0 -1px $drop_target_color;
|
||||
|
||||
&:selected {
|
||||
&, label, image { color: $dark_sidebar_fg; }
|
||||
color: $dark_sidebar_fg;
|
||||
background-color: $drop_target_color;
|
||||
}
|
||||
}
|
||||
|
@ -494,41 +494,73 @@
|
||||
box-shadow: none; //
|
||||
}
|
||||
|
||||
@mixin undershoot($p, $c: $wm_shadow, $neighbor: false) {
|
||||
//
|
||||
// Undershoot
|
||||
// undershoot
|
||||
//
|
||||
@mixin undershoot($p) {
|
||||
// $p: position
|
||||
// $c: shade color
|
||||
// $neighbor: use ~ instead of >
|
||||
//
|
||||
// possible $p values:
|
||||
// top, bottom, right, left
|
||||
//
|
||||
|
||||
$_undershoot_color_dark: transparentize(black, 0.8);
|
||||
$_undershoot_color_light: transparentize(white, 0.8);
|
||||
$_border_pos: '';
|
||||
$_direction: '';
|
||||
$_selector: if($neighbor, '~', '>');
|
||||
|
||||
$_gradient_dir: left;
|
||||
$_dash_bg_size: 10px 1px;
|
||||
$_gradient_repeat: repeat-x;
|
||||
$_bg_pos: center $p;
|
||||
|
||||
background-color: transparent; // shouldn't be needed, but better to be sure;
|
||||
|
||||
@if ($p == left) or ($p == right) {
|
||||
$_gradient_dir: top;
|
||||
$_dash_bg_size: 1px 10px;
|
||||
$_gradient_repeat: repeat-y;
|
||||
$_bg_pos: $p center;
|
||||
@if $p==top {
|
||||
$_direction: bottom;
|
||||
$_border_pos: 0 1px;
|
||||
} @else if $p==bottom {
|
||||
$_direction: top;
|
||||
$_border_pos: 0 -1px;
|
||||
} @else if $p==left {
|
||||
$_direction: right;
|
||||
$_border_pos: 1px 0;
|
||||
} @else if $p==right {
|
||||
$_direction: left;
|
||||
$_border_pos: -1px 0;
|
||||
} @else {
|
||||
@error "Unknown position #{$p}"
|
||||
}
|
||||
|
||||
background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
|
||||
$_undershoot_color_light 50%,
|
||||
$_undershoot_color_dark 50%);
|
||||
|
||||
padding-#{$p}: 1px;
|
||||
background-size: $_dash_bg_size;
|
||||
background-repeat: $_gradient_repeat;
|
||||
background-origin: content-box;
|
||||
background-position: $_bg_pos;
|
||||
border: none;
|
||||
#{$_selector} undershoot.#{$p} {
|
||||
box-shadow: inset $_border_pos $borders_color;
|
||||
background: linear-gradient(to $_direction, gtkalpha($c, .25), transparent 6px);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin background-shadow($direction, $color) {
|
||||
background-image:
|
||||
linear-gradient($direction,
|
||||
gtkalpha($color, 0.7),
|
||||
gtkalpha($color, 0.14) 40px,
|
||||
gtkalpha($color, 0) 56px),
|
||||
linear-gradient($direction,
|
||||
gtkalpha($color, 0.4),
|
||||
gtkalpha($color, 0.14) 7px,
|
||||
gtkalpha($color, 0) 24px);
|
||||
}
|
||||
|
||||
@mixin transition-shadows($color) {
|
||||
> dimming {
|
||||
background: $color;
|
||||
}
|
||||
|
||||
> border {
|
||||
background: none;
|
||||
}
|
||||
|
||||
> shadow {
|
||||
min-width: 56px;
|
||||
min-height: 56px;
|
||||
|
||||
&.left { @include background-shadow(to right, $color); }
|
||||
&.right { @include background-shadow(to left, $color); }
|
||||
&.up { @include background-shadow(to bottom, $color); }
|
||||
&.down { @include background-shadow(to top, $color); }
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1431,9 +1431,9 @@ row#AutostartTitle.tweak {
|
||||
// separator of sidebar on Gnome control center and Gnome tweaks
|
||||
window.background.csd {
|
||||
> hdyleaflet,
|
||||
> leaflet, > leaflet.unfolded,
|
||||
> leaflet,
|
||||
> box.horizontal {
|
||||
> separator.vertical {
|
||||
> separator {
|
||||
@extend %side_separator;
|
||||
}
|
||||
|
||||
@ -1445,19 +1445,20 @@ window.background.csd {
|
||||
}
|
||||
|
||||
> hdyleaflet > box.vertical > stack.main-container,
|
||||
> leaflet > box.vertical > stack.main-container { // Right side
|
||||
> leaflet > box.vertical > stack.main-container,
|
||||
> leaflet > box.vertical:last-child > scrolledwindow { // Right side
|
||||
background-color: $base_color;
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
}
|
||||
|
||||
// sidebar on gnome tweak
|
||||
list.tweak-categories {
|
||||
background-image: none;
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
list.tweak-categories,
|
||||
> leaflet > box > scrolledwindow > viewport > list.navigation-sidebar {
|
||||
@extend %side_style_left;
|
||||
border-radius: 0 0 0 $wm_radius;
|
||||
|
||||
// Themed left sidebar
|
||||
.tweak-category:not(:selected):not(:hover) {
|
||||
> row:not(:selected):not(:hover) {
|
||||
background: none;
|
||||
}
|
||||
|
||||
@ -1469,12 +1470,15 @@ window.background.csd {
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> hdyleaflet > box.vertical > stack.main-container {
|
||||
> hdyleaflet > box.vertical > stack.main-container,
|
||||
> leaflet > box.vertical > stack.main-container,
|
||||
> leaflet > box.vertical:last-child > scrolledwindow {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
|
||||
// sidebar on gnome tweak
|
||||
.tweak-categories {
|
||||
list.tweak-categories,
|
||||
leaflet > box > scrolledwindow > viewport > list.navigation-sidebar {
|
||||
border-radius: 0 0 0 $maximized_radius;
|
||||
}
|
||||
}
|
||||
@ -1585,7 +1589,7 @@ window.background.csd {
|
||||
> leaflet > box.vertical > scrolledwindow.view, // > 3.38.0
|
||||
> hdyleaflet > box.vertical > scrolledwindow.view, // > 3.34.0
|
||||
> box.horizontal > box.vertical > scrolledwindow.view { // > 3.25.90
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
@extend %side_style_left;
|
||||
border-bottom-left-radius: $wm_radius + 1px;
|
||||
|
||||
> viewport.frame > stack {
|
||||
@ -1762,7 +1766,7 @@ window.background.csd {
|
||||
> overlay > leaflet,
|
||||
> deck > box > overlay > leaflet { // >= 40.0
|
||||
> stack {
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
@extend %side_style_left;
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
}
|
||||
|
||||
@ -2725,7 +2729,7 @@ window#GearyMainWindow.background.csd { // <= 3.32
|
||||
}
|
||||
|
||||
.geary-main-layout { // >= 40.0
|
||||
background-color: $dark_sidebar_bg;
|
||||
@extend %side_style_left;
|
||||
|
||||
> leaflet > leaflet > headerbar { // left and center headerbar
|
||||
&:first-child { @extend %side_headerbar_left; background-color: transparent; }
|
||||
|
@ -9,7 +9,7 @@ $nautilus_borders_color: if($variant=='light', darken(rgba($dark_sidebar_bg, 1),
|
||||
$flap_sidebar_size: 240px;
|
||||
|
||||
@if $nautilus_style == 'stable' {
|
||||
$nautilus_header_image: linear-gradient(90deg, $dark_sidebar_bg $flap_sidebar_size,
|
||||
$nautilus_header_image: linear-gradient(90deg, transparent $flap_sidebar_size,
|
||||
$nautilus_borders_color $flap_sidebar_size,
|
||||
$nautilus_borders_color ($flap_sidebar_size + 1px),
|
||||
$base_color ($flap_sidebar_size + 1px));
|
||||
@ -19,7 +19,7 @@ $flap_sidebar_size: 240px;
|
||||
}
|
||||
|
||||
@if $nautilus_style == 'glassy' {
|
||||
$nautilus_header_image: linear-gradient(90deg, $dark_sidebar_bg ($flap_sidebar_size / 2),
|
||||
$nautilus_header_image: linear-gradient(90deg, transparent ($flap_sidebar_size / 2),
|
||||
$dark_header_bg 40%);
|
||||
|
||||
$nautilus_header_borders_image: linear-gradient(90deg, rgba($header_border, 0) (($flap_sidebar_size / 2) - 40px),
|
||||
@ -29,9 +29,12 @@ $flap_sidebar_size: 240px;
|
||||
.nautilus-window {
|
||||
@if $nautilus_style == 'stable' or $nautilus_style == 'glassy' {
|
||||
&.background.csd {
|
||||
background-color: transparent;
|
||||
&, &:backdrop {
|
||||
background-color: $dark_sidebar_bg;
|
||||
}
|
||||
|
||||
headerbar {
|
||||
&:not(.view) headerbar {
|
||||
&, &:backdrop {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
background-image: $nautilus_header_image;
|
||||
@ -39,9 +42,10 @@ $flap_sidebar_size: 240px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if $nautilus_style == 'stable' {
|
||||
headerbar {
|
||||
&:not(.view) headerbar {
|
||||
box.start > box {
|
||||
margin-left: 144px;
|
||||
}
|
||||
@ -54,19 +58,27 @@ $flap_sidebar_size: 240px;
|
||||
|
||||
headerbar > windowhandle > box { padding: 0 10px; }
|
||||
|
||||
placessidebar.background {
|
||||
row.sidebar-row {
|
||||
placessidebar {
|
||||
.navigation-sidebar > row {
|
||||
&:selected {
|
||||
background-color: if($variant == 'light', rgba(black, 0.15), rgba(white, 0.15));
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&.sidebar-row {
|
||||
.sidebar-icon { color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color, 20%)); }
|
||||
}
|
||||
}
|
||||
|
||||
flap.unfolded {
|
||||
> placessidebar.background {
|
||||
background: none;
|
||||
|
||||
list.navigation-sidebar {
|
||||
background-color: $dark_sidebar_bg;
|
||||
}
|
||||
|
||||
flap.unfolded,
|
||||
.sidebar-pane {
|
||||
&, &:backdrop {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
placessidebar {
|
||||
background: none;
|
||||
}
|
||||
|
||||
> separator.horizontal {
|
||||
@ -74,8 +86,14 @@ $flap_sidebar_size: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
flap.unfolded {
|
||||
list.navigation-sidebar {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
flap.folded {
|
||||
> placessidebar {
|
||||
placessidebar {
|
||||
border-right: 1px solid $header_border;
|
||||
}
|
||||
}
|
||||
@ -84,23 +102,29 @@ $flap_sidebar_size: 240px;
|
||||
.box {
|
||||
@if $monterey == 'false' {
|
||||
background-color: mix(black, $base_color, 6%);
|
||||
border-top: 1px solid $borders_color;
|
||||
} @else {
|
||||
background-color: $base_color;
|
||||
}
|
||||
|
||||
tabbox { margin: 0 -3px; }
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-grid-view.view {
|
||||
.nautilus-grid-view {
|
||||
background-color: $base_color;
|
||||
|
||||
child.activatable {
|
||||
border-radius: $bt_radius;
|
||||
@extend %row_activatable;
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-list-view.view {
|
||||
.nautilus-list-view {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-spacing: 0;
|
||||
background-color: $base_color;
|
||||
|
||||
listview.view {
|
||||
padding: 0;
|
||||
@ -610,14 +634,14 @@ screenshot-carousel button,
|
||||
padding: $container_padding / 2 $container_padding * 1.5;
|
||||
}
|
||||
|
||||
flowboxchild.card {
|
||||
.card flowboxchild.card {
|
||||
padding: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
button.card.category-tile {
|
||||
.category-tile.card {
|
||||
padding: $container_padding * 3.5;
|
||||
border: none;
|
||||
border-radius: $bt_radius;
|
||||
@ -630,6 +654,7 @@ button.card.category-tile {
|
||||
min-width: 130px;
|
||||
font-size: 105%;
|
||||
font-weight: normal;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// Styling for specific category buttons.
|
||||
@ -740,10 +765,8 @@ clamp.large .category-tile:not(.category-tile-iconless) {
|
||||
|
||||
// The rest of the featured-tile CSS is loaded at runtime in gs-feature-tile.c
|
||||
.featured-tile {
|
||||
all: unset;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
color: $fg_color;
|
||||
|
||||
label.title-1 {
|
||||
margin-top: $container_padding;
|
||||
|
@ -228,14 +228,42 @@ viewswitcherbar actionbar > revealer > box {
|
||||
}
|
||||
|
||||
// AdwViewSwitcherTitle
|
||||
viewswitchertitle {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
viewswitchertitle viewswitcher {
|
||||
viewswitcher {
|
||||
margin-left: $container_padding * 2;
|
||||
margin-right: $container_padding * 2;
|
||||
|
||||
&.narrow {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
button.toggle {
|
||||
> stack > box {
|
||||
&.narrow {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.wide {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
windowtitle {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// AdwIndicatorBin
|
||||
|
||||
indicatorbin {
|
||||
> indicator, > mask {
|
||||
min-width: $container_padding * 2;
|
||||
@ -326,6 +354,9 @@ tabbar {
|
||||
background-color: transparent;
|
||||
|
||||
> separator {
|
||||
margin: 0;
|
||||
background-color: $borders_color;
|
||||
|
||||
&.hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
@ -442,8 +473,221 @@ tabbox:drop(active) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// Sidebar
|
||||
|
||||
.unfolded stacksidebar.sidebar {
|
||||
border: none;
|
||||
// Transition shadows
|
||||
flap,
|
||||
leaflet,
|
||||
navigation-view,
|
||||
overlay-split-view {
|
||||
@include transition-shadows($wm_shadow);
|
||||
}
|
||||
|
||||
toolbarview.undershoot-top scrolledwindow {
|
||||
@include undershoot(top);
|
||||
}
|
||||
|
||||
toolbarview.undershoot-bottom scrolledwindow {
|
||||
@include undershoot(bottom);
|
||||
}
|
||||
|
||||
// Sidebar
|
||||
.unfolded stacksidebar.sidebar { border: none; }
|
||||
|
||||
.sidebar-pane {
|
||||
background-color: $dark_sidebar_bg;
|
||||
color: $dark_sidebar_fg;
|
||||
|
||||
&:backdrop {
|
||||
background-color: $dark_sidebar_bg;
|
||||
// transition: background-color $longer_duration $deceleration_curve;
|
||||
}
|
||||
|
||||
.sidebar,
|
||||
.toolbar,
|
||||
headerbar,
|
||||
.navigation-sidebar,
|
||||
searchbar > revealer > box {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
padding: $container_padding $container_padding * 2;
|
||||
}
|
||||
|
||||
.navigation-sidebar {
|
||||
padding: $container_padding * 2;
|
||||
|
||||
> row {
|
||||
&:selected {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
toolbarview.undershoot-top scrolledwindow {
|
||||
@include undershoot(top);
|
||||
}
|
||||
|
||||
toolbarview.undershoot-bottom scrolledwindow {
|
||||
@include undershoot(bottom);
|
||||
}
|
||||
|
||||
scrolledwindow {
|
||||
&.undershoot-top {
|
||||
@include undershoot(top);
|
||||
}
|
||||
|
||||
&.undershoot-bottom {
|
||||
@include undershoot(bottom)
|
||||
}
|
||||
|
||||
&.undershoot-start {
|
||||
&:dir(ltr) { @include undershoot(left); }
|
||||
&:dir(rtl) { @include undershoot(right); }
|
||||
}
|
||||
|
||||
&.undershoot-end {
|
||||
&:dir(ltr) { @include undershoot(right); }
|
||||
&:dir(rtl) { @include undershoot(left); }
|
||||
}
|
||||
}
|
||||
|
||||
flap,
|
||||
leaflet,
|
||||
navigation-view,
|
||||
overlay-split-view {
|
||||
@include transition-shadows($wm_shadow);
|
||||
}
|
||||
|
||||
banner > revealer > widget {
|
||||
background-color: gtkmix($selected_bg_color, $dark_sidebar_bg, 30%);
|
||||
color: $text_color;
|
||||
|
||||
&:backdrop {
|
||||
background-color: gtkmix($selected_bg_color, $dark_sidebar_bg, 30%);
|
||||
}
|
||||
}
|
||||
|
||||
&:dir(ltr), &.end:dir(rtl) {
|
||||
&, banner > revealer > widget {
|
||||
box-shadow: inset -1px 0 6px rgba(black, if($variant == 'light', 0.04, 0.08));
|
||||
border-right: 1px solid $dark_sidebar_border;
|
||||
}
|
||||
}
|
||||
|
||||
&:dir(rtl), &.end:dir(ltr) {
|
||||
&, banner > revealer > widget {
|
||||
box-shadow: inset 1px 0 6px rgba(black, if($variant == 'light', 0.04, 0.08));
|
||||
border-left: 1px solid $dark_sidebar_border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Middle pane in three-pane setups */
|
||||
.content-pane .sidebar-pane,
|
||||
.sidebar-pane .content-pane {
|
||||
background-color: $base_color;
|
||||
color: $text_color;
|
||||
|
||||
&:backdrop {
|
||||
background-color: $base_color;
|
||||
// transition: background-color $longer_duration $deceleration_curve;
|
||||
}
|
||||
|
||||
toolbarview.undershoot-top scrolledwindow {
|
||||
@include undershoot(top);
|
||||
}
|
||||
|
||||
toolbarview.undershoot-bottom scrolledwindow {
|
||||
@include undershoot(bottom);
|
||||
}
|
||||
|
||||
scrolledwindow {
|
||||
&.undershoot-top {
|
||||
@include undershoot(top);
|
||||
}
|
||||
|
||||
&.undershoot-bottom {
|
||||
@include undershoot(bottom)
|
||||
}
|
||||
|
||||
&.undershoot-start {
|
||||
&:dir(ltr) { @include undershoot(left); }
|
||||
&:dir(rtl) { @include undershoot(right); }
|
||||
}
|
||||
|
||||
&.undershoot-end {
|
||||
&:dir(ltr) { @include undershoot(right); }
|
||||
&:dir(rtl) { @include undershoot(left); }
|
||||
}
|
||||
}
|
||||
|
||||
flap,
|
||||
leaflet,
|
||||
navigation-view,
|
||||
overlay-split-view {
|
||||
@include transition-shadows($wm_shadow);
|
||||
}
|
||||
|
||||
banner > revealer > widget {
|
||||
background-color: gtkmix($selected_bg_color, $base_color, 30%);
|
||||
color: $text_color;
|
||||
|
||||
&:backdrop {
|
||||
background-color: gtkmix($selected_bg_color, $base_color, 30%);
|
||||
}
|
||||
}
|
||||
|
||||
&:dir(ltr), &.end:dir(rtl) {
|
||||
&, banner > revealer > widget {
|
||||
box-shadow: inset -1px 0 6px rgba(black, if($variant == 'light', 0.04, 0.08));
|
||||
border-right: 1px solid $dark_sidebar_border;
|
||||
}
|
||||
}
|
||||
|
||||
&:dir(rtl), &.end:dir(ltr) {
|
||||
&, banner > revealer > widget {
|
||||
box-shadow: inset 1px 0 6px rgba(black, if($variant == 'light', 0.04, 0.08));
|
||||
border-left: 1px solid $dark_sidebar_border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar-pane {
|
||||
background-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.content-pane {
|
||||
background-color: $base_color;
|
||||
|
||||
toolbarview {
|
||||
&, &.view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
> stack, > box > stack.view {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Gnome >= 45.0
|
||||
.sidebar-pane,
|
||||
.content-pane {
|
||||
headerbar {
|
||||
&, &:backdrop {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
.collapse-spacing {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
10
tweaks.sh
10
tweaks.sh
@ -214,9 +214,9 @@ if [[ "${uninstall}" == 'true' ]]; then
|
||||
fi
|
||||
|
||||
if [[ "${dash_to_dock}" == 'true' && "${gdm}" != 'true' ]]; then
|
||||
prompt -i "Removing '${name}' Dash to Dock theme... \n"
|
||||
prompt -i "Revert Dash to Dock theme... \n"
|
||||
revert_dash_to_dock_theme
|
||||
prompt -s "Done! '${name}' Dash to Dock theme has been removed. \n"
|
||||
prompt -s "Done! Dash to Dock theme has reverted to default. \n"
|
||||
fi
|
||||
|
||||
if [[ "${firefox}" == 'true' && "${gdm}" != 'true' ]]; then
|
||||
@ -250,9 +250,9 @@ else
|
||||
fi
|
||||
|
||||
if [[ "${dash_to_dock}" == 'true' && "${gdm}" != 'true' ]]; then
|
||||
prompt -i "Installing '${name}' ${colors[0]} Dash to Dock theme... \n"
|
||||
install_dash_to_dock_theme
|
||||
prompt -s "Done! '${name}' Dash to Dock theme has been installed. \n"
|
||||
prompt -i "Fix Dash to Dock theme issue... \n"
|
||||
fix_dash_to_dock
|
||||
prompt -s "Done! '${name}' Dash to Dock theme has been fixed. \n"
|
||||
prompt -w "DASH TO DOCK: You may need to logout to take effect. \n"
|
||||
fi
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user