diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss index 047e370..03bc333 100644 --- a/src/sass/gtk/_common-3.0.scss +++ b/src/sass/gtk/_common-3.0.scss @@ -2193,9 +2193,9 @@ menubar, } } -menu, -.menu, -.context-menu { +// .menu, +// .context-menu, +menu { padding: $container_padding; border-radius: $mn_radius; background-color: opacify($menu_bg, 1); @@ -2231,6 +2231,8 @@ menu, color: $selected_fg_color; background-color: $selected_bg_color; + // image { -gtk-icon-style: symbolic; } + arrow { transition: none; color: $selected_fg_color; diff --git a/src/sass/gtk/apps/_budgie.scss b/src/sass/gtk/apps/_budgie.scss index e158ffa..05f25b9 100644 --- a/src/sass/gtk/apps/_budgie.scss +++ b/src/sass/gtk/apps/_budgie.scss @@ -74,15 +74,17 @@ $raven_padding: 8px; .budgie-container { background-color: transparent; } .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 { - border-style: none none solid; + buttonbox.inline-toolbar { + border-style: none none solid; - button { - border-radius: $bt_radius; + button { + border-radius: $bt_radius; - @extend %budgie_button; + @extend %budgie_button; + } } } @@ -93,7 +95,7 @@ $raven_padding: 8px; } } -.budgie-popover { +.budgie-popover.background { margin: 0; padding: 0; border: 1px solid if($variant=='light', rgba($borders_color, 0.2), lighten($menu_bg, 6%)); @@ -105,6 +107,7 @@ $raven_padding: 8px; .container { padding: 0; + margin: 0; border: none; } @@ -315,6 +318,9 @@ $raven_padding: 8px; flowboxchild { padding: 0; } } + + // &.budgie-screenshot-applet { + // } } // budgie specific popover widgets @@ -433,7 +439,7 @@ popover.background.places-menu { $budgie_panel_radius: $wm_radius + $container_padding / 2; // Panel -.budgie-panel { +.budgie-panel.background { transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); background-color: opacify($header_bg, 1); 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 -.raven { +.background .raven { background-color: if($trans == 'true', rgba($raven_bg_color, $raven_opacity), $raven_bg_color); color: $raven_fg_color; box-shadow: $shadow_4; @@ -1117,25 +1123,36 @@ calendar.raven-calendar { } // 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 { - background-color: transparent; - background-image: none; - border-radius: $wm_radius; + @extend %budgie-notification-window; button.image-button { // 'close' margin: 0; padding: 0; min-height: 28px; min-width: 28px; - border-radius: 100px; + border-radius: $circular_radius; } } -%budgie-notification, .budgie-notification { - background-color: transparent; - background-image: none; + background: none; + margin: 0; + padding: 0; .notification-title { font-size: 120%; } .notification-body { @extend %dim-label; } @@ -1148,8 +1165,8 @@ calendar.raven-calendar { // Internal part of the OSD .budgie-osd { - background-color: transparent; - background-image: none; + background: none; + .budgie-osd-text { font-size: 120%; } } @@ -1163,9 +1180,6 @@ window.budgie-switcher-window { background-color: transparent; background-image: none; - // draw actual backgrounds and shadows - .drop-shadow { @extend %drop-shadow; } - flowboxchild { // icon-tiles margin: 2px; border-radius: $wm_radius; @@ -1175,20 +1189,22 @@ window.budgie-switcher-window { // Internal part of the Switcher .budgie-switcher { - @extend %budgie-notification; + @extend .budgie-notification; } -%drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; +.drop-shadow { + margin: 6px 10px 16px; + padding: $container_padding; border-radius: $wm_radius; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, - 0 3px 3px 0 if($variant == 'light', opacify($wm_shadow, 0.15), opacify($wm_shadow, 0.1)), - 0 0 0 1px if($variant=='light', rgba($borders_color, 0.15), rgba($dark_borders_color, 0.55)), - inset 0 0 0 1px rgba(white, 0.06); + box-shadow: 0 3px 3px 0 $wm_shadow, + 0 3px 8px 0 $wm_shadow, + $wm_outline, inset 0 0 0 1px $highlight_color; + background-color: $menu_bg; - background-color: if($trans == 'true', rgba($base_color, 0.95), $base_color); - background-image: none; + .dim-label { opacity: 0.55; } + + // used to indicate unread notifications + .alert { color: $fg_color; } button { @extend %budgie_button; } @@ -1197,10 +1213,10 @@ window.budgie-switcher-window { %budgie_dialog { 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 { - border-radius: $wm_radius $wm_radius $wm_radius $wm_radius; + border-radius: $wm_radius; } } @@ -1245,7 +1261,6 @@ window.budgie-switcher-window { // Run Dialog .budgie-run-dialog { @extend %budgie_dialog; - background-color: $base_color; entry.search { diff --git a/src/sass/gtk/apps/_xfce.scss b/src/sass/gtk/apps/_xfce.scss index 2aad893..6d3a488 100644 --- a/src/sass/gtk/apps/_xfce.scss +++ b/src/sass/gtk/apps/_xfce.scss @@ -11,7 +11,7 @@ $text_shadow: 0 0 1px rgba(0, 0, 0, 0.26), color: $fg_color; } -.xfce4-panel { +.xfce4-panel.background { background-color: $panel_bg; color: $panel_fg; font-weight: 700; @@ -29,7 +29,7 @@ $text_shadow: 0 0 1px rgba(0, 0, 0, 0.26), &, &.marching-ants { transition: none; } // unset transitions } - button { + button, button.flat { font-weight: 700; @extend %panel_button; // -gtk-icon-style: symbolic; @@ -50,6 +50,11 @@ $text_shadow: 0 0 1px rgba(0, 0, 0, 0.26), ﳤ-notification-plugin { padding: 0 1px; // for 4.12.2 } + + // &#whiskermenu-button { + // &:active, &:checked { + // } + // } } menu {