luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed budgie issues

Browse Source
This commit is contained in:
Vince 2021-08-17 20:51:17 +08:00
parent 4576dcf847
commit e25e1a1e58
1 changed files with 81 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
src/sass/gtk/apps/_budgie.scss
View File

@ -9,7 +9,7 @@ $raven_fg_color: $text_color;
$raven_header_bg_color: if($variant =='light', #efefef, #181818); $raven_header_bg_color: if($variant =='light', #efefef, #181818);
$raven_header_fg_color: $text_color; $raven_header_fg_color: $text_color;
$raven_button_bg_color: $button_bg; $raven_button_bg_color: $button_bg;
$raven_border_color: if($variant =='light', rgba(black, 0.10), rgba(black, 0.35)); $raven_border_color: if($variant =='light', $borders_color, rgba(black, 0.75));
$raven_radius: 10px; $raven_radius: 10px;
$raven_padding: 8px; $raven_padding: 8px;
@ -107,13 +107,21 @@ $raven_padding: 8px;
border: none; border: none;
} }
separator { margin: $container_padding / 2 0; }
border { border: none; } border { border: none; }
list { list {
background-color: transparent; background-color: transparent;
}
switch { margin-left: 56px; margin-right: 6px; } row {
button {
background: none;
border: none;
box-shadow: none;
}
}
}
&:not(.budgie-menu) button.flat:not(.image-button) { &:not(.budgie-menu) button.flat:not(.image-button) {
@extend %budgie_button; @extend %budgie_button;
@ -201,6 +209,7 @@ $raven_padding: 8px;
row { row {
padding: 0; padding: 0;
&:hover { box-shadow: none; } &:hover { box-shadow: none; }
button.flat { button.flat {
@ -210,10 +219,37 @@ $raven_padding: 8px;
} }
} }
&.user-menu { // Clipboard popover
.container { padding: 8px; } > frame > box.vertical {
> box.horizontal {
> entry {
padding: $container_padding / 2 $container_padding * 2;
border: none;
border-bottom: 1px solid $borders_color;
border-radius: 0;
box-shadow: none;
background: none;
}
}
separator { margin: 4px 0; } > box.vertical {
> box.vertical {
margin: 0 $container_padding $container_padding * 1.5;
}
> box.horizontal > button.image-button.toggle {
@extend %flat_button;
margin-right: $container_padding;
}
> scrolledwindow > viewport.frame {
border-bottom: 1px solid $borders_color;
}
}
}
&.user-menu {
.container { padding: $container_padding; }
.content-box { background-color: transparent; } .content-box { background-color: transparent; }
@ -226,25 +262,25 @@ $raven_padding: 8px;
} }
&.sound-popover { &.sound-popover {
separator { margin: 3px 0; }
buttonbox.linked > button { border-radius: $bt_radius; } buttonbox.linked > button { border-radius: $bt_radius; }
} }
&.caffeine-popover { &.caffeine-popover {
.container { padding: 8px; } .container { padding: $container_padding; }
} }
&.night-light-indicator { &.night-light-indicator {
.container { padding: 6px; } .container { padding: $container_padding; }
.view-header { padding: 0 $container_padding 0 ($container_padding - 2px); }
} }
&.icon-popover { &.icon-popover {
.container { padding: 6px; } .container { padding: $container_padding; }
} }
&.places-menu { &.places-menu {
.container { padding: 6px; } .container { padding: $container_padding; }
row.activatable { row.activatable {
padding: 0; padding: 0;
@ -254,22 +290,21 @@ $raven_padding: 8px;
} }
.places-list:not(.always-expand) { .places-list:not(.always-expand) {
margin-top: 4px; margin-top: $container_padding / 2;
padding-top: 4px; padding-top: $container_padding / 2;
border-top: 1px solid $borders_color; border-top: 1px solid $borders_color;
} }
// I guess this really should be hard-coded as well as other dim-labels. // I guess this really should be hard-coded as well as other dim-labels.
.alternative-label { .alternative-label {
padding: 3px; padding: $container_padding / 2;
font-size: 15px; font-size: 15px;
} }
} }
&.workspace-popover { &.workspace-popover {
.container { padding: 2px 8px 8px; } .container { padding: 2px $container_padding $container_padding; }
separator { margin: 4px 0; }
flowboxchild { padding: 0; } flowboxchild { padding: 0; }
} }
} }
@ -618,11 +653,6 @@ popover.background.places-menu {
box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { border-image: none; } // unset before drawing indicators box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { border-image: none; } // unset before drawing indicators
// Raven borders
frame.raven-frame > border {
border-style: none;
}
$pos_list: ((top, bottom), (bottom, top), (left, right), (right, left)); $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left));
@each $pos, $b_pos in $pos_list { @each $pos, $b_pos in $pos_list {
@ -630,6 +660,12 @@ $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left));
.#{$pos} .shadow-block { .#{$pos} .shadow-block {
background-image: linear-gradient(to $b_pos, rgba(black, 0.05) 0%, rgba(black, 0.03) 15%, rgba(black, 0.02) 60%, transparent); background-image: linear-gradient(to $b_pos, rgba(black, 0.05) 0%, rgba(black, 0.03) 15%, rgba(black, 0.02) 60%, transparent);
} }
// Raven borders
.#{$pos} frame.raven-frame > border {
border: none;
border-#{$b_pos}: 1px solid $raven_border_color;
}
} }
$raven_opacity: if($variant =='light', 0.85, 0.95); $raven_opacity: if($variant =='light', 0.85, 0.95);
@ -647,6 +683,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
} }
stackswitcher { padding: 0 8px 12px 8px; } stackswitcher { padding: 0 8px 12px 8px; }
stackswitcher.linked > button { @extend %raven_button; } stackswitcher.linked > button { @extend %raven_button; }
.raven-header { .raven-header {
@ -664,7 +701,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
padding: 0; padding: 0;
&.image-button { &.image-button {
border-radius: 100px; border-radius: $circular_radius;
} }
} }
} }
@ -673,19 +710,19 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
padding: 2px 12px $raven_padding; padding: 2px 12px $raven_padding;
// background-color: rgba($raven_bg_color, 0.95); // background-color: rgba($raven_bg_color, 0.95);
color: $raven_fg_color; color: $raven_fg_color;
border-bottom: 1px solid $borders_color; border-bottom: 1px solid $raven_border_color;
> stackswitcher.linked { > stackswitcher.linked {
padding: 2px; padding: 2px;
margin: 6px 0 0 0; margin: $container_padding 0 0 0;
background-color: rgba($fg_color, 0.05); background-color: rgba($fg_color, 0.05);
border-radius: $bt_radius + 2px; border-radius: $bt_radius + 2px;
> button { > button {
border-radius: $bt_radius; border-radius: $bt_radius;
margin: 0; margin: 0;
padding: 0 20px; padding: 2px $container_padding * 3;
min-height: 20px; min-height: $small_size;
&:hover { &:hover {
background-color: rgba($button_bg, 0.35); background-color: rgba($button_bg, 0.35);
@ -702,7 +739,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
} }
} }
&.bottom { border-top: 1px solid $borders_color; } &.bottom { border-top: 1px solid $raven_border_color; }
} }
scrolledwindow > .frame { // stacking raised-grid scrolledwindow > .frame { // stacking raised-grid
@ -830,12 +867,12 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
.option-subtitle { font-size: smaller; } .option-subtitle { font-size: smaller; }
// notification list // notification list
box.vertical > stack > box.vertical { .raven-notifications-view {
> .raven-header { background-color: $raven_header_bg_color; } > .raven-header { background-color: $raven_header_bg_color; }
> .raven-background > viewport.frame { > .raven-background > viewport.frame {
padding: 0; // reset padding for full-width list node padding: 0; // reset padding for full-width list node
list { background-color: $raven_base_color; } list { background-color: transparent; }
> list > row.activatable { > list > row.activatable {
margin-left: -8px; margin-left: -8px;
@ -860,15 +897,19 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
// sub-list rows grouping // sub-list rows grouping
list { list {
border-radius: 0; border-radius: 0;
border-top: 1px solid $borders_color; // border-top: 1px solid $borders_color;
border-bottom: 1px solid $borders_color; // border-bottom: 1px solid $borders_color;
padding: $container_padding;
background: none;
> row.activatable { > row.activatable {
border-bottom: 1px solid $borders_color; border: none;
&:last-child { border-bottom: none; } margin: $container_padding / 2;
border-radius: $bt_radius;
background-color: if($variant == 'light', rgba(white, 0.75), rgba(white, 0.06));
&:selected { &:hover, &:selected {
background-color: rgba($raven_fg_color, 0.06); background-color: if($variant == 'light', rgba(white, 1), rgba(white, 0.12));
} }
label { padding: 0 16px; } label { padding: 0 16px; }
@ -876,7 +917,10 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
button.image-button { // 'close' button.image-button { // 'close'
min-height: 24px; min-height: 24px;
min-width: 24px; min-width: 24px;
image { padding: 0; } image { padding: 0; }
&:active { image { color: $fg_color; }}
} }
} }
} }
@ -961,6 +1005,7 @@ calendar.raven-calendar {
border-style: none; border-style: none;
background-color: transparent; background-color: transparent;
color: $raven_fg_color; color: $raven_fg_color;
padding: $container_padding / 2;
&:selected { &:selected {
border-radius: $bt_radius; border-radius: $bt_radius;