mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2025-06-01 10:26:49 +00:00
update
This commit is contained in:
vinceliuice
parent
4090a93776
commit
20c07522ec
@ -259,7 +259,6 @@ if [[ -d "${WHITESUR_TMP_DIR}" ]]; then
|
||||
|
||||
if [[ -d "${WHITESUR_TMP_DIR}" ]]; then
|
||||
prompt -e "ERROR: Whitesur installer or tweaks is already running. Probably it's run by '$(ls -ld "${WHITESUR_TMP_DIR}" | awk '{print $3}')'"
|
||||
exit 1
|
||||
fi
|
||||
fi
|
||||
|
||||
|
||||
@ -40,8 +40,8 @@ $hint_fg_color: if($variant == 'light', #565656, #999999);
|
||||
}
|
||||
|
||||
//insensitive state derived colors
|
||||
$disabled_fg_color: if($variant == 'light', transparentize($fg_color, 0.55), transparentize($fg_color, 0.65));
|
||||
$alt_disabled_fg_color: if($variant == 'light', transparentize($alt_fg_color, 0.55), transparentize($alt_fg_color, 0.65));
|
||||
$disabled_fg_color: if($variant == 'light', rgba($fg_color, 0.45), rgba($fg_color, 0.35));
|
||||
$alt_disabled_fg_color: if($variant == 'light', rgba($alt_fg_color, 0.45), rgba($alt_fg_color, 0.35));
|
||||
$disabled_bg_color: if($variant == 'light', gtkmix($bg_color, $base_color, 40%), lighten($bg_color, 2%));
|
||||
|
||||
$active_color: if($variant == 'light', gtkalpha(currentColor, 0.26), gtkalpha(currentColor, 0.2));
|
||||
@ -97,12 +97,12 @@ $selected_bg_color: if($scheme == 'nord', $nord_color_default, $
|
||||
$primary_color: $selected_bg_color;
|
||||
|
||||
$selected_borders_color: darken($selected_bg_color, 10%);
|
||||
$borders_color: if($variant == 'light', gtkalpha(currentColor, 0.12), gtkalpha(currentColor, 0.12));
|
||||
$light_borders_color: if($variant == 'light', gtkalpha(currentColor, 0.08), gtkalpha(currentColor, 0.10));
|
||||
$dark_borders_color: if($variant == 'light', gtkalpha(black, 0.08), gtkalpha(black, 0.15));
|
||||
$solid_borders_color: if($variant == 'light', gtkmix(currentColor, $base_color, 12%), gtkmix(currentColor, $base_color, 12%));
|
||||
$dark_solid_borders_color: if($variant == 'light', gtkmix(currentColor, $base_color, 12%), gtkmix(currentColor, $base_color, 15%));
|
||||
$highlight_color: if($variant == 'light', gtkalpha(white, 0.15), gtkalpha(white, 0.1));
|
||||
$borders_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12));
|
||||
$light_borders_color: if($variant == 'light', rgba(black, 0.08), rgba(white, 0.10));
|
||||
$dark_borders_color: if($variant == 'light', rgba(black, 0.08), rgba(black, 0.15));
|
||||
$solid_borders_color: if($variant == 'light', gtkmix(black, $base_color, 12%), gtkmix(white, $base_color, 12%));
|
||||
$dark_solid_borders_color: if($variant == 'light', gtkmix(black, $base_color, 12%), gtkmix(white, $base_color, 15%));
|
||||
$highlight_color: if($variant == 'light', rgba(white, 0.15), rgba(white, 0.1));
|
||||
|
||||
// Gnome-shell background colors
|
||||
$dark_bg_color: rgba(black, 0.6);
|
||||
@ -205,10 +205,10 @@ $osd_borders_color: $dark_borders_color;
|
||||
|
||||
// Menu colors
|
||||
$menu_bg: if($variant == 'light', $base_color, $bg_color);
|
||||
$menu_bd: if($variant == 'light', gtkalpha(currentColor, 0.08), gtkalpha(currentColor, 0.07));
|
||||
$menu_bd: if($variant == 'light', rgba(black, 0.08), rgba(white, 0.07));
|
||||
|
||||
@if $trans == 'true' {
|
||||
$menu_bg: if($variant == 'light', gtkalpha($base_color, $opacity), gtkalpha($bg_color, $opacity));
|
||||
$menu_bg: if($variant == 'light', rgba($base_color, $opacity), rgba($bg_color, $opacity));
|
||||
}
|
||||
|
||||
$popover_opacity: if($trans == 'false', 1, if($shell_version == 'new', 0.92, 0.96));
|
||||
@ -273,7 +273,7 @@ $dash_bg: if($variant == 'light', rgba(#d1d1d1, $panel
|
||||
}
|
||||
|
||||
// Entry colors
|
||||
$entry_bg: gtkalpha(currentColor, 0.05);
|
||||
$entry_bg: if($variant=='light', rgba(black, 0.05), rgba(white, 0.05));
|
||||
$entry_border: $borders_color;
|
||||
$entry_highlight: gtkalpha($selection_mode_bg, 0.75);
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ $asset_path: assets;
|
||||
//
|
||||
$font-size: 9;
|
||||
$font-family: Futura Bk bt, sans, Sans-Serif;
|
||||
$_bubble_bg_color: gtkalpha($solid_osd_bg_color, 0.25);
|
||||
$_bubble_bg_color: transparentize($solid_osd_bg_color, 0.75);
|
||||
$_bubble_fg_color: $osd_fg_color;
|
||||
$_bubble_borders_color: transparentize($osd_fg_color, 0.8);
|
||||
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
|
||||
@if $t==insensitive {
|
||||
color: $disabled_fg_color;
|
||||
background-color: gtkalpha($entry_bg, 0.45);
|
||||
background-color: rgba($entry_bg, 0.45);
|
||||
}
|
||||
|
||||
@if $t==osd {
|
||||
@ -50,7 +50,7 @@
|
||||
|
||||
@if $t==osd-insensitive {
|
||||
color: transparentize($osd_fg_color, 0.45);
|
||||
background-color: gtkalpha($osd_entry_bg, 0.85);
|
||||
background-color: rgba($osd_entry_bg, 0.85);
|
||||
box-shadow: inset 0 2px 4px transparentize(black, 0.95);
|
||||
}
|
||||
}
|
||||
@ -76,21 +76,21 @@
|
||||
color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%));
|
||||
border: 1px solid $button_borders;
|
||||
background-color: if($variant=='light', #ffffff, lighten($button_bg, 3%));
|
||||
box-shadow: inset 0 1px gtkalpha($button_highlight, 0.12);
|
||||
box-shadow: inset 0 1px rgba(white, 0.12);
|
||||
}
|
||||
|
||||
@else if $t==focus {
|
||||
color: $fg_color;
|
||||
background-color: $button_bg;
|
||||
border: 1px solid $selected_bg_color;
|
||||
box-shadow: inset 0 1px gtkalpha($button_highlight, 0.12);
|
||||
box-shadow: inset 0 1px rgba(white, 0.12);
|
||||
}
|
||||
|
||||
@else if $t==focus-hover {
|
||||
color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%));
|
||||
background-color: if($variant=='light', #ffffff, lighten($button_bg, 3%));
|
||||
border: 1px solid $selected_bg_color;
|
||||
box-shadow: inset 0 1px gtkalpha($button_highlight, 0.12);
|
||||
box-shadow: inset 0 1px rgba(white, 0.12);
|
||||
}
|
||||
|
||||
@else if $t==active {
|
||||
@ -102,7 +102,7 @@
|
||||
@else if $t==insensitive {
|
||||
color: $disabled_fg_color;
|
||||
border: 1px solid if($variant == 'light', $button_border, $dark_borders_color);
|
||||
background-color: gtkalpha($button_bg, 0.55);
|
||||
background-color: rgba($button_bg, 0.55);
|
||||
}
|
||||
|
||||
@else if $t==flat {
|
||||
@ -112,12 +112,12 @@
|
||||
|
||||
@else if $t==flat-hover {
|
||||
color: $fg_color;
|
||||
background-color: gtkalpha($fg_color, 0.1);
|
||||
background-color: rgba($fg_color, 0.1);
|
||||
}
|
||||
|
||||
@else if $t==flat-active {
|
||||
color: $fg_color;
|
||||
background-color: gtkalpha($fg_color, 0.2);
|
||||
background-color: rgba($fg_color, 0.2);
|
||||
}
|
||||
|
||||
@else if $t==flat-insensitive {
|
||||
@ -132,7 +132,7 @@
|
||||
|
||||
@else if $t==osd-hover {
|
||||
color: $osd_fg_color;
|
||||
background-color: gtkalpha(gtkmix($osd_fg_color, $osd_button_bg, 7%), 0.1);
|
||||
background-color: rgba(mix($osd_fg_color, $osd_button_bg, 7%), 0.1);
|
||||
}
|
||||
|
||||
@else if $t==osd-active {
|
||||
@ -142,6 +142,6 @@
|
||||
|
||||
@else if $t==osd-insensitive {
|
||||
color: $osd_disabled_fg_color;
|
||||
background-color: gtkalpha($osd_button_bg, 0.85);
|
||||
background-color: rgba($osd_button_bg, 0.85);
|
||||
}
|
||||
}
|
||||
|
||||
@ -258,7 +258,6 @@ $dark_5: #000000;
|
||||
|
||||
$bg_color: gtkcolor(window_bg_color);
|
||||
$base_color: gtkcolor(view_bg_color);
|
||||
$button_bg: gtkcolor(card_bg_color);
|
||||
|
||||
$text_color: gtkcolor(window_fg_color);
|
||||
$fg_color: gtkcolor(window_fg_color);
|
||||
@ -267,6 +266,19 @@ $dark_5: #000000;
|
||||
$disabled_fg_color: gtkalpha($fg_color, 0.45);
|
||||
$alt_disabled_fg_color: gtkalpha($fg_color, 0.35);
|
||||
|
||||
$borders_color: gtkalpha(currentColor, 0.12);
|
||||
$light_borders_color: if($variant == 'light', gtkalpha(currentColor, 0.08), gtkalpha(currentColor, 0.10));
|
||||
$solid_borders_color: if($variant == 'light', gtkmix(currentColor, $base_color, 12%), gtkmix(currentColor, $base_color, 12%));
|
||||
$dark_solid_borders_color: if($variant == 'light', gtkmix(currentColor, $base_color, 12%), gtkmix(currentColor, $base_color, 15%));
|
||||
|
||||
$entry_bg: gtkalpha(currentColor, 0.05);
|
||||
$entry_border: $borders_color;
|
||||
|
||||
$button_bg: gtkcolor(card_bg_color);
|
||||
$button_border: $borders_color;
|
||||
$button_highlight: if($variant == 'light', white, rgba(white, 0.1));
|
||||
$button_borders: if($variant == 'light', $button_border, $dark_borders_color);
|
||||
|
||||
$header_bg: gtkcolor(headerbar_bg_color);
|
||||
$header_fg: gtkcolor(headerbar_fg_color);
|
||||
$header_border: gtkcolor(headerbar_darker_shade_color);
|
||||
@ -282,6 +294,7 @@ $dark_5: #000000;
|
||||
|
||||
$menu_bg: gtkcolor(popover_bg_color);
|
||||
$menu_fg: gtkcolor(popover_fg_color);
|
||||
$menu_bd: if($variant == 'light', gtkalpha(currentColor, 0.08), gtkalpha(currentColor, 0.07));
|
||||
|
||||
$wm_shadow: gtkcolor(headerbar_shade_color);
|
||||
$wm_shadow_backdrop: gtkcolor(sidebar_shade_color);
|
||||
|
||||
@ -248,7 +248,7 @@ $maximized_radius_style: 0 0 $maximized_radius $maximized_radius;
|
||||
|
||||
&.csd {
|
||||
border-radius: $background_radius_style; // Set csd windows botttom border radius
|
||||
background-color: gtkalpha($bg_color, 0.999);
|
||||
background-color: rgba($bg_color, 0.999);
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
border-radius: $maximized_radius_style; // Set csd windows botttom border radius
|
||||
@ -1220,7 +1220,7 @@ combobox {
|
||||
|
||||
button.combo:disabled arrow,
|
||||
button.combo:backdrop arrow {
|
||||
background-color: if($variant == 'light', gtkalpha($text_color, 0.45), gtkmix(white, $button_bg, 25%));
|
||||
background-color: if($variant == 'light', rgba($text_color, 0.45), gtkmix(white, $button_bg, 25%));
|
||||
}
|
||||
|
||||
decoration,
|
||||
@ -2021,7 +2021,7 @@ treeview.view {
|
||||
&:selected {
|
||||
border-radius: 0;
|
||||
border-left-color: gtkmix($selected_fg_color, $selected_bg_color, 50%);
|
||||
border-top-color: gtkalpha($fg_color, 0.15); // doesn't work unfortunately
|
||||
border-top-color: rgba($fg_color, 0.15); // doesn't work unfortunately
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
|
||||
@ -2128,12 +2128,12 @@ treeview.view {
|
||||
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
background-color: gtkalpha($fg_color, 0.06);
|
||||
background-color: rgba($fg_color, 0.06);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
background-color: gtkalpha($fg_color, 0.1);
|
||||
background-color: rgba($fg_color, 0.1);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
@ -2204,7 +2204,7 @@ menubar,
|
||||
menu {
|
||||
margin: 0;
|
||||
padding: $container_padding;
|
||||
background-color: gtkalpha($menu_bg, 1);
|
||||
background-color: rgba($menu_bg, 1);
|
||||
color: $fg_color;
|
||||
border: none; // adds borders in a non composited env
|
||||
border-radius: 0;
|
||||
@ -2321,7 +2321,7 @@ menu {
|
||||
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
|
||||
}
|
||||
|
||||
&:hover { background-color: gtkalpha($fg_color, 0.08); }
|
||||
&:hover { background-color: rgba($fg_color, 0.08); }
|
||||
|
||||
&:disabled {
|
||||
color: transparent;
|
||||
@ -2436,12 +2436,12 @@ cursor-handle {
|
||||
|
||||
&:hover:not(:checked) {
|
||||
color: gtkmix($fg_color, $disabled_fg_color, 50%);
|
||||
background-color: gtkalpha($fg_color, 0.06);
|
||||
background-color: rgba($fg_color, 0.06);
|
||||
}
|
||||
|
||||
&:checked {
|
||||
color: $fg_color;
|
||||
background-color: gtkalpha($fg_color, 0.12);
|
||||
background-color: rgba($fg_color, 0.12);
|
||||
}
|
||||
}
|
||||
|
||||
@ -2460,8 +2460,8 @@ notebook {
|
||||
background-color: $base_color;
|
||||
}
|
||||
|
||||
.csd &:not(.frame),
|
||||
.csd &:not(.frame) > stack {
|
||||
.background.csd > &:not(.frame),
|
||||
.background.csd > &:not(.frame) > stack {
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
|
||||
@ -2645,12 +2645,12 @@ notebook {
|
||||
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
background-color: gtkalpha($fg_color, 0.1);
|
||||
background-color: rgba($fg_color, 0.1);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%));
|
||||
background-color: gtkalpha($fg_color, 0.2);
|
||||
background-color: rgba($fg_color, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -2754,10 +2754,10 @@ scrollbar {
|
||||
// Switches
|
||||
//
|
||||
|
||||
$switch_image: linear-gradient(0deg, gtkalpha($fg_color, 0.25) 0%, gtkalpha($fg_color, 0.35) 100%);
|
||||
$switch_disabled_image: linear-gradient(0deg, gtkalpha($fg_color, 0.1) 0%, gtkalpha($fg_color, 0.15) 100%);
|
||||
$switch_image: linear-gradient(0deg, rgba($fg_color, 0.25) 0%, rgba($fg_color, 0.35) 100%);
|
||||
$switch_disabled_image: linear-gradient(0deg, rgba($fg_color, 0.1) 0%, rgba($fg_color, 0.15) 100%);
|
||||
$switch_checked_image: linear-gradient(0deg, lighten($selected_bg_color, 10%) 0%, $selected_bg_color 100%);
|
||||
$switch_checked_backdrop_image: linear-gradient(0deg, gtkalpha($fg_color, 0.45) 0%, gtkalpha($fg_color, 0.55) 100%);
|
||||
$switch_checked_backdrop_image: linear-gradient(0deg, rgba($fg_color, 0.45) 0%, rgba($fg_color, 0.55) 100%);
|
||||
$switch_checked_disabled_image: linear-gradient(0deg, lighten($selected_bg_color, 35%) 0%, lighten($selected_bg_color, 25%) 100%);
|
||||
$switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
|
||||
|
||||
@ -2770,8 +2770,8 @@ $switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
|
||||
|
||||
to {
|
||||
background-image: $switch_checked_image, radial-gradient(circle farthest-corner at center,
|
||||
gtkalpha($selected_bg_color, 0.75) 100%,
|
||||
gtkalpha($selected_bg_color, 0.0) 0%);
|
||||
rgba($selected_bg_color, 0.75) 100%,
|
||||
rgba($selected_bg_color, 0.0) 0%);
|
||||
}
|
||||
}
|
||||
|
||||
@ -2799,7 +2799,7 @@ switch {
|
||||
color: transparent;
|
||||
box-shadow: inset 0 1px 2px rgba(black, 0.15);
|
||||
transition: background-image 0.3s, box-shadow 0;
|
||||
background-image: $switch_checked_image, radial-gradient(circle farthest-corner at center, gtkalpha($selected_bg_color, 0.75) 100%, transparent 0%);
|
||||
background-image: $switch_checked_image, radial-gradient(circle farthest-corner at center, rgba($selected_bg_color, 0.75) 100%, transparent 0%);
|
||||
|
||||
&:disabled {
|
||||
background-color: transparent;
|
||||
@ -3040,7 +3040,7 @@ scale {
|
||||
border-radius: $bt_radius;
|
||||
background-color: $_scale_trough_bg;
|
||||
|
||||
&:disabled { background-color: gtkalpha($_scale_trough_bg, 0.12); }
|
||||
&:disabled { background-color: rgba($_scale_trough_bg, 0.12); }
|
||||
|
||||
//OSD troughs
|
||||
.osd & {
|
||||
@ -3153,10 +3153,10 @@ scale {
|
||||
}
|
||||
}
|
||||
|
||||
value { color: gtkalpha(currentColor, 0.4); }
|
||||
value { color: gtkalpha(currentColor, 0.45); }
|
||||
|
||||
marks {
|
||||
color: gtkalpha(currentColor, 0.4);
|
||||
color: gtkalpha(currentColor, 0.45);
|
||||
|
||||
@each $marks_class, $marks_pos, $marks_margin in (top, top, bottom),
|
||||
(bottom, bottom, top),
|
||||
@ -3572,7 +3572,7 @@ row {
|
||||
padding: $container_padding;
|
||||
margin: 6px 20px 24px 20px;
|
||||
color: $fg_color;
|
||||
background-color: gtkalpha($header_bg, 0.85);
|
||||
background-color: rgba($header_bg, 0.85);
|
||||
// background-image: linear-gradient(0deg, $bg_color 0%, $bg_color 85%, darken($bg_color, 5%) 95%, darken($bg_color, 15%) 100%);
|
||||
border-radius: $wm_radius;
|
||||
border: none;
|
||||
@ -3638,29 +3638,29 @@ calendar {
|
||||
&.button {
|
||||
@extend %undecorated_button;
|
||||
|
||||
color: gtkalpha($fg_color, 0.45);
|
||||
color: rgba($fg_color, 0.45);
|
||||
|
||||
&:hover { color: $fg_color; }
|
||||
|
||||
&:disabled { color: $disabled_fg_color; }
|
||||
}
|
||||
|
||||
&:indeterminate { color: gtkalpha($fg_color, 0.55); }
|
||||
&.highlight { color: gtkalpha($fg_color, 0.65); font-weight: 500; }
|
||||
&:indeterminate { color: rgba($fg_color, 0.55); }
|
||||
&.highlight { color: rgba($fg_color, 0.65); font-weight: 500; }
|
||||
}
|
||||
|
||||
//
|
||||
// Dialogs
|
||||
//
|
||||
|
||||
$messagedialog_bg: if($trans == 'true', gtkalpha($bg_color, 0.98), $bg_color);
|
||||
$messagedialog_bg: if($trans == 'true', rgba($bg_color, 0.98), $bg_color);
|
||||
|
||||
messagedialog { // Message Dialog styling
|
||||
&.background { background-color: gtkalpha($messagedialog_bg, 1); }
|
||||
&.background { background-color: rgba($messagedialog_bg, 1); }
|
||||
|
||||
.titlebar {
|
||||
min-height: 28px;
|
||||
background-color: gtkalpha($messagedialog_bg, 1);
|
||||
background-color: rgba($messagedialog_bg, 1);
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -3757,20 +3757,18 @@ filechooser {
|
||||
label, combobox { color: $dark_sidebar_fg; }
|
||||
}
|
||||
|
||||
paned {
|
||||
stack {
|
||||
&:dir(ltr) { border-radius: 0 0 (($wm_radius/1.5) + 2) 0 }
|
||||
&:dir(rtl) { border-radius: 0 0 0 (($wm_radius/1.5) + 2) }
|
||||
> box:only-child > paned {
|
||||
stack.view {
|
||||
&:dir(ltr) { border-radius: 0 0 $wm_radius 0; }
|
||||
&:dir(rtl) { border-radius: 0 0 0 $wm_radius; }
|
||||
}
|
||||
}
|
||||
|
||||
stack.view {
|
||||
background-color: $base_color;
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
|
||||
scrolledwindow {
|
||||
background-color: transparent;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
|
||||
list { background-color: transparent; }
|
||||
|
||||
@ -3923,13 +3921,13 @@ placessidebar {
|
||||
|
||||
&:drop(active):not(:disabled) {
|
||||
box-shadow: none;
|
||||
background-color: gtkalpha($drop_target_color, 0.15);
|
||||
background-color: rgba($drop_target_color, 0.15);
|
||||
|
||||
&, label, image { color: $drop_target_color; }
|
||||
|
||||
&:selected {
|
||||
&, label, image { color: $drop_target_color; }
|
||||
background-color: gtkalpha($drop_target_color, 0.35);
|
||||
background-color: rgba($drop_target_color, 0.35);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -2096,9 +2096,7 @@ headerbar {
|
||||
}
|
||||
|
||||
> windowhandle > box {
|
||||
padding: 0 8px;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
padding: 8px;
|
||||
|
||||
&,
|
||||
> box.start,
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
//
|
||||
color: $text_color;
|
||||
background-color: $entry_bg;
|
||||
box-shadow: inset 0 0 0 1px gtkalpha($borders_color, 0.05), inset 0 0 0 2px transparent;
|
||||
box-shadow: inset 0 0 0 1px rgba($borders_color, 0.05), inset 0 0 0 2px transparent;
|
||||
transition-duration: $shorter_duration * 2;
|
||||
}
|
||||
|
||||
@ -47,7 +47,7 @@
|
||||
// insensitive entry
|
||||
//
|
||||
color: $disabled_fg_color;
|
||||
background-color: gtkalpha($entry_bg, 0.02);
|
||||
background-color: rgba($entry_bg, 0.02);
|
||||
}
|
||||
|
||||
@if $t==header-normal {
|
||||
@ -67,7 +67,7 @@
|
||||
//
|
||||
color: $header_fg;
|
||||
background-color: $entry_bg;
|
||||
box-shadow: inset 0 0 0 1px gtkalpha($borders_color, 0.05), inset 0 0 0 2px transparent;
|
||||
box-shadow: inset 0 0 0 1px rgba($borders_color, 0.05), inset 0 0 0 2px transparent;
|
||||
transition-duration: $shorter_duration * 2;
|
||||
}
|
||||
|
||||
@ -85,8 +85,8 @@
|
||||
//
|
||||
// insensitive header-bar entry
|
||||
//
|
||||
color: gtkalpha($header_fg, 0.35);
|
||||
background-color: gtkalpha($entry_bg, 0.02);
|
||||
color: rgba($header_fg, 0.35);
|
||||
background-color: rgba($entry_bg, 0.02);
|
||||
}
|
||||
|
||||
@else if $t==osd {
|
||||
@ -114,7 +114,7 @@
|
||||
// insensitive osd entry
|
||||
//
|
||||
color: $osd_disabled_fg_color;
|
||||
background-color: gtkalpha($osd_entry_bg, 0.8);
|
||||
background-color: rgba($osd_entry_bg, 0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@ -170,7 +170,7 @@
|
||||
label, & { color: $disabled_fg_color; }
|
||||
|
||||
border-color: if($variant == 'light', $button_border, $dark_borders_color);
|
||||
background-color: gtkalpha($button_bg, 0.55);
|
||||
background-color: rgba($button_bg, 0.55);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@ -181,7 +181,7 @@
|
||||
label, & { color: transparentize($selected_fg_color, 0.45); }
|
||||
|
||||
border-color: if($variant == 'light', $selected_bg_color, $dark_borders_color);
|
||||
background-color: gtkalpha($selected_bg_color, 0.45);
|
||||
background-color: rgba($selected_bg_color, 0.45);
|
||||
@if $variant=='light' { box-shadow: none; }
|
||||
|
||||
opacity: 0.6;
|
||||
@ -261,7 +261,7 @@
|
||||
// hovered header-bar button
|
||||
//
|
||||
color: darken($header_fg, 2%);
|
||||
background-color: gtkalpha($header_fg, 0.1);
|
||||
background-color: rgba($header_fg, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@ -271,7 +271,7 @@
|
||||
// pushed header-bar button
|
||||
//
|
||||
color: $header_fg;
|
||||
background-color: gtkalpha($header_fg, 0.25);
|
||||
background-color: rgba($header_fg, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@ -281,7 +281,7 @@
|
||||
// pushed header-bar button
|
||||
//
|
||||
color: $header_fg;
|
||||
background-color: gtkalpha($header_fg, 0.12);
|
||||
background-color: rgba($header_fg, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@ -290,7 +290,7 @@
|
||||
//
|
||||
// insensitive header-bar button
|
||||
//
|
||||
label, & { color: gtkalpha($header_fg, 0.35); }
|
||||
label, & { color: rgba($header_fg, 0.35); }
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
@ -300,7 +300,7 @@
|
||||
//
|
||||
// header-bar insensitive pushed button
|
||||
//
|
||||
label, & { color: gtkalpha($header_fg, 0.35); }
|
||||
label, & { color: rgba($header_fg, 0.35); }
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
@ -428,13 +428,13 @@
|
||||
$_position, 0,
|
||||
$_position, 0.5,
|
||||
to($_small_gradient_color),
|
||||
to(gtkalpha($_small_gradient_color, 0)));
|
||||
to(rgba($_small_gradient_color, 0)));
|
||||
|
||||
$_big_gradient: -gtk-gradient(radial,
|
||||
$_position, 0,
|
||||
$_position, 0.6,
|
||||
from(gtkalpha($_big_gradient_color, 0.07)),
|
||||
to(gtkalpha($_big_gradient_color, 0)));
|
||||
from(rgba($_big_gradient_color, 0.07)),
|
||||
to(rgba($_big_gradient_color, 0)));
|
||||
|
||||
@if $t==normal {
|
||||
background-image: $_small_gradient, $_big_gradient;
|
||||
@ -488,7 +488,7 @@
|
||||
|
||||
#{$_selector} undershoot.#{$p} {
|
||||
box-shadow: if($style == 'default', none, inset $_border_pos $borders_color);
|
||||
background: linear-gradient(to $_direction, gtkalpha($c, .25), transparent 6px);
|
||||
background: linear-gradient(to $_direction, rgba($c, .25), transparent 6px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -468,6 +468,7 @@ tabbar {
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
min-height: $menuitem_size;
|
||||
|
||||
> separator {
|
||||
margin: 0;
|
||||
@ -811,67 +812,10 @@ toolbarview.undershoot-bottom scrolledwindow {
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// AdwDialog
|
||||
//
|
||||
|
||||
floating-sheet {
|
||||
> dimming {
|
||||
background-color: rgba(black, 0.35);
|
||||
}
|
||||
|
||||
> sheet {
|
||||
border-radius: $wm_radius;
|
||||
outline: 1px solid $highlight_color;
|
||||
outline-offset: -1px;
|
||||
box-shadow: 0 3px 6px $wm_shadow,
|
||||
0 7px 12px $wm_shadow,
|
||||
0 12px 20px $wm_shadow,
|
||||
$wm_outline;
|
||||
}
|
||||
}
|
||||
|
||||
dialog.bottom-sheet {
|
||||
&.landscape sheet {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
|
||||
> outline {
|
||||
&.flush-left, &.flush-right, &.flush-left.flush-right {
|
||||
box-shadow: $wm_outline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dialog-host > dialog.background {
|
||||
background: none;
|
||||
|
||||
sheet {
|
||||
background-color: $bg_color;
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
dialog-host > dialog.view {
|
||||
background: none;
|
||||
|
||||
sheet {
|
||||
@extend %view;
|
||||
}
|
||||
}
|
||||
|
||||
dialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) {
|
||||
background: none;
|
||||
|
||||
sheet {
|
||||
@extend %osd;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// AdwToolbarView
|
||||
//
|
||||
|
||||
toolbarview {
|
||||
> .top-bar,
|
||||
> .bottom-bar {
|
||||
@ -896,8 +840,13 @@ toolbarview {
|
||||
min-height: $headerbar_size;
|
||||
|
||||
> windowhandle > box {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
|
||||
> widget > box.vertical {
|
||||
margin-top: -8px;
|
||||
margin-bottom: -8px;
|
||||
}
|
||||
}
|
||||
|
||||
&.default-decoration {
|
||||
@ -975,6 +924,64 @@ toolbarview {
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// AdwDialog
|
||||
//
|
||||
|
||||
floating-sheet {
|
||||
> dimming {
|
||||
background-color: rgba(black, 0.35);
|
||||
}
|
||||
|
||||
> sheet {
|
||||
border-radius: $wm_radius;
|
||||
outline: 1px solid $highlight_color;
|
||||
outline-offset: -1px;
|
||||
box-shadow: 0 3px 6px $wm_shadow,
|
||||
0 7px 12px $wm_shadow,
|
||||
0 12px 20px $wm_shadow,
|
||||
$wm_outline;
|
||||
}
|
||||
}
|
||||
|
||||
dialog.bottom-sheet {
|
||||
&.landscape sheet {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
|
||||
> outline {
|
||||
&.flush-left, &.flush-right, &.flush-left.flush-right {
|
||||
box-shadow: $wm_outline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dialog-host > dialog.background {
|
||||
background: none;
|
||||
|
||||
sheet {
|
||||
background-color: $bg_color;
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
dialog-host > dialog.view {
|
||||
background: none;
|
||||
|
||||
sheet {
|
||||
@extend %view;
|
||||
}
|
||||
}
|
||||
|
||||
dialog-host > dialog.osd:not(progressbar):not(button):not(menubutton):not(splitbutton) {
|
||||
background: none;
|
||||
|
||||
sheet {
|
||||
@extend %osd;
|
||||
}
|
||||
}
|
||||
|
||||
// ThemeSelector
|
||||
themeselector, // Gnome text editor
|
||||
panelthemeselector { // Gnome builder
|
||||
|
||||
@ -264,7 +264,8 @@ window.background.chromium {
|
||||
//
|
||||
// Libre-Office
|
||||
//
|
||||
window.background:not(.solid-csd) {
|
||||
|
||||
window.background:not(.solid-csd):not(.csd) {
|
||||
// reserved area at the most-right side of GtkMenuBar
|
||||
> grid.horizontal > grid.horizontal {
|
||||
background-color: $header_bg;
|
||||
@ -294,33 +295,6 @@ window.background:not(.solid-csd) {
|
||||
}
|
||||
}
|
||||
|
||||
> grid.horizontal > widget > widget {
|
||||
viewport.frame > box > box > box > grid toolbar {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
> scrolledwindow > viewport.frame {
|
||||
background-color: $base_color;
|
||||
|
||||
> grid > box.vertical {
|
||||
> toolbar {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
> grid > box.horizontal > #combobox.linked,
|
||||
> grid > box.horizontal > grid.horizontal > box.horizontal { background-color: $base_color; }
|
||||
}
|
||||
|
||||
toolbar.small-button {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
// for 'Notebookbar' toolbar
|
||||
> notebook {
|
||||
border: none; // unset borders
|
||||
@ -366,6 +340,33 @@ window.background:not(.solid-csd) {
|
||||
}
|
||||
}
|
||||
|
||||
window.background:not(.solid-csd) {
|
||||
> grid.horizontal > widget > widget {
|
||||
viewport.frame > box > box > box > grid toolbar {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
> scrolledwindow > viewport.frame {
|
||||
> grid > box.vertical {
|
||||
> toolbar {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
> grid > box.horizontal > #combobox.linked,
|
||||
> grid > box.horizontal > grid.horizontal > box.horizontal { background-color: $base_color; }
|
||||
}
|
||||
|
||||
toolbar.small-button {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#combobox.linked {
|
||||
> entry.combo {
|
||||
border: 1px solid $dark_borders_color;
|
||||
@ -406,6 +407,10 @@ toolbar.toolbar {
|
||||
|
||||
&:disabled {
|
||||
color: $disabled_fg_color;
|
||||
|
||||
label {
|
||||
color: $disabled_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user