diff --git a/gtk-3.0/_colors-public.scss b/gtk-3.0/_colors-public.scss index f8d5e5d..23738e1 100755 --- a/gtk-3.0/_colors-public.scss +++ b/gtk-3.0/_colors-public.scss @@ -92,3 +92,6 @@ read if you used those and something break with a version upgrade you're on your @define-color content_view_bg #{"" + $base_color}; +//Budgie desktop +@define-color budgie_tasklist_indicator_color #{"" +$selected_bg_color}; +@define-color budgie_tasklist_indicator_color_active #{"" +$selected_bg_color}; \ No newline at end of file diff --git a/gtk-3.0/_drawing.scss b/gtk-3.0/_drawing.scss index 78e2f1e..828398d 100755 --- a/gtk-3.0/_drawing.scss +++ b/gtk-3.0/_drawing.scss @@ -259,6 +259,13 @@ border:none; } +@else if $t==active-header { + border-radius: 23px; + background: linear-gradient(to right, #eee90a, $selected_bg_color) ; + box-shadow: 0px 2px 4px transparentize($selected_bg_color, 0.02); + color: rgb(250, 250, 250); +} + @else if $t==backdrop-header { // // backdrop button headerbar look @@ -508,7 +515,10 @@ box-shadow: none; $_big_gradient_size: $_big_gradient_length 100%; } - @else if $p==left { + @else if $p==left { border-radius: 23px; + background: linear-gradient(to right, #eee90a, $selected_bg_color) ; + box-shadow: 0px 2px 4px transparentize($selected_bg_color, 0.02); + color: rgb(255, 250, 250); $_position: left center; $_small_gradient_size: $_small_gradient_length 100%; $_big_gradient_size: $_big_gradient_length 100%; diff --git a/gtk-3.0/apps/_budgie.scss b/gtk-3.0/apps/_budgie.scss index 96a6d3d..4922a28 100755 --- a/gtk-3.0/apps/_budgie.scss +++ b/gtk-3.0/apps/_budgie.scss @@ -1,20 +1,22 @@ /********* * Budgie * *********/ - +$_dark_color: darken($main_dark_color, 7%); +$_borders_color: darken($_dark_color, 10%); $alert_color: $red; $button_bg: transparent; $entry_border: transparent; $mpris_overlay_fg: $fg_color; $mpris_overlay_bg: transparentize(if($variant=='light',$base_color, darken($bg_color, 10%)), 0.1); $mpris_overlay_border: $top_highlight; -$panel_bg: transparentize( darken($headerbar_color,10%),0.05); -$panel_border: transparentize(darken($headerbar_color, 7%), 0.08); +$panel_bg: transparentize( darken($_dark_color,10%),0.05); +$panel_color: $headerbar_fg_color; +$panel_border: transparentize($_borders_color, 0.08); $panel_shadow: transparentize(black, 0.7); -$raven_bg: transparentize($bg_color, 0.08); -$raven_expander_border: transparentize($borders_color, 0.05); -$raven_border: transparentize($bg_color, 0.08); -$raven_expander_bg: transparentize($bg_color, 0.8); +$raven_bg: transparentize($_dark_color, 0.08); +$raven_expander_border: transparentize($_borders_color, 0.05); +$raven_border: transparentize($_borders_color, 0.08); +$raven_expander_bg: transparentize(lighten($panel_bg, 15%), 0.5); $raven_background_bg: transparent; $raven_background_border: transparent; @@ -69,10 +71,10 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); .budgie-popover.background { border-radius: 2px; padding: 0; - background: if( $variant == 'light', linear-gradient(to bottom, $base_color 20%, $bg_color), linear-gradient(to bottom, lighten($bg_color, 12%), darken($bg_color, 2%))); + background: $panel_bg; background-clip: border-box; box-shadow: 0 2px 3px 1px transparentize(black, 0.65); - border: 1px solid #{"@borders"}; + border: 1px solid $_borders_color; list, row { &:hover { background: none; } @@ -82,6 +84,15 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); margin: 0 -1px -1px; // remove gap padding: 2px 0 0; } + button { + color: $panel_color; + border: none; + background: transparent; + // @include button(normal-header); + &:hover { + color: $selected_bg_color; + } + } } .budgie-popover > .container { @@ -90,6 +101,7 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); // Budgie Menu .budgie-menu { + color: $panel_color; .container { padding: 0; } button:hover { -gtk-icon-effect: none; } @@ -98,11 +110,11 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); border: none; background: none; padding: 5px 2px; - border-bottom: 1px solid #{"@borders"}; + border-bottom: 1px solid $_borders_color; border-radius: 0; font-size: 120%; box-shadow: none; - + color:$panel_color; image { &:dir(ltr) { padding-left: 8px; padding-right: 12px; } &:dir(rtl) { padding-left: 12px; padding-right: 8px; } @@ -112,10 +124,9 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); .categories { border-width: 0; margin-left: 3px; - - background-color: transparent; - &:dir(ltr) { border-right: 1px solid #{"@borders"}; } - &:dir(rtl) { border-left: 1px solid #{"@borders"}; } + background: transparent; + &:dir(ltr) { border-right: 1px solid $_borders_color; } + &:dir(rtl) { border-left: 1px solid $_borders_color; } } .category-button { @@ -130,17 +141,20 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); &:checked { color: $selected_fg_color; background: $suggested_bg_color; + &:hover { + color: transparentize($selected_fg_color, 0.1); + } } &:checked:disabled { opacity: 0.5; - label { color: transparentize($selected_fg_color, 0.3); } } + } scrollbar { background-color: transparent; - border-color: transparent; + border-color: $_borders_color; } button:not(.category-button) { @@ -148,12 +162,18 @@ $pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); padding-bottom: 5px; border-radius: 0; box-shadow: none; + background:yellow; } button{ border: none; + background: transparent; } undershoot, overshoot { background: none; } + + list { + color: transparentize($panel_color, 0.3); + } } // Menu Button @@ -194,7 +214,7 @@ button.budgie-menu-launcher { .indicator-item { box-shadow: $depth; - background-color: $cyan; + background-color: $selected_bg_color; transition-duration: 0.2s; &:dir(ltr) { // mask avatar's background @@ -364,6 +384,14 @@ button.raven-trigger { border-top-width: 0; border-bottom-width: 0; border-radius: 0; + &.flat { + background: transparent; + border: 1px solid $panel_bg; + &:hover, &:active, &:checked { + background: transparent; + color: $selected_bg_color; + } + } } popover list, @@ -493,8 +521,8 @@ button.raven-trigger { // Raven .raven { padding: 0; - color: $fg_color; - background: if($variant == 'light', linear-gradient(to bottom, #EAEAEA, rgb(187, 184, 184)) , mix($base_color, darken($headerbar_color, 8%), 30%)); + color: $red; + background: $panel_bg; transition: 170ms ease-out; .raven-header { @@ -504,7 +532,7 @@ button.raven-trigger { } min-height: 32px; - color: $fg_color; + color: $panel_color; border: solid $raven_expander_border; border-width: 1px 0; background-color: $raven_expander_bg; @@ -542,51 +570,44 @@ button.raven-trigger { &.bottom { border-bottom-style: none; } button { - background-image: if( $variant == 'light', - linear-gradient(to bottom, $base_color, $bg_color), - linear-gradient(to bottom, lighten($base_color, 12%), darken($bg_color, 2%)) - ); - border: 1px solid $borders_color; - color: $fg_color; - border-radius: 0; - //border: none; - box-shadow: none; - margin-top: -4px; - margin-bottom: -4px; - min-height: 24px; - - &:hover { + @include button(normal-header); border-radius: 0; - background-color: transparent; - color: $selected_bg_color; - } - - &:active, - &:checked { - color: $selected_bg_color; - border-radius: 0; - background: mix($bg_color, $base_color, 20%); - } - - &:disabled { - color: $insensitive_fg_color; - } + &:hover { + @include button(hover-header); + border-radius: 0; + } + + &:disabled { + color: $insensitive_fg_color; + } + &.text-button.radio { + margin: 5px 0px; + min-height: 20px; + padding: 3px; + &:active, + &:checked { + @include button(active-header); + } + } } } list { + color: $panel_color; background-color: transparent; &:selected { background-color: transparentize($selected_bg_color,0.1); } row, row.activatable { + background-color: transparent; + &:hover { background-color: transparentize(lighten($panel_bg, 15%), 0.7);} &:selected { background-color: transparentize($selected_bg_color,0.1); } } } .raven-background { - color: $fg_color; + color: $panel_color; background-color: transparent; border-color: transparent; @@ -605,7 +626,7 @@ button.raven-trigger { min-height: 32px; margin-bottom: 3px; - background: linear-gradient(to right, #8f94fb, #4e54c8); + background: $purple; color: $selected_fg_color; box-shadow: $depth; @@ -613,30 +634,28 @@ button.raven-trigger { font-size: 100%; &:hover { - transition: 170ms ease all; - background: transparentize($darkpurple,0.15); + background: transparentize($purple,0.15); color: $selected_fg_color; } &:active { - transition: 170ms ease all; - background: $darkpurple; + background: $purple; color: $selected_fg_color; } &:first-child { background: $suggested_bg_color; &:hover { - background: transparentize($cyan,0); + background: transparentize($selected_bg_color, 0.15); } &:active { - background: $cyan; + background: $selected_bg_color; } } &:last-child { background: $destructive_bg_color; &:hover { - background: transparentize($red,0); + background: transparentize($red, 0.15); } &:active { background: $red; @@ -651,7 +670,7 @@ button.raven-trigger { // Calendar calendar.raven-calendar { padding: 6px; - color: $fg_color; + color: $panel_color; background: transparent; border-color: transparent; @@ -666,7 +685,7 @@ calendar.raven-calendar { &:backdrop { background-color: transparent; } &.header { - color: $fg_color; + color: $panel_color; border: none; border-radius: 0; background-color: transparent; @@ -717,14 +736,14 @@ calendar.raven-calendar { background: none; border-radius: 1px; button { - background-color: $cyan; + background-color: $selected_bg_color; color: $selected_fg_color; border: none; &:hover { - background-color: darken($cyan, 5%); + background-color: darken($selected_bg_color, 5%); border: none; } - &:active, &:checked { background-color: darken($cyan, 5%); } + &:active, &:checked { background-color: darken($selected_bg_color, 5%); } } } @@ -754,7 +773,7 @@ calendar.raven-calendar { .drop-shadow { color: $headerbar_fg_color; - background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + background-color: transparentize(if($variant=='light', $_dark_color, $bg_color), 0.05); box-shadow: 0 1px 2px 0 transparentize(black, 0.8); border-radius: 2px; } @@ -815,8 +834,9 @@ calendar.raven-calendar { margin-bottom: 0; min-height: 32px; border-bottom: none; + border-color:$_borders_color; border-radius: 0; - color: $headerbar_fg_color; + color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.20); @@ -830,7 +850,7 @@ calendar.raven-calendar { } } - @each $b_type, $b_color in (suggested-action, $cyan), + @each $b_type, $b_color in (suggested-action, $selected_bg_color), (destructive-action, $destructive_color) { &.#{$b_type} { background-color: transparentize($b_color, 0.1); diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 64df941..0e058a9 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -56,6 +56,8 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_button_active_color_b shade(#161925, 0.89); @define-color wm_button_active_color_c shade(#161925, 0.9); @define-color content_view_bg #181b28; +@define-color budgie_tasklist_indicator_color #f7b922; +@define-color budgie_tasklist_indicator_color_active #f7b922; /***************** * Drawing mixins * *****************/ @@ -2057,6 +2059,10 @@ scrolledwindow overshoot.bottom { box-shadow: none; } scrolledwindow overshoot.left { + border-radius: 23px; + background: linear-gradient(to right, #eee90a, #f7b922); + box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); + color: snow; background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(213, 213, 213, 0.1)), to(rgba(213, 213, 213, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; @@ -2065,6 +2071,10 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { + border-radius: 23px; + background: linear-gradient(to right, #eee90a, #f7b922); + box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); + color: snow; background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(91, 93, 102, 0.19)), to(rgba(91, 93, 102, 0))); background-size: 5% 100%; background-repeat: no-repeat; @@ -4695,10 +4705,10 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-popover.background { border-radius: 2px; padding: 0; - background: linear-gradient(to bottom, #2d334b, #12151f); + background: rgba(0, 0, 0, 0.95); background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); - border: 1px solid @borders; } + border: 1px solid black; } .budgie-popover list:hover, .budgie-popover row:hover, .budgie-popover.background list:hover, @@ -4708,71 +4718,80 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-popover.background > frame.container { margin: 0 -1px -1px; padding: 2px 0 0; } + .budgie-popover button, + .budgie-popover.background button { + color: white; + border: none; + background: transparent; } + .budgie-popover button:hover, + .budgie-popover.background button:hover { + color: #f7b922; } .budgie-popover > .container { padding: 2px; } -.budgie-menu .container { - padding: 0; } - -.budgie-menu button:hover { - -gtk-icon-effect: none; } - -.budgie-menu entry.search { - border: none; - background: none; - padding: 5px 2px; - border-bottom: 1px solid @borders; - border-radius: 0; - font-size: 120%; - box-shadow: none; } - .budgie-menu entry.search image:dir(ltr) { - padding-left: 8px; - padding-right: 12px; } - .budgie-menu entry.search image:dir(rtl) { - padding-left: 12px; - padding-right: 8px; } - -.budgie-menu .categories { - border-width: 0; - margin-left: 3px; - background-color: transparent; } - .budgie-menu .categories:dir(ltr) { - border-right: 1px solid @borders; } - .budgie-menu .categories:dir(rtl) { - border-left: 1px solid @borders; } - -.budgie-menu .category-button { - padding: 7px; - border-radius: 2px 0 0 2px; } - .budgie-menu .category-button:hover { - background-color: rgba(195, 199, 209, 0.05); - color: #C3C7D1; } - .budgie-menu .category-button:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - .budgie-menu .category-button:checked { - color: #fefefe; - background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } - .budgie-menu .category-button:checked:disabled { - opacity: 0.5; } - .budgie-menu .category-button:checked:disabled label { - color: rgba(254, 254, 254, 0.7); } - -.budgie-menu scrollbar { - background-color: transparent; - border-color: transparent; } - -.budgie-menu button:not(.category-button) { - padding-top: 5px; - padding-bottom: 5px; - border-radius: 0; - box-shadow: none; } - -.budgie-menu button { - border: none; } - -.budgie-menu undershoot, .budgie-menu overshoot { - background: none; } +.budgie-menu { + color: white; } + .budgie-menu .container { + padding: 0; } + .budgie-menu button:hover { + -gtk-icon-effect: none; } + .budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid black; + border-radius: 0; + font-size: 120%; + box-shadow: none; + color: white; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } + .budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid black; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid black; } + .budgie-menu .category-button { + padding: 7px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(195, 199, 209, 0.05); + color: #C3C7D1; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #fefefe; + background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } + .budgie-menu .category-button:checked:hover { + color: rgba(254, 254, 254, 0.9); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(254, 254, 254, 0.7); } + .budgie-menu scrollbar { + background-color: transparent; + border-color: black; } + .budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; + background: yellow; } + .budgie-menu button { + border: none; + background: transparent; } + .budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + .budgie-menu list { + color: rgba(255, 255, 255, 0.7); } button.budgie-menu-launcher { padding: 0 2px; @@ -4804,7 +4823,7 @@ button.budgie-menu-launcher { .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); - background-color: #00c1e4; + background-color: #f7b922; transition-duration: 0.2s; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { @@ -4875,7 +4894,7 @@ button.raven-trigger { .places-menu .places-section-header { padding: 0px; - border-bottom: 1px solid rgba(238, 238, 238, 0.05); + border-bottom: 1px solid rgba(0, 0, 0, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } .places-menu .places-section-header > button { @@ -4886,11 +4905,11 @@ button.raven-trigger { .places-menu .places-list { background: rgba(195, 199, 209, 0.04); - border-bottom: 1px solid rgba(238, 238, 238, 0.05); } + border-bottom: 1px solid rgba(0, 0, 0, 0.95); } .places-menu .unlock-area { - border-top: 1px solid rgba(238, 238, 238, 0); - border-bottom: 1px solid rgba(238, 238, 238, 0); } + border-top: 1px solid rgba(0, 0, 0, 0.85); + border-bottom: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .unlock-area entry { border-radius: 0; @@ -4899,7 +4918,7 @@ button.raven-trigger { .places-menu .unlock-area button { border-radius: 0; border: 0; - border-left: 1px solid rgba(238, 238, 238, 0); } + border-left: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .alternative-label { font-size: 15px; @@ -4928,7 +4947,7 @@ button.raven-trigger { .budgie-panel { color: white; - background-color: rgba(3, 3, 5, 0.95); + background-color: rgba(0, 0, 0, 0.95); background-image: none; box-shadow: none; border: none; @@ -4937,11 +4956,17 @@ button.raven-trigger { color: #ed254e; } .budgie-panel:backdrop { color: white; - background-color: rgba(3, 3, 5, 0.95); } + background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; border-radius: 0; } + .budgie-panel button.flat { + background: transparent; + border: 1px solid rgba(0, 0, 0, 0.95); } + .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { + background: transparent; + color: #f7b922; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; @@ -4971,7 +4996,7 @@ button.raven-trigger { .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(3, 3, 5, 0); + border-color: rgba(0, 0, 0, 0); border-radius: 0; background-color: transparent; box-shadow: none; @@ -4980,7 +5005,7 @@ button.raven-trigger { .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(3, 3, 5, 0); + border-color: rgba(0, 0, 0, 0); border-radius: 0; padding: 0; background-clip: padding-box; @@ -5074,56 +5099,56 @@ button.raven-trigger { border-right: 2px solid #f7b922; } .top .budgie-panel { - border-bottom: 1px solid rgba(9, 10, 15, 0.92); } + border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; - border-bottom: 1px solid rgba(22, 25, 37, 0.92); } + border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { - border-top: 1px solid rgba(9, 10, 15, 0.92); } + border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; - border-top: 1px solid rgba(22, 25, 37, 0.92); } + border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { - border-right: 1px solid rgba(9, 10, 15, 0.92); } + border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; - border-right: 1px solid rgba(22, 25, 37, 0.92); } + border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { - border-left: 1px solid rgba(9, 10, 15, 0.92); } + border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; - border-left: 1px solid rgba(22, 25, 37, 0.92); } + border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .shadow-block { background-color: transparent; @@ -5131,15 +5156,15 @@ button.raven-trigger { .raven { padding: 0; - color: #C3C7D1; - background: #0c0e14; + color: #ed254e; + background: rgba(0, 0, 0, 0.95); transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; - color: #C3C7D1; - border: solid rgba(238, 238, 238, 0.05); + color: white; + border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; - background-color: rgba(22, 25, 37, 0.2); } + background-color: rgba(38, 38, 38, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } @@ -5168,36 +5193,45 @@ button.raven-trigger { .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-header button { - background-image: linear-gradient(to bottom, #2f354f, #12151f); - border: 1px solid rgba(238, 238, 238, 0.1); - color: #C3C7D1; - border-radius: 0; + color: #8b8b8b; + text-shadow: none; box-shadow: none; - margin-top: -4px; - margin-bottom: -4px; - min-height: 24px; } + background: transparent; + border: none; + border-radius: 0; } .raven .raven-header button:hover { - border-radius: 0; - background-color: transparent; - color: #f7b922; } - .raven .raven-header button:active, .raven .raven-header button:checked { color: #f7b922; border-radius: 0; - background: #181b28; } + text-shadow: none; + border: none; + border-radius: 0; } .raven .raven-header button:disabled { color: #6d707b; } + .raven .raven-header button.text-button.radio { + margin: 5px 0px; + min-height: 20px; + padding: 3px; } + .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { + border-radius: 23px; + background: linear-gradient(to right, #eee90a, #f7b922); + box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); + color: #fafafa; } .raven list { + color: white; background-color: transparent; } .raven list:selected { background-color: rgba(247, 185, 34, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } + .raven list row:hover, + .raven list row.activatable:hover { + background-color: rgba(38, 38, 38, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(247, 185, 34, 0.9); } .raven .raven-background { - color: #C3C7D1; + color: white; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { @@ -5211,29 +5245,27 @@ button.raven-trigger { min-width: 32px; min-height: 32px; margin-bottom: 3px; - background: linear-gradient(to right, #8f94fb, #4e54c8); + background: #d400dc; color: #fefefe; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { - transition: 170ms ease all; - background: rgba(123, 123, 189, 0.85); + background: rgba(212, 0, 220, 0.85); color: #fefefe; } .raven .powerstrip button.image-button:active { - transition: 170ms ease all; - background: #7b7bbd; + background: #d400dc; color: #fefefe; } .raven .powerstrip button.image-button:first-child { background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } .raven .powerstrip button.image-button:first-child:hover { - background: #00c1e4; } + background: rgba(247, 185, 34, 0.85); } .raven .powerstrip button.image-button:first-child:active { - background: #00c1e4; } + background: #f7b922; } .raven .powerstrip button.image-button:last-child { background: linear-gradient(to right, #fe8c00, #f83600); } .raven .powerstrip button.image-button:last-child:hover { - background: #ed254e; } + background: rgba(237, 37, 78, 0.85); } .raven .powerstrip button.image-button:last-child:active { background: #ed254e; } .raven .option-subtitle { @@ -5241,7 +5273,7 @@ button.raven-trigger { calendar.raven-calendar { padding: 6px; - color: #C3C7D1; + color: white; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { @@ -5253,7 +5285,7 @@ calendar.raven-calendar { calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { - color: #C3C7D1; + color: white; border: none; border-radius: 0; background-color: transparent; } @@ -5291,14 +5323,14 @@ calendar.raven-calendar { background: none; border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { - background-color: #00c1e4; + background-color: #f7b922; color: #fefefe; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { - background-color: #00abcb; + background-color: #f6b109; border: none; } .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { - background-color: #00abcb; } + background-color: #f6b109; } .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } @@ -5353,7 +5385,7 @@ calendar.raven-calendar { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { color: white; - background-color: rgba(3, 3, 5, 0.95); } + background-color: rgba(0, 0, 0, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { color: rgba(255, 255, 255, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { @@ -5362,8 +5394,9 @@ calendar.raven-calendar { margin-bottom: 0; min-height: 32px; border-bottom: none; + border-color: black; border-radius: 0; - color: white; + color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { @@ -5379,11 +5412,11 @@ calendar.raven-calendar { .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { - background-color: rgba(0, 193, 228, 0.9); } + background-color: rgba(247, 185, 34, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { - background-color: rgba(0, 215, 254, 0.9); } + background-color: rgba(248, 193, 59, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { - background-color: rgba(0, 215, 254, 0.9); } + background-color: rgba(248, 193, 59, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { background-color: rgba(206, 17, 56, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { @@ -5429,7 +5462,7 @@ calendar.raven-calendar { margin: 4px; padding: 5px; border-radius: 0; - background-color: rgba(3, 3, 5, 0.95); } + background-color: rgba(0, 0, 0, 0.95); } .budgie-menubar menu menuitem:hover { background-color: #f7b922; color: #fefefe; } @@ -5440,10 +5473,10 @@ calendar.raven-calendar { min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid rgba(42, 45, 57, 0.928); } + border-bottom: 1px solid rgba(37, 37, 41, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid rgba(42, 45, 57, 0.928); } + border-top: 1px solid rgba(37, 37, 41, 0.928); } .budgie-menubar menuitem accelerator { color: rgba(195, 199, 209, 0.35); } diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index a4c866b..77bc051 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -56,6 +56,8 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_button_active_color_b shade(#e6e6e6, 0.89); @define-color wm_button_active_color_c shade(#e6e6e6, 0.9); @define-color content_view_bg #ebf0f5; +@define-color budgie_tasklist_indicator_color #f7b922; +@define-color budgie_tasklist_indicator_color_active #f7b922; /***************** * Drawing mixins * *****************/ @@ -2064,6 +2066,10 @@ scrolledwindow overshoot.bottom { box-shadow: none; } scrolledwindow overshoot.left { + border-radius: 23px; + background: linear-gradient(to right, #eee90a, #f7b922); + box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); + color: snow; background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.13)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(49, 54, 61, 0.07)), to(rgba(49, 54, 61, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; @@ -2072,6 +2078,10 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { + border-radius: 23px; + background: linear-gradient(to right, #eee90a, #f7b922); + box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); + color: snow; background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(142, 142, 142, 0.217)), to(rgba(142, 142, 142, 0))); background-size: 5% 100%; background-repeat: no-repeat; @@ -4720,10 +4730,10 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-popover.background { border-radius: 2px; padding: 0; - background: linear-gradient(to bottom, #ebf0f5 20%, #e6e6e6); + background: rgba(0, 0, 0, 0.95); background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); - border: 1px solid @borders; } + border: 1px solid black; } .budgie-popover list:hover, .budgie-popover row:hover, .budgie-popover.background list:hover, @@ -4733,71 +4743,80 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-popover.background > frame.container { margin: 0 -1px -1px; padding: 2px 0 0; } + .budgie-popover button, + .budgie-popover.background button { + color: #929ba8; + border: none; + background: transparent; } + .budgie-popover button:hover, + .budgie-popover.background button:hover { + color: #f7b922; } .budgie-popover > .container { padding: 2px; } -.budgie-menu .container { - padding: 0; } - -.budgie-menu button:hover { - -gtk-icon-effect: none; } - -.budgie-menu entry.search { - border: none; - background: none; - padding: 5px 2px; - border-bottom: 1px solid @borders; - border-radius: 0; - font-size: 120%; - box-shadow: none; } - .budgie-menu entry.search image:dir(ltr) { - padding-left: 8px; - padding-right: 12px; } - .budgie-menu entry.search image:dir(rtl) { - padding-left: 12px; - padding-right: 8px; } - -.budgie-menu .categories { - border-width: 0; - margin-left: 3px; - background-color: transparent; } - .budgie-menu .categories:dir(ltr) { - border-right: 1px solid @borders; } - .budgie-menu .categories:dir(rtl) { - border-left: 1px solid @borders; } - -.budgie-menu .category-button { - padding: 7px; - border-radius: 2px 0 0 2px; } - .budgie-menu .category-button:hover { - background-color: rgba(49, 54, 61, 0.05); - color: #31363d; } - .budgie-menu .category-button:active { - box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } - .budgie-menu .category-button:checked { - color: #fefefe; - background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } - .budgie-menu .category-button:checked:disabled { - opacity: 0.5; } - .budgie-menu .category-button:checked:disabled label { - color: rgba(254, 254, 254, 0.7); } - -.budgie-menu scrollbar { - background-color: transparent; - border-color: transparent; } - -.budgie-menu button:not(.category-button) { - padding-top: 5px; - padding-bottom: 5px; - border-radius: 0; - box-shadow: none; } - -.budgie-menu button { - border: none; } - -.budgie-menu undershoot, .budgie-menu overshoot { - background: none; } +.budgie-menu { + color: #929ba8; } + .budgie-menu .container { + padding: 0; } + .budgie-menu button:hover { + -gtk-icon-effect: none; } + .budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid black; + border-radius: 0; + font-size: 120%; + box-shadow: none; + color: #929ba8; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } + .budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid black; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid black; } + .budgie-menu .category-button { + padding: 7px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(49, 54, 61, 0.05); + color: #31363d; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #fefefe; + background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } + .budgie-menu .category-button:checked:hover { + color: rgba(254, 254, 254, 0.9); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(254, 254, 254, 0.7); } + .budgie-menu scrollbar { + background-color: transparent; + border-color: black; } + .budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; + background: yellow; } + .budgie-menu button { + border: none; + background: transparent; } + .budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + .budgie-menu list { + color: rgba(146, 155, 168, 0.7); } button.budgie-menu-launcher { padding: 0 2px; @@ -4829,7 +4848,7 @@ button.budgie-menu-launcher { .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); - background-color: #00c1e4; + background-color: #f7b922; transition-duration: 0.2s; } .user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) { @@ -4900,7 +4919,7 @@ button.raven-trigger { .places-menu .places-section-header { padding: 0px; - border-bottom: 1px solid rgba(0, 0, 0, 0.08); + border-bottom: 1px solid rgba(0, 0, 0, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } .places-menu .places-section-header > button { @@ -4911,11 +4930,11 @@ button.raven-trigger { .places-menu .places-list { background: rgba(49, 54, 61, 0.04); - border-bottom: 1px solid rgba(0, 0, 0, 0.08); } + border-bottom: 1px solid rgba(0, 0, 0, 0.95); } .places-menu .unlock-area { - border-top: 1px solid rgba(0, 0, 0, 0); - border-bottom: 1px solid rgba(0, 0, 0, 0); } + border-top: 1px solid rgba(0, 0, 0, 0.85); + border-bottom: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .unlock-area entry { border-radius: 0; @@ -4924,7 +4943,7 @@ button.raven-trigger { .places-menu .unlock-area button { border-radius: 0; border: 0; - border-left: 1px solid rgba(0, 0, 0, 0); } + border-left: 1px solid rgba(0, 0, 0, 0.85); } .places-menu .alternative-label { font-size: 15px; @@ -4953,7 +4972,7 @@ button.raven-trigger { .budgie-panel { color: #929ba8; - background-color: rgba(205, 205, 205, 0.95); + background-color: rgba(0, 0, 0, 0.95); background-image: none; box-shadow: none; border: none; @@ -4962,11 +4981,17 @@ button.raven-trigger { color: #ed254e; } .budgie-panel:backdrop { color: #929ba8; - background-color: rgba(205, 205, 205, 0.95); } + background-color: rgba(0, 0, 0, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; border-radius: 0; } + .budgie-panel button.flat { + background: transparent; + border: 1px solid rgba(0, 0, 0, 0.95); } + .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { + background: transparent; + color: #f7b922; } .budgie-panel popover list, .budgie-panel popover row { padding: 0; @@ -4996,7 +5021,7 @@ button.raven-trigger { .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(205, 205, 205, 0); + border-color: rgba(0, 0, 0, 0); border-radius: 0; background-color: transparent; box-shadow: none; @@ -5005,7 +5030,7 @@ button.raven-trigger { .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(205, 205, 205, 0); + border-color: rgba(0, 0, 0, 0); border-radius: 0; padding: 0; background-clip: padding-box; @@ -5099,56 +5124,56 @@ button.raven-trigger { border-right: 2px solid #f7b922; } .top .budgie-panel { - border-bottom: 1px solid rgba(213, 213, 213, 0.92); } + border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; - border-bottom: 1px solid rgba(230, 230, 230, 0.92); } + border-bottom: 1px solid rgba(0, 0, 0, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { - border-top: 1px solid rgba(213, 213, 213, 0.92); } + border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; - border-top: 1px solid rgba(230, 230, 230, 0.92); } + border-top: 1px solid rgba(0, 0, 0, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { - border-right: 1px solid rgba(213, 213, 213, 0.92); } + border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; - border-right: 1px solid rgba(230, 230, 230, 0.92); } + border-right: 1px solid rgba(0, 0, 0, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { - border-left: 1px solid rgba(213, 213, 213, 0.92); } + border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; - border-left: 1px solid rgba(230, 230, 230, 0.92); } + border-left: 1px solid rgba(0, 0, 0, 0.92); } .right .shadow-block { background-color: transparent; @@ -5156,15 +5181,15 @@ button.raven-trigger { .raven { padding: 0; - color: #31363d; - background: linear-gradient(to bottom, #EAEAEA, #bbb8b8); + color: #ed254e; + background: rgba(0, 0, 0, 0.95); transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; - color: #31363d; - border: solid rgba(0, 0, 0, 0.08); + color: #929ba8; + border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; - background-color: rgba(230, 230, 230, 0.2); } + background-color: rgba(38, 38, 38, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } @@ -5193,36 +5218,45 @@ button.raven-trigger { .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-header button { - background-image: linear-gradient(to bottom, #ebf0f5, #e6e6e6); - border: 1px solid rgba(0, 0, 0, 0.13); - color: #31363d; - border-radius: 0; + color: #8b8b8b; + text-shadow: none; box-shadow: none; - margin-top: -4px; - margin-bottom: -4px; - min-height: 24px; } + background: transparent; + border: none; + border-radius: 0; } .raven .raven-header button:hover { - border-radius: 0; - background-color: transparent; - color: #f7b922; } - .raven .raven-header button:active, .raven .raven-header button:checked { color: #f7b922; border-radius: 0; - background: #eaeef2; } + text-shadow: none; + border: none; + border-radius: 0; } .raven .raven-header button:disabled { color: #8c8e92; } + .raven .raven-header button.text-button.radio { + margin: 5px 0px; + min-height: 20px; + padding: 3px; } + .raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked { + border-radius: 23px; + background: linear-gradient(to right, #eee90a, #f7b922); + box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); + color: #fafafa; } .raven list { + color: #929ba8; background-color: transparent; } .raven list:selected { background-color: rgba(247, 185, 34, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } + .raven list row:hover, + .raven list row.activatable:hover { + background-color: rgba(38, 38, 38, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(247, 185, 34, 0.9); } .raven .raven-background { - color: #31363d; + color: #929ba8; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { @@ -5236,29 +5270,27 @@ button.raven-trigger { min-width: 32px; min-height: 32px; margin-bottom: 3px; - background: linear-gradient(to right, #8f94fb, #4e54c8); + background: #d400dc; color: #fefefe; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { - transition: 170ms ease all; - background: rgba(123, 123, 189, 0.85); + background: rgba(212, 0, 220, 0.85); color: #fefefe; } .raven .powerstrip button.image-button:active { - transition: 170ms ease all; - background: #7b7bbd; + background: #d400dc; color: #fefefe; } .raven .powerstrip button.image-button:first-child { background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } .raven .powerstrip button.image-button:first-child:hover { - background: #00c1e4; } + background: rgba(247, 185, 34, 0.85); } .raven .powerstrip button.image-button:first-child:active { - background: #00c1e4; } + background: #f7b922; } .raven .powerstrip button.image-button:last-child { background: linear-gradient(to right, #fe8c00, #f83600); } .raven .powerstrip button.image-button:last-child:hover { - background: #ed254e; } + background: rgba(237, 37, 78, 0.85); } .raven .powerstrip button.image-button:last-child:active { background: #ed254e; } .raven .option-subtitle { @@ -5266,7 +5298,7 @@ button.raven-trigger { calendar.raven-calendar { padding: 6px; - color: #31363d; + color: #929ba8; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { @@ -5278,7 +5310,7 @@ calendar.raven-calendar { calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { - color: #31363d; + color: #929ba8; border: none; border-radius: 0; background-color: transparent; } @@ -5316,14 +5348,14 @@ calendar.raven-calendar { background: none; border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { - background-color: #00c1e4; + background-color: #f7b922; color: #fefefe; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { - background-color: #00abcb; + background-color: #f6b109; border: none; } .budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked { - background-color: #00abcb; } + background-color: #f6b109; } .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } @@ -5348,7 +5380,7 @@ calendar.raven-calendar { .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { color: #929ba8; - background-color: rgba(230, 230, 230, 0.95); + background-color: rgba(16, 16, 19, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } @@ -5378,7 +5410,7 @@ calendar.raven-calendar { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { color: #929ba8; - background-color: rgba(205, 205, 205, 0.95); } + background-color: rgba(0, 0, 0, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { color: rgba(146, 155, 168, 0.5); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { @@ -5387,8 +5419,9 @@ calendar.raven-calendar { margin-bottom: 0; min-height: 32px; border-bottom: none; + border-color: black; border-radius: 0; - color: #929ba8; + color: #fff; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { @@ -5404,11 +5437,11 @@ calendar.raven-calendar { .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { - background-color: rgba(0, 193, 228, 0.9); } + background-color: rgba(247, 185, 34, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover { - background-color: rgba(0, 215, 254, 0.9); } + background-color: rgba(248, 193, 59, 0.9); } .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { - background-color: rgba(0, 215, 254, 0.9); } + background-color: rgba(248, 193, 59, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { background-color: rgba(230, 19, 62, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { @@ -5454,7 +5487,7 @@ calendar.raven-calendar { margin: 4px; padding: 5px; border-radius: 0; - background-color: rgba(205, 205, 205, 0.95); } + background-color: rgba(0, 0, 0, 0.95); } .budgie-menubar menu menuitem:hover { background-color: #f7b922; color: #fefefe; } @@ -5465,10 +5498,10 @@ calendar.raven-calendar { min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid rgba(209, 210, 211, 0.928); } + border-bottom: 1px solid rgba(20, 21, 24, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid rgba(209, 210, 211, 0.928); } + border-top: 1px solid rgba(20, 21, 24, 0.928); } .budgie-menubar menuitem accelerator { color: rgba(49, 54, 61, 0.35); }