This commit is contained in:
vinceliuice 2022-09-27 15:20:42 +08:00
parent 950aed042e
commit fd6a20cfac
3 changed files with 62 additions and 40 deletions

View file

@ -2193,9 +2193,9 @@ menubar,
} }
} }
menu, // .menu,
.menu, // .context-menu,
.context-menu { menu {
padding: $container_padding; padding: $container_padding;
border-radius: $mn_radius; border-radius: $mn_radius;
background-color: opacify($menu_bg, 1); background-color: opacify($menu_bg, 1);
@ -2231,6 +2231,8 @@ menu,
color: $selected_fg_color; color: $selected_fg_color;
background-color: $selected_bg_color; background-color: $selected_bg_color;
// image { -gtk-icon-style: symbolic; }
arrow { arrow {
transition: none; transition: none;
color: $selected_fg_color; color: $selected_fg_color;

View file

@ -74,15 +74,17 @@ $raven_padding: 8px;
.budgie-container { background-color: transparent; } .budgie-container { background-color: transparent; }
.budgie-settings-window { .budgie-settings-window {
&.background { background-color: rgba($base_color, if($trans == 'true', 0.95, 1)); } &.background {
background-color: rgba($base_color, if($trans == 'true', 0.95, 1));
buttonbox.inline-toolbar { buttonbox.inline-toolbar {
border-style: none none solid; border-style: none none solid;
button { button {
border-radius: $bt_radius; border-radius: $bt_radius;
@extend %budgie_button; @extend %budgie_button;
}
} }
} }
@ -93,7 +95,7 @@ $raven_padding: 8px;
} }
} }
.budgie-popover { .budgie-popover.background {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 1px solid if($variant=='light', rgba($borders_color, 0.2), lighten($menu_bg, 6%)); border: 1px solid if($variant=='light', rgba($borders_color, 0.2), lighten($menu_bg, 6%));
@ -105,6 +107,7 @@ $raven_padding: 8px;
.container { .container {
padding: 0; padding: 0;
margin: 0;
border: none; border: none;
} }
@ -315,6 +318,9 @@ $raven_padding: 8px;
flowboxchild { padding: 0; } flowboxchild { padding: 0; }
} }
// &.budgie-screenshot-applet {
// }
} }
// budgie specific popover widgets // budgie specific popover widgets
@ -433,7 +439,7 @@ popover.background.places-menu {
$budgie_panel_radius: $wm_radius + $container_padding / 2; $budgie_panel_radius: $wm_radius + $container_padding / 2;
// Panel // Panel
.budgie-panel { .budgie-panel.background {
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
background-color: opacify($header_bg, 1); background-color: opacify($header_bg, 1);
color: $header_fg; color: $header_fg;
@ -752,7 +758,7 @@ $raven_opacity: if($variant =='light', 0.95, 0.95);
$raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px 0 rgba(black, 0.1); $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px 0 rgba(black, 0.1);
// Raven // Raven
.raven { .background .raven {
background-color: if($trans == 'true', rgba($raven_bg_color, $raven_opacity), $raven_bg_color); background-color: if($trans == 'true', rgba($raven_bg_color, $raven_opacity), $raven_bg_color);
color: $raven_fg_color; color: $raven_fg_color;
box-shadow: $shadow_4; box-shadow: $shadow_4;
@ -1117,25 +1123,36 @@ calendar.raven-calendar {
} }
// Notifications // Notifications
%budgie-notification-window, %budgie-notification-window {
background: none;
> stack {
margin: 0;
padding: $container_padding;
border-radius: $wm_radius;
box-shadow: 0 3px 3px 0 rgba(black, 0.15),
0 0 0 1px rgba(black, if($variant == 'light', 0.1, 0.75)),
inset 0 0 0 1px $highlight_color;
background-color: $menu_bg;
}
}
.budgie-notification-window { .budgie-notification-window {
background-color: transparent; @extend %budgie-notification-window;
background-image: none;
border-radius: $wm_radius;
button.image-button { // 'close' button.image-button { // 'close'
margin: 0; margin: 0;
padding: 0; padding: 0;
min-height: 28px; min-height: 28px;
min-width: 28px; min-width: 28px;
border-radius: 100px; border-radius: $circular_radius;
} }
} }
%budgie-notification,
.budgie-notification { .budgie-notification {
background-color: transparent; background: none;
background-image: none; margin: 0;
padding: 0;
.notification-title { font-size: 120%; } .notification-title { font-size: 120%; }
.notification-body { @extend %dim-label; } .notification-body { @extend %dim-label; }
@ -1148,8 +1165,8 @@ calendar.raven-calendar {
// Internal part of the OSD // Internal part of the OSD
.budgie-osd { .budgie-osd {
background-color: transparent; background: none;
background-image: none;
.budgie-osd-text { font-size: 120%; } .budgie-osd-text { font-size: 120%; }
} }
@ -1163,9 +1180,6 @@ window.budgie-switcher-window {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
// draw actual backgrounds and shadows
.drop-shadow { @extend %drop-shadow; }
flowboxchild { // icon-tiles flowboxchild { // icon-tiles
margin: 2px; margin: 2px;
border-radius: $wm_radius; border-radius: $wm_radius;
@ -1175,20 +1189,22 @@ window.budgie-switcher-window {
// Internal part of the Switcher // Internal part of the Switcher
.budgie-switcher { .budgie-switcher {
@extend %budgie-notification; @extend .budgie-notification;
} }
%drop-shadow, .drop-shadow { .drop-shadow {
margin: 5px 9px; margin: 6px 10px 16px;
padding: 8px; padding: $container_padding;
border-radius: $wm_radius; border-radius: $wm_radius;
box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, box-shadow: 0 3px 3px 0 $wm_shadow,
0 3px 3px 0 if($variant == 'light', opacify($wm_shadow, 0.15), opacify($wm_shadow, 0.1)), 0 3px 8px 0 $wm_shadow,
0 0 0 1px if($variant=='light', rgba($borders_color, 0.15), rgba($dark_borders_color, 0.55)), $wm_outline, inset 0 0 0 1px $highlight_color;
inset 0 0 0 1px rgba(white, 0.06); background-color: $menu_bg;
background-color: if($trans == 'true', rgba($base_color, 0.95), $base_color); .dim-label { opacity: 0.55; }
background-image: none;
// used to indicate unread notifications
.alert { color: $fg_color; }
button { @extend %budgie_button; } button { @extend %budgie_button; }
@ -1197,10 +1213,10 @@ window.budgie-switcher-window {
%budgie_dialog { %budgie_dialog {
background-color: $bg_color; background-color: $bg_color;
@if $variant == 'dark' { border: 1px solid lighten($menu_bg, 10%); } @if $variant == 'dark' { box-shadow: inset 0 0 0 1px $highlight_color; }
&.background.csd { &.background.csd {
border-radius: $wm_radius $wm_radius $wm_radius $wm_radius; border-radius: $wm_radius;
} }
} }
@ -1245,7 +1261,6 @@ window.budgie-switcher-window {
// Run Dialog // Run Dialog
.budgie-run-dialog { .budgie-run-dialog {
@extend %budgie_dialog; @extend %budgie_dialog;
background-color: $base_color; background-color: $base_color;
entry.search { entry.search {

View file

@ -11,7 +11,7 @@ $text_shadow: 0 0 1px rgba(0, 0, 0, 0.26),
color: $fg_color; color: $fg_color;
} }
.xfce4-panel { .xfce4-panel.background {
background-color: $panel_bg; background-color: $panel_bg;
color: $panel_fg; color: $panel_fg;
font-weight: 700; font-weight: 700;
@ -29,7 +29,7 @@ $text_shadow: 0 0 1px rgba(0, 0, 0, 0.26),
&, &.marching-ants { transition: none; } // unset transitions &, &.marching-ants { transition: none; } // unset transitions
} }
button { button, button.flat {
font-weight: 700; font-weight: 700;
@extend %panel_button; @extend %panel_button;
// -gtk-icon-style: symbolic; // -gtk-icon-style: symbolic;
@ -50,6 +50,11 @@ $text_shadow: 0 0 1px rgba(0, 0, 0, 0.26),
&#xfce4-notification-plugin { &#xfce4-notification-plugin {
padding: 0 1px; // for 4.12.2 padding: 0 1px; // for 4.12.2
} }
// &#whiskermenu-button {
// &:active, &:checked {
// }
// }
} }
menu { menu {