mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2026-05-04 22:05:20 +00:00
Fixed #148
This commit is contained in:
Vince
@@ -351,7 +351,8 @@ $nautilus_background_image: linear-gradient(90deg, $dark_sidebar_bg 0%,
|
||||
}
|
||||
|
||||
// Reset maximized nautilus-window border-radius
|
||||
&.maximized {
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
&.background.csd { border-radius: 0 0 $maximized_radius $maximized_radius; }
|
||||
notebook { &, > stack { border-radius: 0 0 $maximized_radius $maximized_radius; } }
|
||||
headerbar { border-radius: $maximized_radius $maximized_radius 0 0; }
|
||||
placessidebar { border-bottom-left-radius: $maximized_radius; }
|
||||
@@ -680,9 +681,116 @@ window.org-gnome-gedit {
|
||||
}
|
||||
}
|
||||
|
||||
.tiled &,
|
||||
.maximized &,
|
||||
.fullscreen & {
|
||||
.open-document-selector-treeview.view {
|
||||
padding: 3px 6px 3px 6px;
|
||||
border-color: $base_color; // disable borders, making them transparent doesn't work for some reason
|
||||
&:hover {
|
||||
background-color: mix($fg_color, $base_color, 7%);
|
||||
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.open-document-selector-name-label { color: $fg_color; }
|
||||
|
||||
.open-document-selector-path-label {
|
||||
color: mix($fg_color, $base_color, 50%);
|
||||
font-size: smaller;
|
||||
|
||||
&:selected {
|
||||
color: transparentize($selected_fg_color, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.gedit-document-panel { // 'documents' pane
|
||||
|
||||
row.activatable { padding: 6px 0; }
|
||||
|
||||
row button { // 'close' button
|
||||
min-width: 22px;
|
||||
min-height: 22px;
|
||||
padding: 0;
|
||||
margin: 0 6px;
|
||||
border-radius: 100px;
|
||||
-gtk-outline-radius: 100px;
|
||||
|
||||
image {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
row:hover:not(:selected) button {
|
||||
color: mix($bg_color, $fg_color, 35%);
|
||||
|
||||
&:hover {
|
||||
color: lighten(red, 15%);
|
||||
}
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
row:hover:selected button:hover {
|
||||
color: lighten(red, 20%);
|
||||
|
||||
&:active {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gedit-document-panel-dragged-row {
|
||||
border: 1px solid $borders_color;
|
||||
background-color: darken($bg_color, 10%);
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
.gedit-side-panel-paned statusbar {
|
||||
border-top: 1px solid $borders_color;
|
||||
background-color: $bg_color;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
|
||||
frame > border { border: none; }
|
||||
}
|
||||
|
||||
.gedit-search-slider {
|
||||
background-color: lighten($bg_color, 2%);
|
||||
padding: 6px;
|
||||
border-color: $borders_color;
|
||||
border-radius: 0 0 $bt_radius $bt_radius;
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.gedit-search-entry-occurrences-tag {
|
||||
color: transparentize($fg_color, 0.4);
|
||||
border: none;
|
||||
margin: 2px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.gedit-map-frame {
|
||||
border {
|
||||
@if $variant=='light' {
|
||||
border-color: transparentize(black, 0.7);
|
||||
}
|
||||
border-width: 0;
|
||||
|
||||
&:dir(ltr) {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
&:dir(rtl) {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.tiled,
|
||||
&.maximized,
|
||||
&.fullscreen {
|
||||
> overlay > box.vertical {
|
||||
> paned.gedit-side-panel-paned {
|
||||
> box.vertical > stack > grid.horizontal {
|
||||
@@ -692,112 +800,10 @@ window.org-gnome-gedit {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.open-document-selector-treeview.view {
|
||||
padding: 3px 6px 3px 6px;
|
||||
border-color: $base_color; // disable borders, making them transparent doesn't work for some reason
|
||||
&:hover {
|
||||
background-color: mix($fg_color, $base_color, 7%);
|
||||
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.open-document-selector-name-label { color: $fg_color; }
|
||||
|
||||
.open-document-selector-path-label {
|
||||
color: mix($fg_color, $base_color, 50%);
|
||||
font-size: smaller;
|
||||
|
||||
&:selected {
|
||||
color: transparentize($selected_fg_color, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.gedit-document-panel { // 'documents' pane
|
||||
|
||||
row.activatable { padding: 6px 0; }
|
||||
|
||||
row button { // 'close' button
|
||||
min-width: 22px;
|
||||
min-height: 22px;
|
||||
padding: 0;
|
||||
margin: 0 6px;
|
||||
border-radius: 100px;
|
||||
-gtk-outline-radius: 100px;
|
||||
|
||||
image {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
row:hover:not(:selected) button {
|
||||
color: mix($bg_color, $fg_color, 35%);
|
||||
|
||||
&:hover {
|
||||
color: lighten(red, 15%);
|
||||
}
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
row:hover:selected button:hover {
|
||||
color: lighten(red, 20%);
|
||||
|
||||
&:active {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gedit-document-panel-dragged-row {
|
||||
border: 1px solid $borders_color;
|
||||
background-color: darken($bg_color, 10%);
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
.gedit-side-panel-paned statusbar {
|
||||
border-top: 1px solid $borders_color;
|
||||
background-color: $bg_color;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
|
||||
frame > border { border: none; }
|
||||
}
|
||||
|
||||
.gedit-search-slider {
|
||||
background-color: lighten($bg_color, 2%);
|
||||
padding: 6px;
|
||||
border-color: $borders_color;
|
||||
border-radius: 0 0 $bt_radius $bt_radius;
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.gedit-search-entry-occurrences-tag {
|
||||
color: transparentize($fg_color, 0.4);
|
||||
border: none;
|
||||
margin: 2px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.gedit-map-frame {
|
||||
border {
|
||||
@if $variant=='light' {
|
||||
border-color: transparentize(black, 0.7);
|
||||
}
|
||||
border-width: 0;
|
||||
|
||||
&:dir(ltr) {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
&:dir(rtl) {
|
||||
border-right-width: 1px;
|
||||
&.background.csd,
|
||||
.gedit-side-panel-paned statusbar {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1480,26 +1486,6 @@ list {
|
||||
@extend %side_headerbar_right;
|
||||
}
|
||||
|
||||
// separator of sidebar on Gnome contol center and Gnome tweaks
|
||||
window.background.csd {
|
||||
> hdyleaflet, > leaflet, > box.horizontal {
|
||||
> separator.vertical {
|
||||
@extend %side_separator;
|
||||
}
|
||||
|
||||
> box.vertical {
|
||||
> searchbar {
|
||||
@extend %side_searchbar;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> hdyleaflet > box.vertical > stack.main-container { // Right side
|
||||
background-color: $base_color;
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
}
|
||||
}
|
||||
|
||||
row#AutostartTitle.tweak {
|
||||
padding: 3px;
|
||||
background-color: $base_color;
|
||||
@@ -1531,6 +1517,37 @@ row#AutostartTitle.tweak {
|
||||
}
|
||||
}
|
||||
|
||||
// separator of sidebar on Gnome contol center and Gnome tweaks
|
||||
window.background.csd {
|
||||
> hdyleaflet, > leaflet, > box.horizontal {
|
||||
> separator.vertical {
|
||||
@extend %side_separator;
|
||||
}
|
||||
|
||||
> box.vertical {
|
||||
> searchbar {
|
||||
@extend %side_searchbar;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> hdyleaflet > box.vertical > stack.main-container { // Right side
|
||||
background-color: $base_color;
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> hdyleaflet > box.vertical > stack.main-container {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
|
||||
// sidebar on gnome tweak
|
||||
.tweak-categories {
|
||||
border-radius: 0 0 0 $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Gnome Control Center
|
||||
//
|
||||
@@ -1624,6 +1641,32 @@ window.background.csd {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> stack {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
|
||||
> leaflet > stack.background, // > 3.38.0
|
||||
> hdyleaflet > stack.background, // > 3.34.0
|
||||
> box.horizontal > stack.background {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
|
||||
> widget {
|
||||
> box.vertical > box.vertical { // Gnome 3.34 Wallpaper setting
|
||||
> scrolledwindow > viewport.frame {
|
||||
border-bottom-right-radius: $maximized_radius + 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> 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
|
||||
border-bottom-left-radius: $maximized_radius + 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
box.horizontal > separator.sidebar,
|
||||
@@ -1646,6 +1689,12 @@ window#gnome-system-monitor.background.csd {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> box.vertical > stack {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -1668,6 +1717,24 @@ stack {
|
||||
}
|
||||
}
|
||||
|
||||
window.background.csd {
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
stack {
|
||||
> grid.vertical {
|
||||
> scrolledwindow {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
|
||||
> viewport.frame {
|
||||
list {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Gnome Contacts
|
||||
//
|
||||
@@ -1720,6 +1787,19 @@ window.background.csd {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> overlay > hdyleaflet,
|
||||
> overlay > leaflet {
|
||||
> stack > frame > grid.vertical {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
|
||||
> overlay > scrolledwindow > viewport.frame {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
entry.contacts-postal-entry {
|
||||
@@ -1773,6 +1853,12 @@ window.background.csd {
|
||||
> box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -1781,11 +1867,20 @@ window.background.csd {
|
||||
#weather-page,
|
||||
#weekly-forecast-frame {
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
|
||||
.maximized &, .tiled &, .fullscreen & {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
|
||||
#weather-page-content-view {
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
|
||||
.maximized &, .tiled &, .fullscreen & {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -1807,6 +1902,10 @@ window.background.csd.unified {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
}
|
||||
|
||||
hdyviewswitcherbar > actionbar,
|
||||
@@ -1823,6 +1922,12 @@ viewswitcherbar > actionbar { // Gnome 3.38
|
||||
background-color: $dark_sidebar_bg;
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
.sidebar {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
stack.view.polari-entry-area {
|
||||
@@ -1843,6 +1948,10 @@ stack.view.polari-entry-area {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
.maximized &, .tiled &, .fullscreen & {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
|
||||
stack:disabled.view.polari-entry-area { background-image: image($bg_color); }
|
||||
@@ -2041,8 +2150,8 @@ window.background {
|
||||
&:checked { @include button(flat-checked); border-color: $borders_color; }
|
||||
}
|
||||
|
||||
&.suggested-action { // '=' button
|
||||
}
|
||||
// &.suggested-action { // '=' button
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -2171,6 +2280,12 @@ flowboxchild.bookmark-tag-widget {
|
||||
.sidebar.rooms-sidebar {
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
.sidebar.rooms-sidebar {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -2206,6 +2321,14 @@ window.background.csd { // Documents actionbar
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> box.vertical > overlay > stack > box.vertical {
|
||||
> actionbar {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -2229,6 +2352,20 @@ window.background.csd {
|
||||
background-color: transparent;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> box.vertical {
|
||||
> scrolledwindow {
|
||||
> iconview.view.content-view:not(:hover):not(:selected) {
|
||||
border-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
evview.view.content-view {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -2256,6 +2393,20 @@ window.background.csd {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> grid.horizontal > paned.horizontal {
|
||||
> scrolledwindow {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
|
||||
> box.vertical {
|
||||
> scrolledwindow {
|
||||
border-radius: 0 0 0 $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -2468,6 +2619,13 @@ window.background.csd {
|
||||
> stack > box > stack > scrolledwindow > viewport > list { // ArcMenu setting sidebar
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> stack > box > box > list,
|
||||
> stack > box > stack > scrolledwindow > viewport > list { // ArcMenu setting sidebar
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -2783,6 +2941,12 @@ window.background.csd.thunar {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.thunar {
|
||||
@@ -2969,6 +3133,32 @@ window#GearyMainWindow.background.csd {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> overlay > box.vertical {
|
||||
> paned {
|
||||
> .sidebar {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
stack#conversation_viewer {
|
||||
border-bottom-right-radius: $maximized_radius + 1px;
|
||||
|
||||
scrolledwindow.geary-conversation-scroller {
|
||||
viewport.frame {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
paned.geary-sidebar-pane-separator {
|
||||
statusbar {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -3350,6 +3540,14 @@ window.background.csd {
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> box.horizontal > stack {
|
||||
> box.vertical > notebook > stack {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -3367,6 +3565,20 @@ window.background.csd {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> grid.vertical > overlay > grid.vertical {
|
||||
> grid.horizontal {
|
||||
> .sidebar {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
|
||||
> paned.horizontal > stack {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
@@ -3765,6 +3977,18 @@ window.background.csd {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> stack > stack {
|
||||
> paned.horizontal {
|
||||
> scrolledwindow > viewport.frame {
|
||||
list {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dynamic-notebook {
|
||||
|
||||
@@ -33,7 +33,14 @@
|
||||
|
||||
// > box > stack { background-color: $bg_color; }
|
||||
|
||||
&.csd { border-radius: 0 0 $wm_radius $wm_radius; } // Set csd windows botttom border radius
|
||||
&.csd {
|
||||
border-radius: 0 0 $wm_radius $wm_radius; // Set csd windows botttom border radius
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius; // Set csd windows botttom border radius
|
||||
}
|
||||
}
|
||||
|
||||
&.solid-csd { border-radius: 0; }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user