mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2026-05-10 01:55:20 +00:00
Fixed issues
This commit is contained in:
@@ -97,14 +97,14 @@ $sidebar_theme_color: if($variant == 'light', rgba(black, 0.12), r
|
||||
|
||||
//OSD colors
|
||||
$osd_fg_color: #dadada;
|
||||
$osd_bg_color: #2a2a2a;
|
||||
$osd_bg_color: if($trans=='true', rgba(#2a2a2a, 0.9), #2a2a2a);
|
||||
$osd_button_bg: rgba(lighten($osd_bg_color, 22%), 0.96);
|
||||
$osd_button_border: $dark_borders_color;
|
||||
$osd_entry_bg: rgba(lighten($osd_bg_color, 22%), 0.96);
|
||||
$osd_entry_border: $dark_borders_color;
|
||||
$osd_disabled_bg_color: darken($osd_bg_color, 3%);
|
||||
$osd_disabled_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%);
|
||||
$osd_borders_color: $borders_color;
|
||||
$osd_borders_color: $dark_borders_color;
|
||||
|
||||
// Menu colors
|
||||
$menu_bg: if($variant == 'light', $base_color, $bg_color);
|
||||
|
||||
@@ -31,7 +31,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT";
|
||||
// }
|
||||
|
||||
stage {
|
||||
font-family: $font-family;
|
||||
// font-family: $font-family;
|
||||
@include font(body-1);
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
@@ -92,13 +92,12 @@ filechooser,
|
||||
background-position: left bottom;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
// &:dir(ltr) { margin-left: -1px; }
|
||||
// &:dir(rtl) { margin-right: -1px; }
|
||||
&:dir(ltr) { margin-left: -1px; }
|
||||
&:dir(rtl) { margin-right: -1px; }
|
||||
|
||||
&:hover {
|
||||
background-image: -gtk-scaled(url("assets/paned-separator#{$asset_suffix}.png"),
|
||||
url("assets/paned-separator#{$asset_suffix}@2.png"));
|
||||
background-size: 2px 64px;
|
||||
background-image: image($borders_color);
|
||||
background-size: 2px 100px;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
@@ -272,7 +271,6 @@ filechooser,
|
||||
scrolledwindow {
|
||||
.view:not(:hover):not(:active):not(:selected) {
|
||||
background-color: transparent;
|
||||
// @extend %view;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -324,6 +322,11 @@ filechooser,
|
||||
}
|
||||
|
||||
placesview {
|
||||
row.activatable {
|
||||
border-radius: $bt_radius;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
actionbar.background {
|
||||
background-color: $menu_bg;
|
||||
margin: 6px;
|
||||
@@ -342,10 +345,11 @@ filechooser {
|
||||
&.frame { border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border); }
|
||||
}
|
||||
|
||||
actionbar {
|
||||
actionbar.background {
|
||||
color: $dark_sidebar_fg;
|
||||
background-color: $dark_sidebar_bg;
|
||||
border-color: $borders_color;
|
||||
border-radius: 0 0 $wm_radius 0;
|
||||
|
||||
label, combobox { color: $dark_sidebar_fg; }
|
||||
}
|
||||
@@ -1700,6 +1704,8 @@ notebook.main-notebook {
|
||||
|
||||
//
|
||||
// Gnome Weather
|
||||
//
|
||||
|
||||
#weather-page,
|
||||
#weekly-forecast-frame {
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
@@ -1710,6 +1716,14 @@ notebook.main-notebook {
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
}
|
||||
|
||||
//
|
||||
// Gnome Clocks
|
||||
//
|
||||
hdyviewswitcherbar > actionbar {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
//
|
||||
// Polari
|
||||
//
|
||||
@@ -2050,24 +2064,46 @@ flowboxchild.bookmark-tag-widget {
|
||||
&-selected { color: $selected_fg_color; } // checked
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Fractal
|
||||
//
|
||||
.background.csd.main-window {
|
||||
.sidebar.rooms-sidebar {
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// documents-scrolledwi (Totem, Documents, EvView)
|
||||
//
|
||||
.documents-scrolledwin {
|
||||
background-color: transparent;
|
||||
|
||||
.content-view {
|
||||
.content-view:not(:selected):not(:hover) {
|
||||
background-color: transparent;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
// border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
|
||||
.content-view:hover { background-color: rgba($fg_color, 0.08); }
|
||||
|
||||
viewport.frame { // Documents
|
||||
background-color: transparent;
|
||||
|
||||
widget > frame.content-view {
|
||||
widget > frame.content-view:not(:selected):not(:hover) {
|
||||
border { border: none; }
|
||||
|
||||
background-color: transparent;
|
||||
// border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Documents
|
||||
|
||||
window.background.csd { // Documents actionbar
|
||||
> box.vertical > overlay > stack > box.vertical {
|
||||
> actionbar {
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
}
|
||||
@@ -2452,6 +2488,7 @@ $text_shadow: 0 0 1px rgba(0, 0, 0, 0.26),
|
||||
%panel_button {
|
||||
color: $panel_fg;
|
||||
border-radius: $bt_radius;
|
||||
background: none;
|
||||
border: none;
|
||||
|
||||
&:hover:not(:active):not(:checked) {
|
||||
@@ -3347,20 +3384,20 @@ menubar.-vala-panel-background {
|
||||
.panel {
|
||||
&, &.color-light, &.color-dark {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(0deg, rgba($panel_bottom_color, 0.95) 0%, rgba($panel_top_color, 0.95) 100%);
|
||||
border-bottom: 1px solid if($variant == 'light', $panel_border_color, $header_border);
|
||||
background-image: image(rgba($panel_bg, 0.1));
|
||||
border-bottom: none;
|
||||
transition: all 100ms ease-in-out;
|
||||
color: $panel_fg;
|
||||
}
|
||||
|
||||
&.maximized {
|
||||
background-color: $panel_bg;
|
||||
background-color: rgba($panel_bg, 0.2);
|
||||
background-image: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.translucent {
|
||||
background-color: rgba($panel_bg, 0.75);
|
||||
background-color: rgba($panel_bg, 0.1);
|
||||
background-image: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
@@ -31,6 +31,9 @@
|
||||
@define-color link_color #{"" + $link_color};
|
||||
@define-color content_view_bg #{"" + $base_color};
|
||||
|
||||
/* Very contrasty background for text views (@theme_text_color foreground) */
|
||||
@define-color text_view_bg #{"" + if($variant == 'light', $base_color, darken($base_color,6%))};
|
||||
|
||||
//WM
|
||||
$wm_highlight: lighten(opacify($header_highlight, 1), 10%);
|
||||
$wm_bg_unfocused: opacify($header_bg_backdrop, 1);
|
||||
|
||||
@@ -523,7 +523,12 @@ button {
|
||||
min-width: 42px;
|
||||
}
|
||||
|
||||
&:hover { color: $selected_bg_color; }
|
||||
&:hover {
|
||||
color: $selected_bg_color;
|
||||
box-shadow: none;
|
||||
background-color: $osd_button_bg;
|
||||
}
|
||||
|
||||
&:active, &:checked {@include button(osd-active); }
|
||||
&:disabled { @include button(osd-insensitive); }
|
||||
}
|
||||
@@ -1098,9 +1103,24 @@ combobox {
|
||||
|
||||
&.osd {
|
||||
padding: 8px;
|
||||
border: 1px solid $borders_color;
|
||||
border-radius: $bt_radius;
|
||||
background-color: $base_color;
|
||||
border: none;
|
||||
border-radius: $bt_radius + 4px;
|
||||
background-color: $osd_bg_color;
|
||||
box-shadow: $shadow_4;
|
||||
|
||||
&.toolbar {
|
||||
padding: 0;
|
||||
margin: 6px 8px 10px;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
|
||||
> box.horizontal {
|
||||
padding: 8px;
|
||||
border-radius: $bt_radius + 4px;
|
||||
background-color: $osd_bg_color;
|
||||
box-shadow: $shadow_4;
|
||||
}
|
||||
}
|
||||
|
||||
&.left,
|
||||
&.right,
|
||||
@@ -1186,7 +1206,7 @@ actionbar {
|
||||
border-top: 1px solid $borders_color;
|
||||
background-color: darken($bg_color, 3%);
|
||||
|
||||
.background.csd & {
|
||||
.background.csd revealer > & {
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
}
|
||||
@@ -1270,7 +1290,7 @@ headerbar {
|
||||
&:backdrop { opacity: 0.65; background-image: none; }
|
||||
}
|
||||
|
||||
stackswitcher {
|
||||
stackswitcher, .stack-switcher {
|
||||
box-shadow: inset 0 0 0 1px $light_borders_color;
|
||||
border-radius: $bt_radius;
|
||||
margin: 8px 0;
|
||||
|
||||
Reference in New Issue
Block a user