diff --git a/src/_sass/_colors.scss b/src/_sass/_colors.scss index 7b00df7..db63960 100644 --- a/src/_sass/_colors.scss +++ b/src/_sass/_colors.scss @@ -21,7 +21,7 @@ @if ($state == 'disabled') { @return rgba(black, 0.38); } @if ($state == 'secondary-disabled') { @return rgba(black, 0.26); } @if ($state == 'track') { @return rgba(black, 0.26); } - @if ($state == 'track-disabled') { @return rgba(black, 0.12); } + @if ($state == 'track-disabled') { @return rgba(black, 0.15); } @if ($state == 'divider') { @return rgba(black, 0.12); } @if ($state == 'secondary-fill') { @return rgba(black, 0.08); } @if ($state == 'fill') { @return rgba(black, 0.04); } @@ -31,7 +31,7 @@ @if ($state == 'disabled') { @return rgba(white, 0.5); } @if ($state == 'secondary-disabled') { @return rgba(white, 0.3); } @if ($state == 'track') { @return rgba(white, 0.3); } - @if ($state == 'track-disabled') { @return rgba(white, 0.12); } + @if ($state == 'track-disabled') { @return rgba(white, 0.15); } @if ($state == 'divider') { @return rgba(white, 0.12); } @if ($state == 'secondary-fill') { @return rgba(white, 0.08); } @if ($state == 'fill') { @return rgba(white, 0.04); } diff --git a/src/_sass/gtk/apps/_budgie.scss b/src/_sass/gtk/apps/_budgie.scss index fe56cbb..6530413 100644 --- a/src/_sass/gtk/apps/_budgie.scss +++ b/src/_sass/gtk/apps/_budgie.scss @@ -749,6 +749,16 @@ image.raven-mpris { } } +.drop-shadow { + margin: 5px 9px; + padding: $space-size; + border-radius: $window-radius; + box-shadow: $shadow-z4, inset 0 1px highlight($surface); + background-color: $surface; + + button { @extend %button-flat-simple; } +} + // Notifications .budgie-notification-window { background-color: transparent; @@ -768,16 +778,6 @@ image.raven-mpris { .notification-body { color: $text-secondary; } } -// On Screen Display in Budgie -.budgie-osd-window { - background-color: transparent; -} - -// Internal part of the OSD -.budgie-osd { - .budgie-osd-text { font-size: 120%; } -} - // Alt+tab switcher in Budgie .budgie-switcher-window { background-color: transparent; @@ -788,16 +788,39 @@ image.raven-mpris { padding: $space-size * 2; } -.drop-shadow { - margin: 5px 9px; - padding: $space-size; - border-radius: $window-radius; - box-shadow: $shadow-z4, inset 0 1px highlight($surface); - background-color: $surface; +.budgie-osd-window, // On Screen Display in Budgie +.budgie-power-dialog { // Session window + background-color: transparent; + color: on($osd, secondary); - button { @extend %button-flat-simple; } + .drop-shadow { + box-shadow: $shadow-z4, inset 0 1px highlight($osd); + background-color: $osd; + + button { @extend %button-on-dark; } + } } +.budgie-osd-window { + image { color: on($osd, secondary); } + + progressbar trough { + background-color: on($osd, track-disabled); + } +} + +.budgie-power-dialog { + .titlebar, decoration { + background: none; + box-shadow: none; + } +} + +// Internal part of the OSD +// .budgie-osd { +// .budgie-osd-text { font-size: 120%; } +// } + %budgie_dialog { box-shadow: inset 0 1px highlight($surface); background-color: $surface; @@ -807,7 +830,7 @@ image.raven-mpris { } } -// Session Dialog +// Dialogs .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { diff --git a/src/_sass/gtk/apps/_misc.scss b/src/_sass/gtk/apps/_misc.scss index 2bb460f..7ee35e2 100644 --- a/src/_sass/gtk/apps/_misc.scss +++ b/src/_sass/gtk/apps/_misc.scss @@ -113,7 +113,7 @@ window.background.chromium { menu { padding: 0; - border-color: $divider; + border: 1px solid $divider; box-shadow: none; menuitem { border-radius: 0; } diff --git a/src/cinnamon/cinnamon-Compact.css b/src/cinnamon/cinnamon-Compact.css index e3be671..dadfd4e 100644 --- a/src/cinnamon/cinnamon-Compact.css +++ b/src/cinnamon/cinnamon-Compact.css @@ -410,7 +410,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.15); } .menu .popup-menu-item:active .popup-inactive-menu-item, diff --git a/src/cinnamon/cinnamon-Dark-Compact.css b/src/cinnamon/cinnamon-Dark-Compact.css index aa8ba10..56cf96a 100644 --- a/src/cinnamon/cinnamon-Dark-Compact.css +++ b/src/cinnamon/cinnamon-Dark-Compact.css @@ -410,7 +410,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.15); } .menu .popup-menu-item:active .popup-inactive-menu-item, diff --git a/src/cinnamon/cinnamon-Dark.css b/src/cinnamon/cinnamon-Dark.css index ec78802..6fc4603 100644 --- a/src/cinnamon/cinnamon-Dark.css +++ b/src/cinnamon/cinnamon-Dark.css @@ -410,7 +410,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.15); } .menu .popup-menu-item:active .popup-inactive-menu-item, diff --git a/src/cinnamon/cinnamon.css b/src/cinnamon/cinnamon.css index bb9b5ed..6419fce 100644 --- a/src/cinnamon/cinnamon.css +++ b/src/cinnamon/cinnamon.css @@ -410,7 +410,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.15); } .menu .popup-menu-item:active .popup-inactive-menu-item, diff --git a/src/gnome-shell/sass/_extensions-3-28.scss b/src/gnome-shell/sass/_extensions-3-28.scss deleted file mode 100644 index f3b7241..0000000 --- a/src/gnome-shell/sass/_extensions-3-28.scss +++ /dev/null @@ -1,267 +0,0 @@ -// -// Dash to Dock -// - -$icon_padding: 9px; - -#dashtodockContainer { - background: transparent; - - #dash, - &:overview #dash, - &.extended #dash, - &.extended:overview #dash { - padding: 0; - border: none; - margin: 0; - } - - @each $_dock, $_radius in (top, 16px 16px 16px 16px), - (bottom, 16px 16px 16px 16px), - (left, 16px 16px 16px 16px), - (right, 16px 16px 16px 16px) { - &.#{$_dock} #dash, - &.#{$_dock}:overview #dash { border-radius: #{$_radius}; } - - &.#{$_dock}.extended #dash, - &.#{$_dock}.extended:overview #dash { border-radius: #{$_radius}; } - } - - #dash { // default-mode - background-color: $panel_bg_color; - box-shadow: none; - } - - &.opaque #dash { // solid-mode - background-color: $panel_bg; - } - - &.transparent #dash { // translucent-mode - background-color: $panel_bg_color; // does not work - } - - &:overview #dash { // overview-mode #1 - background-color: $panel_bg_color; - } - - &.opaque:overview, - &.transparent:overview { // overview-mode #2 - #dash { - background-color: transparent !important; - box-shadow: none !important; - } - } - - &.extended:overview, // overview-mode #3 - &.opaque.extended:overview, - &.transparent.extended:overview { - #dash { - background-color: $panel_bg_color; - } - } - - .app-well-app, - .show-apps { - .overview-icon { - padding: $icon_padding; - background-size: contain; - } - } -} - -// -// Dash to Panel -// - -$dash_to_panel_item_radius: 5px; - -.dashtopanelMainPanel { - border-radius: 0 !important; - padding: 0 !important; - margin: 0 !important; - - .dash-background { - background-color: $panel_bg_color; - margin-bottom: 0 !important; - padding: 0 !important; - border-radius: 0 !important; - } - - .show-apps .overview-icon { - margin: 0 !important; - border-radius: $dash_to_panel_item_radius !important; - } - - .panel-button { - &, &.clock-display .clock { - border-radius: $dash_to_panel_item_radius + $container_padding / 2 !important; - margin: 0 !important; - } - } - - Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button, - Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button { - border-radius: $dash_to_panel_item_radius !important; - - > * { - padding: 8px 6px !important; - } - } -} - -.popup-menu.panel-menu, .popup-menu.panel-menu.quick-settings { - .popup-menu-content { - margin-bottom: $container_padding / 2 !important; - } -} - -$dash_to_panel_menu_radius: 12px; - -.dashtopanelSecondaryMenu { - border-radius: $dash_to_panel_menu_radius !important; -} - -#preview-menu { - margin: $container_padding !important; - box-shadow: 0 3px 8px rgba(black, 0.2) !important; - border-radius: $dash_to_panel_menu_radius !important; - padding: 0 !important; - - // .preview-header-box { - // border-radius: $dash_to_panel_item_radius !important; - // } -} - -#dashtopanelPreviewScrollview { - padding: $dash_to_panel_menu_radius 0 !important; - border-radius: $dash_to_panel_menu_radius !important; -} - -// -// Simple Dock -// - -#dash:desktop { - background-color: $panel_bg_color; -} - -// -// OpenWeather -// - -.openweather { - &-button, - &-button-action, - &-menu-button-container, - &-button-box { - border: 1px solid transparent; - } - - &-provider { - // generic text buttons are allocated with y-expand-ed - padding: 0 16px; - font-weight: 500; - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:focus { @include button(flat-focus); } - &:active { @include button(flat-active); } - &:insensitive { @include button(flat-disabled); } - } - - &-current { - &-icon, - &-summary, - &-summarybox { - background: none; - color: $fg_color; - } - - &-databox-values { - background: none; - color: $hint_fg_color; - } - - &-databox-captions { - background: none; - color: $hint_fg_color; - } - } - - &-forecast { - &-icon, - &-summary { - background: none; - color: $secondary_fg_color; - } - - &-day, - &-temperature { - background: none; - color: $hint_fg_color; - } - } - - &-sunrise-icon, - &-sunset-icon, - &-build-icon { color: $secondary_fg_color; } -} - -// -// GPaste -// - -.popup-menu { - .search-entry { - color: $fg_color; - selection-background-color: $primary_color; - selected-color: $inverse_fg_color; - @include entry(normal); - - &:focus { - @include entry(focus); - color: $fg_color; - } - - .search-entry-icon { color: $hint_fg_color; } - - &:hover, &:focus { - .search-entry-icon { color: $fg_color; } - } - } -} - -// -// Pop_OS cosmic widget styling -// - -.cosmic-solid-bg { - background-color: $system_bg_color; -} - -.cosmic-dock { - #dock { - background-color: transparent; - - .dash-background { - background-color: $panel_bg_color; - } - } - - &.extended { - #dash { - margin-left: 0; - margin-right: 0; - margin-top: 0; - margin-bottom: 0; - padding: 0 0; - - .dash-background { - border-radius: 0; - margin-left: 0; - margin-right: 0; - margin-top: 0; - margin-bottom: 0; - } - } - } -} diff --git a/src/gnome-shell/sass/_extensions-40-0.scss b/src/gnome-shell/sass/_extensions-40-0.scss deleted file mode 100644 index ed2a7cf..0000000 --- a/src/gnome-shell/sass/_extensions-40-0.scss +++ /dev/null @@ -1,477 +0,0 @@ -// -// Dash to Dock -// - -// Scrollview style -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background: transparent; - - .number-overlay { - color: white; - background-color: rgba(black, 0.75); - text-align: center; - } - - .notification-badge { - color: $light_fg_color; - background-color: $primary_color; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: $circular_radius; - margin: 2px 3px 5px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; - } - - @each $_pos, $b_pos in (top, bottom), - (bottom, top), - (left, right), - (right, left) { - &.#{$_pos} #dash .dash-background { - border-radius: $dash_border_radius !important; - } - - &.#{$_pos}.straight-corner, - &.#{$_pos}.shrink.straight-corner, - &.#{$_pos}.extended, - &.#{$_pos}.shrink.extended { - #dash { - margin: 0 !important; - margin-top: 0 !important; - padding: 0 !important; - - .dash-background { - margin: 0 !important; - margin-bottom: 0 !important; - border-radius: 0 !important; - } - - .dash-item-container .app-well-app, .show-apps { - margin: 0 !important; - } - } - } - } - - &.extended, - &.straight-corner { - .dash-background { - border-radius: 0 !important; - } - } - - &.shrink { - .dash-background { - padding: $dash_spacing !important; - // border-radius: $buttons_radius + $container_padding / 2; - } - - .dash-item-container .app-well-app, .show-apps { - margin: 0 !important; - } - } - - &.shrink.extended { - .dash-background { - border-radius: 0; - } - } - - #dash, - &:overview #dash { - background: transparent; - } - - &.left, - &.right { - .dash-item-container .app-well-app, .show-apps { - padding: $dash_spacing $container_padding !important; - } - - .dash-background { - margin-bottom: 0 !important; - } - - &.shrink, &.shrink.extended { - .dash-background { - padding: $container_margin / 2 $container_margin !important; - } - - .dash-item-container .app-well-app, .show-apps { - margin: 0 !important; - padding: $container_margin / 2 0 !important; - } - } - - &.extended, - &.straight-corner { - .dash-item-container .app-well-app { - padding: $dash_spacing $dash_padding !important; - } - - .show-apps { - padding: $dash_spacing $dash_padding $dash_padding * 2 !important; - } - } - } - - &.top, - &.bottom { - .dash-background { - padding: $dash_padding ($dash_padding - $dash_spacing) !important; - } - - &.shrink { - .dash-background { - padding: $container_margin $container_margin / 2 !important; - } - - .dash-item-container .app-well-app, .show-apps { - margin: 0 !important; - padding: 0 $container_margin / 2 $dash_padding !important; - } - } - - &.extended, - &.straight-corner { - .dash-separator { - margin: 0 ($dash_spacing + ($dash_padding / 2)) !important; - } - - .dash-item-container .app-well-app, .show-apps { - padding: $dash_padding $dash_spacing !important; - } - } - } - - #dash { - .dash-background { - background-color: $panel_bg_color; - } - - .app-well-app-running-dot { - margin-bottom: 3px !important; - } - - StWidget.focused .app-well-app-running-dot { - background-color: $primary_color; - } - } - - &.opaque #dash .dash-background { // solid-mode - background-color: $panel_bg; - } - - &.transparent #dash .dash-background { // translucent-mode - background-color: $panel_bg_color; // does not work - } - - &:overview #dash { // overview-mode #1 - background: none; - - .dash-background { - background-color: $inverse_divider_color; - } - - StWidget.focused .app-well-app-running-dot { - background-color: $primary_color; - } - } - - &.opaque:overview, - &.transparent:overview { // overview-mode #2 - #dash { - background-color: transparent !important; - box-shadow: none !important; - } - - .dash-background { - background-color: transparent !important; - } - } - - &.extended:overview, // overview-mode #3 - &.opaque.extended:overview, - &.transparent.extended:overview { - #dash { - background: none; - } - } - - &.running-dots, - &.dashtodock { - .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; - } - } - - &.shrink, - &.dashtodock { - .dash-item-container > StButton { - padding: 1px 2px; - } - } - - &.extended, - &.extended:overview { - .app-well-app, - .show-apps { - .overview-icon { - border-radius: $buttons_radius; - } - } - } - - .metro .overview-icon { - border-radius: 0; - } -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -// -// Dash to Panel -// - -$dash_to_panel_item_radius: 5px; - -.dashtopanelMainPanel { - border-radius: 0 !important; - padding: 0 !important; - margin: 0 !important; - - .dash-background { - background-color: $dash_background_color; - margin-bottom: 0 !important; - padding: 0 !important; - border-radius: 0 !important; - } - - .show-apps .overview-icon { - margin: 0 !important; - border-radius: $dash_to_panel_item_radius !important; - } - - .panel-button { - &, &.clock-display .clock { - border-radius: $dash_to_panel_item_radius + $container_padding / 2 !important; - margin: 0 !important; - } - } - - Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button, - Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button { - border-radius: $dash_to_panel_item_radius !important; - - > * { - padding: 8px 6px !important; - } - } -} - -.popup-menu.panel-menu, .popup-menu.panel-menu.quick-settings { - .popup-menu-content { - margin-bottom: $container_padding / 2 !important; - } -} - -$dash_to_panel_menu_radius: 12px; - -.dashtopanelSecondaryMenu { - border-radius: $dash_to_panel_menu_radius !important; -} - -#preview-menu { - margin: $container_padding !important; - box-shadow: 0 3px 8px rgba(black, 0.2) !important; - border-radius: $dash_to_panel_menu_radius !important; - padding: 0 !important; - - // .preview-header-box { - // border-radius: $dash_to_panel_item_radius !important; - // } -} - -#dashtopanelPreviewScrollview { - padding: $dash_to_panel_menu_radius 0 !important; - border-radius: $dash_to_panel_menu_radius !important; -} - -// -// OpenWeather -// - -.openweather { - &-button, - &-button-action, - &-menu-button-container, - &-button-box { - border: 1px solid transparent; - } - - &-provider { - // generic text buttons are allocated with y-expand-ed - padding: 0 16px; - font-weight: 500; - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:focus { @include button(flat-focus); } - &:active { @include button(flat-active); } - &:insensitive { @include button(flat-disabled); } - } - - &-current { - &-icon, - &-summary, - &-summarybox { - background: none; - color: $fg_color; - } - - &-databox-values { - background: none; - color: $hint_fg_color; - } - - &-databox-captions { - background: none; - color: $hint_fg_color; - } - } - - &-forecast { - &-icon, - &-summary { - background: none; - color: $secondary_fg_color; - } - - &-day, - &-temperature { - background: none; - color: $hint_fg_color; - } - } - - &-sunrise-icon, - &-sunset-icon, - &-build-icon { color: $secondary_fg_color; } -} - -.popup-sub-menu .openweather { - &-current { - &-icon, - &-summary, - &-summarybox { - background: none; - color: rgba(black, 0.95); - } - - &-databox-values { - color: rgba(black, 0.75); - } - - &-databox-captions { - color: rgba(black, 0.75); - } - } - - &-forecast { - &-icon, - &-summary { - color: rgba(black, 0.85); - } - - &-day, - &-temperature { - color: rgba(black, 0.75); - } - } - - &-sunrise-icon, - &-sunset-icon, - &-build-icon { color: rgba(black, 0.85); } -} - -// -// Arcmenu -// -.arcmenu-menu-button, -.arcmenu-button { - border-width: 0 !important; - border-radius: $circular_radius !important; -} - -// -// Pop_OS cosmic widget styling -// - -.cosmic-solid-bg { - background-color: $system_bg_color; -} - -.cosmic-dock { - #dock { - background-color: transparent; - - .dash-background { - background-color: $panel_bg_color; - } - } - - &.extended { - #dash { - margin-left: 0; - margin-right: 0; - margin-top: 0; - margin-bottom: 0; - padding: 0 0; - - .dash-background { - border-radius: 0; - margin-left: 0; - margin-right: 0; - margin-top: 0; - margin-bottom: 0; - } - } - } -} - -// -// Blur my shell -// - -.overview-components-transparent .search-entry, -.overview-components-light .search-entry, -.overview-components-dark .search-entry { - caret-color: rgba(white, 0.75) !important; - - .search-entry-icon { - color: rgba(white, 0.65); - } - - StLabel.hint-text { - color: rgba(white, 0.35) !important; - } -} diff --git a/src/gtk/3.0/gtk-Compact.css b/src/gtk/3.0/gtk-Compact.css index e998fd8..c40ffa7 100644 --- a/src/gtk/3.0/gtk-Compact.css +++ b/src/gtk/3.0/gtk-Compact.css @@ -506,7 +506,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.87); } @@ -549,19 +549,26 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } } -.xfce4-panel.background button, .xfce4-panel.background button.flat, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { +.xfce4-panel.background button, .xfce4-panel.background button.flat, .budgie-osd-window .drop-shadow button, +.budgie-power-dialog .drop-shadow button, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { color: rgba(255, 255, 255, 0.7); } -.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { +.xfce4-panel.background button:focus, .budgie-osd-window .drop-shadow button:focus, +.budgie-power-dialog .drop-shadow button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .budgie-osd-window .drop-shadow button:hover, +.budgie-power-dialog .drop-shadow button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .budgie-osd-window .drop-shadow button:active, +.budgie-power-dialog .drop-shadow button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .budgie-osd-window .drop-shadow button:checked, +.budgie-power-dialog .drop-shadow button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { color: white; } -.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { +.xfce4-panel.background button:disabled, .budgie-osd-window .drop-shadow button:disabled, +.budgie-power-dialog .drop-shadow button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { color: rgba(255, 255, 255, 0.3); } -.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { +.xfce4-panel.background button:checked:disabled, .budgie-osd-window .drop-shadow button:checked:disabled, +.budgie-power-dialog .drop-shadow button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -1733,7 +1740,7 @@ treeview.view.progressbar:selected:hover { } treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.12); + border-bottom: 6px solid rgba(0, 0, 0, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -2833,7 +2840,7 @@ scale trough { } scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } scale highlight { @@ -3015,7 +3022,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 10px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } progressbar progress { @@ -3085,7 +3092,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /**************** @@ -4476,8 +4483,8 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.free { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); + color: rgba(0, 0, 0, 0.15); } .search-information { @@ -5991,7 +5998,7 @@ button.flat.tilix-small-button { *************/ #live_installer .menubar progressbar trough { border-radius: 4px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } /*********** @@ -6062,7 +6069,7 @@ window.background.chromium menubar, window.background.chromium headerbar { window.background.chromium menu { padding: 0; - border-color: rgba(0, 0, 0, 0.12); + border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; } @@ -6130,7 +6137,7 @@ tooltip.background.chromium { #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.15); } #MozillaGtkWidget > widget > entry { @@ -7047,7 +7054,7 @@ MsdOsdWindow.background.osd { MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } MsdOsdWindow.background.osd .progressbar { @@ -7808,6 +7815,14 @@ image.raven-mpris { box-shadow: none; } +.drop-shadow { + margin: 5px 9px; + padding: 4px; + border-radius: 16px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; +} + .budgie-notification-window { background-color: transparent; } @@ -7824,28 +7839,37 @@ image.raven-mpris { color: rgba(0, 0, 0, 0.6); } -.budgie-osd-window { +.budgie-switcher-window { background-color: transparent; } -.budgie-osd .budgie-osd-text { - font-size: 120%; +.budgie-switcher { + padding: 8px; } -.budgie-switcher-window { +.budgie-osd-window, +.budgie-power-dialog { background-color: transparent; + color: rgba(255, 255, 255, 0.7); } -.budgie-switcher { - padding: 8px; +.budgie-osd-window .drop-shadow, +.budgie-power-dialog .drop-shadow { + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #212121; } -.drop-shadow { - margin: 5px 9px; - padding: 4px; - border-radius: 16px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; +.budgie-osd-window image { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-power-dialog .titlebar, .budgie-power-dialog decoration { + background: none; + box-shadow: none; } .budgie-session-dialog, diff --git a/src/gtk/3.0/gtk-Dark-Compact.css b/src/gtk/3.0/gtk-Dark-Compact.css index 8106ba2..f9b29fb 100644 --- a/src/gtk/3.0/gtk-Dark-Compact.css +++ b/src/gtk/3.0/gtk-Dark-Compact.css @@ -506,7 +506,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); color: white; } @@ -549,19 +549,26 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } } -.xfce4-panel.background button, .xfce4-panel.background button.flat, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { +.xfce4-panel.background button, .xfce4-panel.background button.flat, .budgie-osd-window .drop-shadow button, +.budgie-power-dialog .drop-shadow button, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { color: rgba(255, 255, 255, 0.7); } -.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { +.xfce4-panel.background button:focus, .budgie-osd-window .drop-shadow button:focus, +.budgie-power-dialog .drop-shadow button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .budgie-osd-window .drop-shadow button:hover, +.budgie-power-dialog .drop-shadow button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .budgie-osd-window .drop-shadow button:active, +.budgie-power-dialog .drop-shadow button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .budgie-osd-window .drop-shadow button:checked, +.budgie-power-dialog .drop-shadow button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { color: white; } -.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { +.xfce4-panel.background button:disabled, .budgie-osd-window .drop-shadow button:disabled, +.budgie-power-dialog .drop-shadow button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { color: rgba(255, 255, 255, 0.3); } -.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { +.xfce4-panel.background button:checked:disabled, .budgie-osd-window .drop-shadow button:checked:disabled, +.budgie-power-dialog .drop-shadow button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -1733,7 +1740,7 @@ treeview.view.progressbar:selected:hover { } treeview.view.trough { - border-bottom: 6px solid rgba(255, 255, 255, 0.12); + border-bottom: 6px solid rgba(255, 255, 255, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -2833,7 +2840,7 @@ scale trough { } scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } scale highlight { @@ -3015,7 +3022,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 10px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } progressbar progress { @@ -3085,7 +3092,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } /**************** @@ -4476,8 +4483,8 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.15); } .search-information { @@ -5987,7 +5994,7 @@ button.flat.tilix-small-button { *************/ #live_installer .menubar progressbar trough { border-radius: 4px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } /*********** @@ -6058,7 +6065,7 @@ window.background.chromium menubar, window.background.chromium headerbar { window.background.chromium menu { padding: 0; - border-color: rgba(255, 255, 255, 0.12); + border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; } @@ -6126,7 +6133,7 @@ tooltip.background.chromium { #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.15); } #MozillaGtkWidget > widget > entry { @@ -7043,7 +7050,7 @@ MsdOsdWindow.background.osd { MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } MsdOsdWindow.background.osd .progressbar { @@ -7804,6 +7811,14 @@ image.raven-mpris { box-shadow: none; } +.drop-shadow { + margin: 5px 9px; + padding: 4px; + border-radius: 16px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + .budgie-notification-window { background-color: transparent; } @@ -7820,28 +7835,37 @@ image.raven-mpris { color: rgba(255, 255, 255, 0.7); } -.budgie-osd-window { +.budgie-switcher-window { background-color: transparent; } -.budgie-osd .budgie-osd-text { - font-size: 120%; +.budgie-switcher { + padding: 8px; } -.budgie-switcher-window { +.budgie-osd-window, +.budgie-power-dialog { background-color: transparent; + color: rgba(255, 255, 255, 0.7); } -.budgie-switcher { - padding: 8px; +.budgie-osd-window .drop-shadow, +.budgie-power-dialog .drop-shadow { + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #212121; } -.drop-shadow { - margin: 5px 9px; - padding: 4px; - border-radius: 16px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; +.budgie-osd-window image { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-power-dialog .titlebar, .budgie-power-dialog decoration { + background: none; + box-shadow: none; } .budgie-session-dialog, diff --git a/src/gtk/3.0/gtk-Dark.css b/src/gtk/3.0/gtk-Dark.css index 3f964d5..8027cb0 100644 --- a/src/gtk/3.0/gtk-Dark.css +++ b/src/gtk/3.0/gtk-Dark.css @@ -506,7 +506,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); color: white; } @@ -549,19 +549,26 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } } -.xfce4-panel.background button, .xfce4-panel.background button.flat, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { +.xfce4-panel.background button, .xfce4-panel.background button.flat, .budgie-osd-window .drop-shadow button, +.budgie-power-dialog .drop-shadow button, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { color: rgba(255, 255, 255, 0.7); } -.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { +.xfce4-panel.background button:focus, .budgie-osd-window .drop-shadow button:focus, +.budgie-power-dialog .drop-shadow button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .budgie-osd-window .drop-shadow button:hover, +.budgie-power-dialog .drop-shadow button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .budgie-osd-window .drop-shadow button:active, +.budgie-power-dialog .drop-shadow button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .budgie-osd-window .drop-shadow button:checked, +.budgie-power-dialog .drop-shadow button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { color: white; } -.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { +.xfce4-panel.background button:disabled, .budgie-osd-window .drop-shadow button:disabled, +.budgie-power-dialog .drop-shadow button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { color: rgba(255, 255, 255, 0.3); } -.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { +.xfce4-panel.background button:checked:disabled, .budgie-osd-window .drop-shadow button:checked:disabled, +.budgie-power-dialog .drop-shadow button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -1733,7 +1740,7 @@ treeview.view.progressbar:selected:hover { } treeview.view.trough { - border-bottom: 6px solid rgba(255, 255, 255, 0.12); + border-bottom: 6px solid rgba(255, 255, 255, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -2833,7 +2840,7 @@ scale trough { } scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } scale highlight { @@ -3015,7 +3022,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 12px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } progressbar progress { @@ -3085,7 +3092,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } /**************** @@ -4476,8 +4483,8 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.15); } .search-information { @@ -5987,7 +5994,7 @@ button.flat.tilix-small-button { *************/ #live_installer .menubar progressbar trough { border-radius: 4px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } /*********** @@ -6058,7 +6065,7 @@ window.background.chromium menubar, window.background.chromium headerbar { window.background.chromium menu { padding: 0; - border-color: rgba(255, 255, 255, 0.12); + border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; } @@ -6126,7 +6133,7 @@ tooltip.background.chromium { #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.15); } #MozillaGtkWidget > widget > entry { @@ -7043,7 +7050,7 @@ MsdOsdWindow.background.osd { MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } MsdOsdWindow.background.osd .progressbar { @@ -7804,6 +7811,14 @@ image.raven-mpris { box-shadow: none; } +.drop-shadow { + margin: 5px 9px; + padding: 6px; + border-radius: 18px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; +} + .budgie-notification-window { background-color: transparent; } @@ -7820,28 +7835,37 @@ image.raven-mpris { color: rgba(255, 255, 255, 0.7); } -.budgie-osd-window { +.budgie-switcher-window { background-color: transparent; } -.budgie-osd .budgie-osd-text { - font-size: 120%; +.budgie-switcher { + padding: 12px; } -.budgie-switcher-window { +.budgie-osd-window, +.budgie-power-dialog { background-color: transparent; + color: rgba(255, 255, 255, 0.7); } -.budgie-switcher { - padding: 12px; +.budgie-osd-window .drop-shadow, +.budgie-power-dialog .drop-shadow { + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #212121; } -.drop-shadow { - margin: 5px 9px; - padding: 6px; - border-radius: 18px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #3C3C3C; +.budgie-osd-window image { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-power-dialog .titlebar, .budgie-power-dialog decoration { + background: none; + box-shadow: none; } .budgie-session-dialog, diff --git a/src/gtk/3.0/gtk-Light-Compact.css b/src/gtk/3.0/gtk-Light-Compact.css index af33ff8..f4ddceb 100644 --- a/src/gtk/3.0/gtk-Light-Compact.css +++ b/src/gtk/3.0/gtk-Light-Compact.css @@ -506,7 +506,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.87); } @@ -549,19 +549,26 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } } -.xfce4-panel.background button, .xfce4-panel.background button.flat, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { +.xfce4-panel.background button, .xfce4-panel.background button.flat, .budgie-osd-window .drop-shadow button, +.budgie-power-dialog .drop-shadow button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { color: rgba(255, 255, 255, 0.7); } -.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { +.xfce4-panel.background button:focus, .budgie-osd-window .drop-shadow button:focus, +.budgie-power-dialog .drop-shadow button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .budgie-osd-window .drop-shadow button:hover, +.budgie-power-dialog .drop-shadow button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .budgie-osd-window .drop-shadow button:active, +.budgie-power-dialog .drop-shadow button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .budgie-osd-window .drop-shadow button:checked, +.budgie-power-dialog .drop-shadow button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { color: white; } -.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { +.xfce4-panel.background button:disabled, .budgie-osd-window .drop-shadow button:disabled, +.budgie-power-dialog .drop-shadow button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { color: rgba(255, 255, 255, 0.3); } -.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { +.xfce4-panel.background button:checked:disabled, .budgie-osd-window .drop-shadow button:checked:disabled, +.budgie-power-dialog .drop-shadow button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -1733,7 +1740,7 @@ treeview.view.progressbar:selected:hover { } treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.12); + border-bottom: 6px solid rgba(0, 0, 0, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -2833,7 +2840,7 @@ scale trough { } scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } scale highlight { @@ -3015,7 +3022,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 10px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } progressbar progress { @@ -3085,7 +3092,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /**************** @@ -4475,8 +4482,8 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.free { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); + color: rgba(0, 0, 0, 0.15); } .search-information { @@ -5990,7 +5997,7 @@ button.flat.tilix-small-button { *************/ #live_installer .menubar progressbar trough { border-radius: 4px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /*********** @@ -6061,7 +6068,7 @@ window.background.chromium menubar, window.background.chromium headerbar { window.background.chromium menu { padding: 0; - border-color: rgba(0, 0, 0, 0.12); + border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; } @@ -6129,7 +6136,7 @@ tooltip.background.chromium { #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.15); } #MozillaGtkWidget > widget > entry { @@ -7046,7 +7053,7 @@ MsdOsdWindow.background.osd { MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } MsdOsdWindow.background.osd .progressbar { @@ -7807,6 +7814,14 @@ image.raven-mpris { box-shadow: none; } +.drop-shadow { + margin: 5px 9px; + padding: 4px; + border-radius: 16px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; +} + .budgie-notification-window { background-color: transparent; } @@ -7823,28 +7838,37 @@ image.raven-mpris { color: rgba(0, 0, 0, 0.6); } -.budgie-osd-window { +.budgie-switcher-window { background-color: transparent; } -.budgie-osd .budgie-osd-text { - font-size: 120%; +.budgie-switcher { + padding: 8px; } -.budgie-switcher-window { +.budgie-osd-window, +.budgie-power-dialog { background-color: transparent; + color: rgba(255, 255, 255, 0.7); } -.budgie-switcher { - padding: 8px; +.budgie-osd-window .drop-shadow, +.budgie-power-dialog .drop-shadow { + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #212121; } -.drop-shadow { - margin: 5px 9px; - padding: 4px; - border-radius: 16px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; +.budgie-osd-window image { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-power-dialog .titlebar, .budgie-power-dialog decoration { + background: none; + box-shadow: none; } .budgie-session-dialog, diff --git a/src/gtk/3.0/gtk-Light.css b/src/gtk/3.0/gtk-Light.css index 3045de0..a095656 100644 --- a/src/gtk/3.0/gtk-Light.css +++ b/src/gtk/3.0/gtk-Light.css @@ -506,7 +506,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.87); } @@ -549,19 +549,26 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } } -.xfce4-panel.background button, .xfce4-panel.background button.flat, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { +.xfce4-panel.background button, .xfce4-panel.background button.flat, .budgie-osd-window .drop-shadow button, +.budgie-power-dialog .drop-shadow button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { color: rgba(255, 255, 255, 0.7); } -.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { +.xfce4-panel.background button:focus, .budgie-osd-window .drop-shadow button:focus, +.budgie-power-dialog .drop-shadow button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .budgie-osd-window .drop-shadow button:hover, +.budgie-power-dialog .drop-shadow button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .budgie-osd-window .drop-shadow button:active, +.budgie-power-dialog .drop-shadow button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .budgie-osd-window .drop-shadow button:checked, +.budgie-power-dialog .drop-shadow button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { color: white; } -.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { +.xfce4-panel.background button:disabled, .budgie-osd-window .drop-shadow button:disabled, +.budgie-power-dialog .drop-shadow button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { color: rgba(255, 255, 255, 0.3); } -.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { +.xfce4-panel.background button:checked:disabled, .budgie-osd-window .drop-shadow button:checked:disabled, +.budgie-power-dialog .drop-shadow button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -1733,7 +1740,7 @@ treeview.view.progressbar:selected:hover { } treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.12); + border-bottom: 6px solid rgba(0, 0, 0, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -2833,7 +2840,7 @@ scale trough { } scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } scale highlight { @@ -3015,7 +3022,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 12px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } progressbar progress { @@ -3085,7 +3092,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /**************** @@ -4475,8 +4482,8 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.free { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); + color: rgba(0, 0, 0, 0.15); } .search-information { @@ -5990,7 +5997,7 @@ button.flat.tilix-small-button { *************/ #live_installer .menubar progressbar trough { border-radius: 4px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /*********** @@ -6061,7 +6068,7 @@ window.background.chromium menubar, window.background.chromium headerbar { window.background.chromium menu { padding: 0; - border-color: rgba(0, 0, 0, 0.12); + border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; } @@ -6129,7 +6136,7 @@ tooltip.background.chromium { #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.15); } #MozillaGtkWidget > widget > entry { @@ -7046,7 +7053,7 @@ MsdOsdWindow.background.osd { MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } MsdOsdWindow.background.osd .progressbar { @@ -7807,6 +7814,14 @@ image.raven-mpris { box-shadow: none; } +.drop-shadow { + margin: 5px 9px; + padding: 6px; + border-radius: 18px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; +} + .budgie-notification-window { background-color: transparent; } @@ -7823,28 +7838,37 @@ image.raven-mpris { color: rgba(0, 0, 0, 0.6); } -.budgie-osd-window { +.budgie-switcher-window { background-color: transparent; } -.budgie-osd .budgie-osd-text { - font-size: 120%; +.budgie-switcher { + padding: 12px; } -.budgie-switcher-window { +.budgie-osd-window, +.budgie-power-dialog { background-color: transparent; + color: rgba(255, 255, 255, 0.7); } -.budgie-switcher { - padding: 12px; +.budgie-osd-window .drop-shadow, +.budgie-power-dialog .drop-shadow { + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #212121; } -.drop-shadow { - margin: 5px 9px; - padding: 6px; - border-radius: 18px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; +.budgie-osd-window image { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-power-dialog .titlebar, .budgie-power-dialog decoration { + background: none; + box-shadow: none; } .budgie-session-dialog, diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index 7260562..77849e5 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -506,7 +506,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.87); } @@ -549,19 +549,26 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } } -.xfce4-panel.background button, .xfce4-panel.background button.flat, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { +.xfce4-panel.background button, .xfce4-panel.background button.flat, .budgie-osd-window .drop-shadow button, +.budgie-power-dialog .drop-shadow button, .raven-mpris button.image-button, .mate-panel-menu-bar button, .nautilus-window.background.csd notebook > header tab button.flat, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { color: rgba(255, 255, 255, 0.7); } -.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { +.xfce4-panel.background button:focus, .budgie-osd-window .drop-shadow button:focus, +.budgie-power-dialog .drop-shadow button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, .nautilus-window.background.csd notebook > header tab button.flat:focus, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .budgie-osd-window .drop-shadow button:hover, +.budgie-power-dialog .drop-shadow button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, .nautilus-window.background.csd notebook > header tab button.flat:hover, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .budgie-osd-window .drop-shadow button:active, +.budgie-power-dialog .drop-shadow button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, .nautilus-window.background.csd notebook > header tab button.flat:active, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .budgie-osd-window .drop-shadow button:checked, +.budgie-power-dialog .drop-shadow button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, .nautilus-window.background.csd notebook > header tab button.flat:checked, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked { color: white; } -.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { +.xfce4-panel.background button:disabled, .budgie-osd-window .drop-shadow button:disabled, +.budgie-power-dialog .drop-shadow button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, .nautilus-window.background.csd notebook > header tab button.flat:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled { color: rgba(255, 255, 255, 0.3); } -.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { +.xfce4-panel.background button:checked:disabled, .budgie-osd-window .drop-shadow button:checked:disabled, +.budgie-power-dialog .drop-shadow button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .nautilus-window.background.csd notebook > header tab button.flat:checked:disabled, .nautilus-window.background.csd placessidebar > viewport.frame > list > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -1733,7 +1740,7 @@ treeview.view.progressbar:selected:hover { } treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.12); + border-bottom: 6px solid rgba(0, 0, 0, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -2833,7 +2840,7 @@ scale trough { } scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } scale highlight { @@ -3015,7 +3022,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 12px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } progressbar progress { @@ -3085,7 +3092,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /**************** @@ -4476,8 +4483,8 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.free { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); + color: rgba(0, 0, 0, 0.15); } .search-information { @@ -5991,7 +5998,7 @@ button.flat.tilix-small-button { *************/ #live_installer .menubar progressbar trough { border-radius: 4px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } /*********** @@ -6062,7 +6069,7 @@ window.background.chromium menubar, window.background.chromium headerbar { window.background.chromium menu { padding: 0; - border-color: rgba(0, 0, 0, 0.12); + border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: none; } @@ -6130,7 +6137,7 @@ tooltip.background.chromium { #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.15); } #MozillaGtkWidget > widget > entry { @@ -7047,7 +7054,7 @@ MsdOsdWindow.background.osd { MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } MsdOsdWindow.background.osd .progressbar { @@ -7808,6 +7815,14 @@ image.raven-mpris { box-shadow: none; } +.drop-shadow { + margin: 5px 9px; + padding: 6px; + border-radius: 18px; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; +} + .budgie-notification-window { background-color: transparent; } @@ -7824,28 +7839,37 @@ image.raven-mpris { color: rgba(0, 0, 0, 0.6); } -.budgie-osd-window { +.budgie-switcher-window { background-color: transparent; } -.budgie-osd .budgie-osd-text { - font-size: 120%; +.budgie-switcher { + padding: 12px; } -.budgie-switcher-window { +.budgie-osd-window, +.budgie-power-dialog { background-color: transparent; + color: rgba(255, 255, 255, 0.7); } -.budgie-switcher { - padding: 12px; +.budgie-osd-window .drop-shadow, +.budgie-power-dialog .drop-shadow { + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #212121; } -.drop-shadow { - margin: 5px 9px; - padding: 6px; - border-radius: 18px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; +.budgie-osd-window image { + color: rgba(255, 255, 255, 0.7); +} + +.budgie-osd-window progressbar trough { + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-power-dialog .titlebar, .budgie-power-dialog decoration { + background: none; + box-shadow: none; } .budgie-session-dialog, diff --git a/src/gtk/4.0/gtk-Compact.css b/src/gtk/4.0/gtk-Compact.css index 3a2d6c4..f3fd330 100644 --- a/src/gtk/4.0/gtk-Compact.css +++ b/src/gtk/4.0/gtk-Compact.css @@ -508,7 +508,7 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.87); } @@ -1985,7 +1985,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.12); + border-bottom: 6px solid rgba(0, 0, 0, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -3027,7 +3027,7 @@ scale > trough { } scale > trough:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } scale > trough > slider { @@ -3266,7 +3266,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 10px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } progressbar progress { @@ -3339,7 +3339,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /**************** diff --git a/src/gtk/4.0/gtk-Dark-Compact.css b/src/gtk/4.0/gtk-Dark-Compact.css index 71cd0d0..b66e753 100644 --- a/src/gtk/4.0/gtk-Dark-Compact.css +++ b/src/gtk/4.0/gtk-Dark-Compact.css @@ -508,7 +508,7 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); color: white; } @@ -1985,7 +1985,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(255, 255, 255, 0.12); + border-bottom: 6px solid rgba(255, 255, 255, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -3027,7 +3027,7 @@ scale > trough { } scale > trough:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } scale > trough > slider { @@ -3266,7 +3266,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 10px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } progressbar progress { @@ -3339,7 +3339,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } /**************** diff --git a/src/gtk/4.0/gtk-Dark.css b/src/gtk/4.0/gtk-Dark.css index 0029dc3..c196686 100644 --- a/src/gtk/4.0/gtk-Dark.css +++ b/src/gtk/4.0/gtk-Dark.css @@ -508,7 +508,7 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); color: white; } @@ -1985,7 +1985,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(255, 255, 255, 0.12); + border-bottom: 6px solid rgba(255, 255, 255, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -3027,7 +3027,7 @@ scale > trough { } scale > trough:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } scale > trough > slider { @@ -3266,7 +3266,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 12px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } progressbar progress { @@ -3339,7 +3339,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(255, 255, 255, 0.15); } /**************** diff --git a/src/gtk/4.0/gtk-Light-Compact.css b/src/gtk/4.0/gtk-Light-Compact.css index 4f132b4..fa0fe15 100644 --- a/src/gtk/4.0/gtk-Light-Compact.css +++ b/src/gtk/4.0/gtk-Light-Compact.css @@ -508,7 +508,7 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.87); } @@ -1985,7 +1985,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.12); + border-bottom: 6px solid rgba(0, 0, 0, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -3027,7 +3027,7 @@ scale > trough { } scale > trough:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } scale > trough > slider { @@ -3266,7 +3266,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 10px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } progressbar progress { @@ -3339,7 +3339,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /**************** diff --git a/src/gtk/4.0/gtk-Light.css b/src/gtk/4.0/gtk-Light.css index 5726d1c..d818562 100644 --- a/src/gtk/4.0/gtk-Light.css +++ b/src/gtk/4.0/gtk-Light.css @@ -508,7 +508,7 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.87); } @@ -1985,7 +1985,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.12); + border-bottom: 6px solid rgba(0, 0, 0, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -3027,7 +3027,7 @@ scale > trough { } scale > trough:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } scale > trough > slider { @@ -3266,7 +3266,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 12px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } progressbar progress { @@ -3339,7 +3339,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /**************** diff --git a/src/gtk/4.0/gtk.css b/src/gtk/4.0/gtk.css index 460066e..5bb5119 100644 --- a/src/gtk/4.0/gtk.css +++ b/src/gtk/4.0/gtk.css @@ -508,7 +508,7 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.87); } @@ -1985,7 +1985,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.12); + border-bottom: 6px solid rgba(0, 0, 0, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -3027,7 +3027,7 @@ scale > trough { } scale > trough:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } scale > trough > slider { @@ -3266,7 +3266,7 @@ progressbar.vertical progress { progressbar trough { border-radius: 12px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } progressbar progress { @@ -3339,7 +3339,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(0, 0, 0, 0.15); } /****************