diff --git a/src/_sass/gtk/apps/_budgie.scss b/src/_sass/gtk/apps/_budgie.scss index 71c98f34..3e2ab492 100644 --- a/src/_sass/gtk/apps/_budgie.scss +++ b/src/_sass/gtk/apps/_budgie.scss @@ -94,7 +94,7 @@ // FIXME: workspace has unnecessary/unknown margin .workspace-switcher { .workspace-layout { - border: 0 solid $inverse_divider_color; + border: 0 solid $titlebar_divider_color; .top &, .bottom & { @@ -109,7 +109,7 @@ .workspace-item, .workspace-add-button { - border: 0 solid $inverse_divider_color; + border: 0 solid $titlebar_divider_color; .top &, .bottom & { @@ -125,7 +125,7 @@ .workspace-item { transition: $shorter_transition; - &.current-workspace { background-color: $inverse_divider_color; } + &.current-workspace { background-color: $titlebar_divider_color; } } .workspace-add-button { @@ -274,28 +274,29 @@ popover.background.places-menu { .budgie-panel { transition: background-color $longer_duration $deceleration_curve; background-color: $solid_panel_bg_color; - color: $inverse_secondary_fg_color; + color: $titlebar_secondary_fg_color; font-weight: 500; &.transparent { background-color: $panel_bg_color; } button { @extend %flat_button; - @extend %button_selected.flat; +// @extend %button_selected.flat; min-height: 16px; min-width: 16px; padding: 0; border-radius: 0; - - &:checked { background-color: $inverse_divider_color; } + color: $titlebar_secondary_fg_color; + &:hover { color: $titlebar_fg_color; } + &:checked { background-color: $titlebar_divider_color; color: $titlebar_fg_color; } } &.horizontal button { padding: 0 4px; } &.vertical button { padding: 4px 0; } - separator { background-color: $inverse_track_color; } + separator { background-color: $titlebar_track_color; } // used to indicate unread notifications .alert { color: $destructive_color; } @@ -322,11 +323,11 @@ popover.background.places-menu { // for indicator colors &:not(:checked) { - color: $inverse_hint_fg_color; + color: $titlebar_hint_fg_color; - &:hover, &:active { color: $inverse_secondary_fg_color; } + &:hover, &:active { color: $titlebar_secondary_fg_color; } - &:disabled { color: $inverse_track_color; } + &:disabled { color: $titlebar_disabled_secondary_fg_color; } } } @@ -342,14 +343,14 @@ popover.background.places-menu { .#{$pos} & { & { border-image: radial-gradient(circle closest-corner at #{$b_pos}, - currentColor 0%, + $accent_color 0%, transparent 0%) 0 0 0 0 / 0 0 0 0; } &:checked { border-image: radial-gradient(circle closest-corner at #{$b_pos}, - currentColor 100%, + $accent_color 100%, transparent 0%) #{$b_wid}; } diff --git a/src/_sass/gtk/apps/_gnome.scss b/src/_sass/gtk/apps/_gnome.scss index 6c767096..70a1f7cf 100644 --- a/src/_sass/gtk/apps/_gnome.scss +++ b/src/_sass/gtk/apps/_gnome.scss @@ -10,7 +10,7 @@ .nautilus-window notebook, .nautilus-window notebook > stack { background-color: $base_color; - border-bottom-right-radius: $windows_radius + 2px; + border-radius: 0 0 $windows_radius $windows_radius; background-image: -gtk-scaled(url("assets/background-img-bottom#{$asset_suffix}.png"), url("assets/background-img-bottom#{$asset_suffix}@2.png")); background-repeat: no-repeat; @@ -205,7 +205,7 @@ filechooser, &.csd.background, placessidebar list { background-color: transparent; } &.csd.background, placessidebar { background-color: transparentize($lighter_bg_color, 0.03); - border-radius: 0 0 ($windows_radius + 2px) $windows_radius; // It also has an effect on nautilus notebook stacks background + border-radius: 0 0 $windows_radius $windows_radius; // It also has an effect on nautilus notebook stacks background } &.maximized placessidebar { border-radius: 0; } diff --git a/src/gtk/gtk-compact-square.css b/src/gtk/gtk-compact-square.css index 81ba0eed..7326ca86 100644 --- a/src/gtk/gtk-compact-square.css +++ b/src/gtk/gtk-compact-square.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #fcfcfc; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(250, 250, 250, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; } .budgie-panel.horizontal button { @@ -6568,39 +6574,39 @@ popover.background.places-menu row { } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-compact.css b/src/gtk/gtk-compact.css index e9ca8009..7c62f415 100644 --- a/src/gtk/gtk-compact.css +++ b/src/gtk/gtk-compact.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #fcfcfc; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(250, 250, 250, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; } .budgie-panel.horizontal button { @@ -6568,39 +6574,39 @@ popover.background.places-menu row { } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-dark-compact-square.css b/src/gtk/gtk-dark-compact-square.css index 1488a5f4..35743ec3 100644 --- a/src/gtk/gtk-dark-compact-square.css +++ b/src/gtk/gtk-dark-compact-square.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #3f4544; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom-dark.png"), url("assets/background-img-bottom-dark@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(76, 83, 81, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; } .budgie-panel.horizontal button { @@ -6568,39 +6574,39 @@ popover.background.places-menu row { } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-dark-compact.css b/src/gtk/gtk-dark-compact.css index ff6ce631..17935d8e 100644 --- a/src/gtk/gtk-dark-compact.css +++ b/src/gtk/gtk-dark-compact.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #3f4544; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom-dark.png"), url("assets/background-img-bottom-dark@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(76, 83, 81, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; } .budgie-panel.horizontal button { @@ -6568,39 +6574,39 @@ popover.background.places-menu row { } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-dark-square.css b/src/gtk/gtk-dark-square.css index 7427d68f..297128f7 100644 --- a/src/gtk/gtk-dark-square.css +++ b/src/gtk/gtk-dark-square.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #3f4544; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom-dark.png"), url("assets/background-img-bottom-dark@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(76, 83, 81, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; } .budgie-panel.horizontal button { @@ -6568,39 +6574,39 @@ popover.background.places-menu row { } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-dark.css b/src/gtk/gtk-dark.css index c877f3c6..f7f9f03b 100644 --- a/src/gtk/gtk-dark.css +++ b/src/gtk/gtk-dark.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #3f4544; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom-dark.png"), url("assets/background-img-bottom-dark@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(76, 83, 81, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; } .budgie-panel.horizontal button { @@ -6568,39 +6574,39 @@ popover.background.places-menu row { } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-light-compact-square.css b/src/gtk/gtk-light-compact-square.css index 3231ee95..f28f2127 100644 --- a/src/gtk/gtk-light-compact-square.css +++ b/src/gtk/gtk-light-compact-square.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #fcfcfc; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(250, 250, 250, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6326,7 +6326,7 @@ na-tray-applet { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(0, 0, 0, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), @@ -6346,7 +6346,7 @@ na-tray-applet { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(0, 0, 0, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), @@ -6378,7 +6378,7 @@ na-tray-applet { } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -6508,7 +6508,7 @@ popover.background.places-menu row { .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.75); - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); font-weight: 500; } @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(0, 0, 0, 0.54); +} + +.budgie-panel button:hover { + color: rgba(0, 0, 0, 0.75); } .budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.75); } .budgie-panel.horizontal button { @@ -6536,7 +6542,7 @@ popover.background.places-menu row { } .budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(0, 0, 0, 0.26); } .budgie-panel .alert { @@ -6556,51 +6562,51 @@ popover.background.places-menu row { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); + color: rgba(0, 0, 0, 0.38); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(0, 0, 0, 0.26); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-light-compact.css b/src/gtk/gtk-light-compact.css index b5fb1c5b..20652f73 100644 --- a/src/gtk/gtk-light-compact.css +++ b/src/gtk/gtk-light-compact.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #fcfcfc; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(250, 250, 250, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6326,7 +6326,7 @@ na-tray-applet { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(0, 0, 0, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), @@ -6346,7 +6346,7 @@ na-tray-applet { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(0, 0, 0, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), @@ -6378,7 +6378,7 @@ na-tray-applet { } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -6508,7 +6508,7 @@ popover.background.places-menu row { .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.75); - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); font-weight: 500; } @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(0, 0, 0, 0.54); +} + +.budgie-panel button:hover { + color: rgba(0, 0, 0, 0.75); } .budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.75); } .budgie-panel.horizontal button { @@ -6536,7 +6542,7 @@ popover.background.places-menu row { } .budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(0, 0, 0, 0.26); } .budgie-panel .alert { @@ -6556,51 +6562,51 @@ popover.background.places-menu row { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); + color: rgba(0, 0, 0, 0.38); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(0, 0, 0, 0.26); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-light-square.css b/src/gtk/gtk-light-square.css index 46622488..0d528eb8 100644 --- a/src/gtk/gtk-light-square.css +++ b/src/gtk/gtk-light-square.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #fcfcfc; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(250, 250, 250, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6326,7 +6326,7 @@ na-tray-applet { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(0, 0, 0, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), @@ -6346,7 +6346,7 @@ na-tray-applet { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(0, 0, 0, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), @@ -6378,7 +6378,7 @@ na-tray-applet { } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -6508,7 +6508,7 @@ popover.background.places-menu row { .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.75); - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); font-weight: 500; } @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(0, 0, 0, 0.54); +} + +.budgie-panel button:hover { + color: rgba(0, 0, 0, 0.75); } .budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.75); } .budgie-panel.horizontal button { @@ -6536,7 +6542,7 @@ popover.background.places-menu row { } .budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(0, 0, 0, 0.26); } .budgie-panel .alert { @@ -6556,51 +6562,51 @@ popover.background.places-menu row { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); + color: rgba(0, 0, 0, 0.38); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(0, 0, 0, 0.26); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-light.css b/src/gtk/gtk-light.css index 73a031b4..2a0599ca 100644 --- a/src/gtk/gtk-light.css +++ b/src/gtk/gtk-light.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #fcfcfc; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(250, 250, 250, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6326,7 +6326,7 @@ na-tray-applet { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(0, 0, 0, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), @@ -6346,7 +6346,7 @@ na-tray-applet { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(0, 0, 0, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), @@ -6378,7 +6378,7 @@ na-tray-applet { } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -6508,7 +6508,7 @@ popover.background.places-menu row { .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.75); - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); font-weight: 500; } @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(0, 0, 0, 0.54); +} + +.budgie-panel button:hover { + color: rgba(0, 0, 0, 0.75); } .budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.75); } .budgie-panel.horizontal button { @@ -6536,7 +6542,7 @@ popover.background.places-menu row { } .budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(0, 0, 0, 0.26); } .budgie-panel .alert { @@ -6556,51 +6562,51 @@ popover.background.places-menu row { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); + color: rgba(0, 0, 0, 0.38); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(0, 0, 0, 0.26); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk-square.css b/src/gtk/gtk-square.css index fa56b1d7..94ece067 100644 --- a/src/gtk/gtk-square.css +++ b/src/gtk/gtk-square.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #fcfcfc; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(250, 250, 250, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; } .budgie-panel.horizontal button { @@ -6568,39 +6574,39 @@ popover.background.places-menu row { } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border { diff --git a/src/gtk/gtk.css b/src/gtk/gtk.css index 967ce986..a895688d 100644 --- a/src/gtk/gtk.css +++ b/src/gtk/gtk.css @@ -694,29 +694,29 @@ button:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected +row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { color: rgba(255, 255, 255, 0.7); } -row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected +row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { color: #FFFFFF; } -row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected +row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { color: rgba(255, 255, 255, 0.3); } -row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected +row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { background-color: rgba(255, 255, 255, 0.3); color: #FFFFFF; } -row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected +row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); @@ -4450,7 +4450,7 @@ button.emoji-section:last-child { .nautilus-window notebook, .nautilus-window notebook > stack { background-color: #fcfcfc; - border-bottom-right-radius: 10px; + border-radius: 0 0 8px 8px; background-image: -gtk-scaled(url("assets/background-img-bottom.png"), url("assets/background-img-bottom@2.png")); background-repeat: no-repeat; background-position: top right; @@ -4620,7 +4620,7 @@ filechooser.csd.background, filechooser placessidebar, .nautilus-window.csd.background, .nautilus-window placessidebar { background-color: rgba(250, 250, 250, 0.97); - border-radius: 0 0 10px 8px; + border-radius: 0 0 8px 8px; } filechooser.maximized placessidebar, @@ -6521,10 +6521,16 @@ popover.background.places-menu row { min-width: 16px; padding: 0; border-radius: 0; + color: rgba(255, 255, 255, 0.7); +} + +.budgie-panel button:hover { + color: #FFFFFF; } .budgie-panel button:checked { background-color: rgba(255, 255, 255, 0.12); + color: #FFFFFF; } .budgie-panel.horizontal button { @@ -6568,39 +6574,39 @@ popover.background.places-menu row { } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(1px), #FFAC00 100%, transparent 0%) 2 0 0 0/2px 0 0 0; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFAC00 100%, transparent 0%) 0 0 2 0/0 0 2px 0; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; + border-image: radial-gradient(circle closest-corner at calc(1px) center, #FFAC00 100%, transparent 0%) 0 0 0 2/0 0 0 2px; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 0%, transparent 0%) 0 0 0 0/0 0 0 0; } .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #FFAC00 100%, transparent 0%) 0 2 0 0/0 2px 0 0; } frame.raven-frame > border {