diff --git a/Paper/gtk-3.18/apps/_budgie.scss b/Paper/gtk-3.18/apps/_budgie.scss index 8d1fd34..23fbdcb 100644 --- a/Paper/gtk-3.18/apps/_budgie.scss +++ b/Paper/gtk-3.18/apps/_budgie.scss @@ -39,6 +39,31 @@ $asset_suffix: if($variant == 'default', '', '-hc'); } } +// Positional Styles +@each $pos, $b_pos in $pos_list { + + // Panel borders + .#{$pos} .budgie-panel { + border-#{$b_pos}: 1px solid transparentize(black,0.8); + box-shadow:inset 0 1px 0 0 transparentize(white,0.9); + } + + // Raven borders + .#{$pos} .raven-frame { + border-#{$b_pos}: 1px solid transparentize(black, 0.2); + box-shadow:inset 0 0 0 1px transparentize(white, 0.7); + } + + // Shadows + .#{$pos} .shadow-block { + background-color: transparent; + background-image: linear-gradient(to $b_pos, + $shadow_color, + transparent, + transparent); + } +} + // Budgie .budgie-container { background-image: none; @@ -66,16 +91,34 @@ $asset_suffix: if($variant == 'default', '', '-hc'); // Panel .budgie-panel { - font: bold; - font-size: 100%; color: $budgie_panel_fg_color; background-color: $budgie_panel_bg_color; + // this is the actual style for some reason &:backdrop { color: $budgie_panel_fg_color; background-color: $budgie_panel_bg_color; } + // Menu + BudgieMenuApplet { + font: bold; + .label { + color: $budgie_panel_fg_color; + text-shadow: 0 1px $shadow_color; + } + } + + // Clock + ClockApplet { + font: monospace bold; + font-size: 90%; + .label { + color: $budgie_panel_fg_color; + text-shadow: 0 1px $shadow_color; + } + } + // Tasklist WnckTasklist { .button, @@ -84,7 +127,7 @@ $asset_suffix: if($variant == 'default', '', '-hc'); border-radius: 0; @if $variant == 'default' { - // &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); } + &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); } background: none; background-clip: padding-box; border: none; @@ -96,7 +139,7 @@ $asset_suffix: if($variant == 'default', '', '-hc'); // Icon Tasklist .launcher { - // transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-left: 2px; padding-right: 2px; border-color: transparentize($budgie_panel_bg_color, 1.0); // fixes the transition @@ -117,34 +160,10 @@ $asset_suffix: if($variant == 'default', '', '-hc'); } } - - -@each $pos, $b_pos in $pos_list { - - // Panel borders - .#{$pos} .budgie-panel { - border-#{$b_pos}: 1px solid transparentize(black,0.8); - box-shadow:none; - } - - // Raven borders - .#{$pos} .raven-frame { - border-#{$b_pos}: 1px solid transparentize(black, 0.2); - box-shadow:inset 0 0 0 1px transparentize(white, 0.7); - } - - // Shadows - .#{$pos} .shadow-block { - background-color: transparent; - background-image: linear-gradient(to $b_pos, - $shadow_color, - transparent); - } -} - // Raven .raven { + border:none; color: $fg_color; background-color: transparentize($bg_color, 0.02); @@ -176,13 +195,14 @@ $asset_suffix: if($variant == 'default', '', '-hc'); } + // Calendar .raven-calendar { border:none; padding: 2px; border-bottom:1px solid $borders_color; } - + // Session Buttons .powerstrip { background-color: transparent; border: none; diff --git a/Paper/gtk-3.18/gtk-dark.css b/Paper/gtk-3.18/gtk-dark.css index 382e672..99cd90f 100644 --- a/Paper/gtk-3.18/gtk-dark.css +++ b/Paper/gtk-3.18/gtk-dark.css @@ -4919,6 +4919,54 @@ treeview.view header button:active { border-left: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid #449ac2; } +.top .budgie-panel { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.top .raven-frame { + border-bottom: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.bottom .raven-frame { + border-top: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.left .raven-frame { + border-right: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.right .raven-frame { + border-left: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); } + .budgie-container { background-image: none; background-color: transparent; } @@ -4939,72 +4987,35 @@ treeview.view header button:active { color: inherit; } .budgie-panel { - font: bold; - font-size: 100%; color: #cfd8dc; background-color: #263238; } .budgie-panel:backdrop { color: #cfd8dc; background-color: #263238; } + .budgie-panel BudgieMenuApplet { + font: bold; } + .budgie-panel BudgieMenuApplet .label { + color: #cfd8dc; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); } + .budgie-panel ClockApplet { + font: monospace bold; + font-size: 90%; } + .budgie-panel ClockApplet .label { + color: #cfd8dc; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); } .budgie-panel WnckTasklist .button, .budgie-panel WnckTasklist .button:backdrop { border-radius: 0; } .budgie-panel .launcher { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-left: 2px; padding-right: 2px; border-color: rgba(38, 50, 56, 0); } .budgie-panel .launcher:hover { -gtk-image-effect: highlight; } -.top .budgie-panel { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.top .raven-frame { - border-bottom: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.top .shadow-block { - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); } - -.bottom .budgie-panel { - border-top: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.bottom .raven-frame { - border-top: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.bottom .shadow-block { - background-color: transparent; - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); } - -.left .budgie-panel { - border-right: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.left .raven-frame { - border-right: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.left .shadow-block { - background-color: transparent; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); } - -.right .budgie-panel { - border-left: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.right .raven-frame { - border-left: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.right .shadow-block { - background-color: transparent; - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); } - .raven { + border: none; color: #cfd8dc; background-color: rgba(55, 71, 79, 0.98); } .raven .raven-header { diff --git a/Paper/gtk-3.18/gtk.css b/Paper/gtk-3.18/gtk.css index f41ca0c..5b4b1e2 100644 --- a/Paper/gtk-3.18/gtk.css +++ b/Paper/gtk-3.18/gtk.css @@ -4934,6 +4934,54 @@ treeview.view header button:active { border-left: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid #347D9F; } +.top .budgie-panel { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.top .raven-frame { + border-bottom: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.bottom .raven-frame { + border-top: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.left .raven-frame { + border-right: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.right .raven-frame { + border-left: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); } + .budgie-container { background-image: none; background-color: transparent; } @@ -4954,72 +5002,35 @@ treeview.view header button:active { color: inherit; } .budgie-panel { - font: bold; - font-size: 100%; color: #cfd8dc; background-color: #263238; } .budgie-panel:backdrop { color: #cfd8dc; background-color: #263238; } + .budgie-panel BudgieMenuApplet { + font: bold; } + .budgie-panel BudgieMenuApplet .label { + color: #cfd8dc; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); } + .budgie-panel ClockApplet { + font: monospace bold; + font-size: 90%; } + .budgie-panel ClockApplet .label { + color: #cfd8dc; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); } .budgie-panel WnckTasklist .button, .budgie-panel WnckTasklist .button:backdrop { border-radius: 0; } .budgie-panel .launcher { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-left: 2px; padding-right: 2px; border-color: rgba(38, 50, 56, 0); } .budgie-panel .launcher:hover { -gtk-image-effect: highlight; } -.top .budgie-panel { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.top .raven-frame { - border-bottom: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.top .shadow-block { - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); } - -.bottom .budgie-panel { - border-top: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.bottom .raven-frame { - border-top: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.bottom .shadow-block { - background-color: transparent; - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); } - -.left .budgie-panel { - border-right: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.left .raven-frame { - border-right: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.left .shadow-block { - background-color: transparent; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); } - -.right .budgie-panel { - border-left: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.right .raven-frame { - border-left: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.right .shadow-block { - background-color: transparent; - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); } - .raven { + border: none; color: #444; background-color: rgba(247, 247, 247, 0.98); } .raven .raven-header { diff --git a/Paper/gtk-3.20/apps/_budgie.scss b/Paper/gtk-3.20/apps/_budgie.scss index 8d1fd34..23fbdcb 100644 --- a/Paper/gtk-3.20/apps/_budgie.scss +++ b/Paper/gtk-3.20/apps/_budgie.scss @@ -39,6 +39,31 @@ $asset_suffix: if($variant == 'default', '', '-hc'); } } +// Positional Styles +@each $pos, $b_pos in $pos_list { + + // Panel borders + .#{$pos} .budgie-panel { + border-#{$b_pos}: 1px solid transparentize(black,0.8); + box-shadow:inset 0 1px 0 0 transparentize(white,0.9); + } + + // Raven borders + .#{$pos} .raven-frame { + border-#{$b_pos}: 1px solid transparentize(black, 0.2); + box-shadow:inset 0 0 0 1px transparentize(white, 0.7); + } + + // Shadows + .#{$pos} .shadow-block { + background-color: transparent; + background-image: linear-gradient(to $b_pos, + $shadow_color, + transparent, + transparent); + } +} + // Budgie .budgie-container { background-image: none; @@ -66,16 +91,34 @@ $asset_suffix: if($variant == 'default', '', '-hc'); // Panel .budgie-panel { - font: bold; - font-size: 100%; color: $budgie_panel_fg_color; background-color: $budgie_panel_bg_color; + // this is the actual style for some reason &:backdrop { color: $budgie_panel_fg_color; background-color: $budgie_panel_bg_color; } + // Menu + BudgieMenuApplet { + font: bold; + .label { + color: $budgie_panel_fg_color; + text-shadow: 0 1px $shadow_color; + } + } + + // Clock + ClockApplet { + font: monospace bold; + font-size: 90%; + .label { + color: $budgie_panel_fg_color; + text-shadow: 0 1px $shadow_color; + } + } + // Tasklist WnckTasklist { .button, @@ -84,7 +127,7 @@ $asset_suffix: if($variant == 'default', '', '-hc'); border-radius: 0; @if $variant == 'default' { - // &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); } + &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); } background: none; background-clip: padding-box; border: none; @@ -96,7 +139,7 @@ $asset_suffix: if($variant == 'default', '', '-hc'); // Icon Tasklist .launcher { - // transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-left: 2px; padding-right: 2px; border-color: transparentize($budgie_panel_bg_color, 1.0); // fixes the transition @@ -117,34 +160,10 @@ $asset_suffix: if($variant == 'default', '', '-hc'); } } - - -@each $pos, $b_pos in $pos_list { - - // Panel borders - .#{$pos} .budgie-panel { - border-#{$b_pos}: 1px solid transparentize(black,0.8); - box-shadow:none; - } - - // Raven borders - .#{$pos} .raven-frame { - border-#{$b_pos}: 1px solid transparentize(black, 0.2); - box-shadow:inset 0 0 0 1px transparentize(white, 0.7); - } - - // Shadows - .#{$pos} .shadow-block { - background-color: transparent; - background-image: linear-gradient(to $b_pos, - $shadow_color, - transparent); - } -} - // Raven .raven { + border:none; color: $fg_color; background-color: transparentize($bg_color, 0.02); @@ -176,13 +195,14 @@ $asset_suffix: if($variant == 'default', '', '-hc'); } + // Calendar .raven-calendar { border:none; padding: 2px; border-bottom:1px solid $borders_color; } - + // Session Buttons .powerstrip { background-color: transparent; border: none; diff --git a/Paper/gtk-3.20/gtk-dark.css b/Paper/gtk-3.20/gtk-dark.css index fbf4f71..8e1ca04 100644 --- a/Paper/gtk-3.20/gtk-dark.css +++ b/Paper/gtk-3.20/gtk-dark.css @@ -6216,12 +6216,60 @@ decoration { border-left: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid #449ac2; } +.top .budgie-panel { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.top .raven-frame { + border-bottom: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.bottom .raven-frame { + border-top: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.left .raven-frame { + border-right: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.right .raven-frame { + border-left: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); } + .budgie-container { - border: none; - box-shadow: none; - background: transparent; - font-size: 100%; - transition: 170ms ease-out; } + background-image: none; + background-color: transparent; } + .budgie-container:backdrop { + background-image: none; + background-color: transparent; } .budgie-menu GtkSearchEntry.entry:not(:selected) { border: none; @@ -6236,95 +6284,60 @@ decoration { color: inherit; } .budgie-panel { - font: bold; - font-size: 100%; color: #cfd8dc; background-color: #263238; } .budgie-panel:backdrop { color: #cfd8dc; background-color: #263238; } + .budgie-panel BudgieMenuApplet { + font: bold; } + .budgie-panel BudgieMenuApplet .label { + color: #cfd8dc; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); } + .budgie-panel ClockApplet { + font: monospace bold; + font-size: 90%; } + .budgie-panel ClockApplet .label { + color: #cfd8dc; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); } .budgie-panel WnckTasklist .button, .budgie-panel WnckTasklist .button:backdrop { border-radius: 0; } .budgie-panel .launcher { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-left: 2px; padding-right: 2px; border-color: rgba(38, 50, 56, 0); } .budgie-panel .launcher:hover { -gtk-image-effect: highlight; } -.top .budgie-panel { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.top .raven-frame { - border-bottom: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.top .shadow-block { - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); } - -.bottom .budgie-panel { - border-top: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.bottom .raven-frame { - border-top: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.bottom .shadow-block { - background-color: transparent; - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); } - -.left .budgie-panel { - border-right: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.left .raven-frame { - border-right: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.left .shadow-block { - background-color: transparent; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); } - -.right .budgie-panel { - border-left: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.right .raven-frame { - border-left: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.right .shadow-block { - background-color: transparent; - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); } - .raven { + border: none; color: #cfd8dc; - background-color: rgba(55, 71, 79, 0.98); - transition: 170ms ease-out; } + background-color: rgba(55, 71, 79, 0.98); } .raven .raven-header { font: bold; text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); background-color: #37474f; color: #cfd8dc; - border-top: 1px solid #222c31; - border-bottom: 1px solid #222c31; + border: solid #222c31; + border-width: 1px 0 1px 0; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .raven .raven-header.top { border-top-style: none; } .raven .raven-header.bottom { border-bottom-style: none; } - .raven .raven-header > .button { - font: normal; } .raven .raven-background { - background-color: rgba(55, 71, 79, 0.98); + background-color: #455a64; border-bottom: 1px solid #222c31; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .raven .raven-background.middle { border-bottom-style: none; } + .raven .raven-calendar { + border: none; + padding: 2px; + border-bottom: 1px solid #222c31; } .raven .powerstrip { background-color: transparent; border: none; @@ -6337,31 +6350,37 @@ decoration { box-shadow: 0 1px rgba(255, 255, 255, 0.1); font-size: 100%; } .raven .powerstrip .button:hover { - background: rgba(0, 0, 0, 0.1); - border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2); transition: 170ms ease all; } + .raven .powerstrip .button:active { + box-shadow: 0 1px rgba(255, 255, 255, 0.1); + transition: 170ms ease all; } .raven .option-subtitle { font-size: smaller; } .raven-mpris { + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); color: #cfd8dc; background-color: rgba(38, 50, 56, 0.8); border: solid rgba(0, 0, 0, 0.2); - border-width: 1px 0; } + border-width: 1px 0; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .raven-mpris .button.image-button { padding: 8px; } .budgie-notification-window { - border-radius: 1px; } + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 4px; + background-color: #37474f; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } -.budgie-notification.background { - background-color: white; - border-radius: 4px; } .budgie-notification .notification-title { font-size: 110%; color: #cfd8dc; } .budgie-notification .notification-body { + border: none; color: rgba(207, 216, 220, 0.7); } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog { diff --git a/Paper/gtk-3.20/gtk.css b/Paper/gtk-3.20/gtk.css index e7f4198..99f5d37 100644 --- a/Paper/gtk-3.20/gtk.css +++ b/Paper/gtk-3.20/gtk.css @@ -6242,12 +6242,60 @@ decoration { border-left: 2px solid rgba(0, 0, 0, 0.2); border-right: 2px solid #347D9F; } +.top .budgie-panel { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.top .raven-frame { + border-bottom: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.top .shadow-block { + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.bottom .budgie-panel { + border-top: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.bottom .raven-frame { + border-top: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.bottom .shadow-block { + background-color: transparent; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.left .budgie-panel { + border-right: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.left .raven-frame { + border-right: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.left .shadow-block { + background-color: transparent; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent, transparent); } + +.right .budgie-panel { + border-left: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } + +.right .raven-frame { + border-left: 1px solid rgba(0, 0, 0, 0.8); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.right .shadow-block { + background-color: transparent; + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent, transparent); } + .budgie-container { - border: none; - box-shadow: none; - background: transparent; - font-size: 100%; - transition: 170ms ease-out; } + background-image: none; + background-color: transparent; } + .budgie-container:backdrop { + background-image: none; + background-color: transparent; } .budgie-menu GtkSearchEntry.entry:not(:selected) { border: none; @@ -6262,95 +6310,60 @@ decoration { color: inherit; } .budgie-panel { - font: bold; - font-size: 100%; color: #cfd8dc; background-color: #263238; } .budgie-panel:backdrop { color: #cfd8dc; background-color: #263238; } + .budgie-panel BudgieMenuApplet { + font: bold; } + .budgie-panel BudgieMenuApplet .label { + color: #cfd8dc; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); } + .budgie-panel ClockApplet { + font: monospace bold; + font-size: 90%; } + .budgie-panel ClockApplet .label { + color: #cfd8dc; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); } .budgie-panel WnckTasklist .button, .budgie-panel WnckTasklist .button:backdrop { border-radius: 0; } .budgie-panel .launcher { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-left: 2px; padding-right: 2px; border-color: rgba(38, 50, 56, 0); } .budgie-panel .launcher:hover { -gtk-image-effect: highlight; } -.top .budgie-panel { - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.top .raven-frame { - border-bottom: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.top .shadow-block { - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); } - -.bottom .budgie-panel { - border-top: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.bottom .raven-frame { - border-top: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.bottom .shadow-block { - background-color: transparent; - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent); } - -.left .budgie-panel { - border-right: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.left .raven-frame { - border-right: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.left .shadow-block { - background-color: transparent; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent); } - -.right .budgie-panel { - border-left: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; } - -.right .raven-frame { - border-left: 1px solid rgba(0, 0, 0, 0.8); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } - -.right .shadow-block { - background-color: transparent; - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent); } - .raven { + border: none; color: #444; - background-color: rgba(247, 247, 247, 0.98); - transition: 170ms ease-out; } + background-color: rgba(247, 247, 247, 0.98); } .raven .raven-header { font: bold; text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); background-color: #f7f7f7; color: #444; - border-top: 1px solid #d1d1d1; - border-bottom: 1px solid #d1d1d1; + border: solid #d1d1d1; + border-width: 1px 0 1px 0; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .raven .raven-header.top { border-top-style: none; } .raven .raven-header.bottom { border-bottom-style: none; } - .raven .raven-header > .button { - font: normal; } .raven .raven-background { - background-color: rgba(247, 247, 247, 0.98); + background-color: #ffffff; border-bottom: 1px solid #d1d1d1; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .raven .raven-background.middle { border-bottom-style: none; } + .raven .raven-calendar { + border: none; + padding: 2px; + border-bottom: 1px solid #d1d1d1; } .raven .powerstrip { background-color: transparent; border: none; @@ -6363,31 +6376,37 @@ decoration { box-shadow: 0 1px rgba(255, 255, 255, 0.1); font-size: 100%; } .raven .powerstrip .button:hover { - background: rgba(0, 0, 0, 0.1); - border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2); transition: 170ms ease all; } + .raven .powerstrip .button:active { + box-shadow: 0 1px rgba(255, 255, 255, 0.1); + transition: 170ms ease all; } .raven .option-subtitle { font-size: smaller; } .raven-mpris { + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); color: #cfd8dc; background-color: rgba(38, 50, 56, 0.8); border: solid rgba(0, 0, 0, 0.2); - border-width: 1px 0; } + border-width: 1px 0; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(255, 255, 255, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.1); } .raven-mpris .button.image-button { padding: 8px; } .budgie-notification-window { - border-radius: 1px; } + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 4px; + background-color: #f7f7f7; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } -.budgie-notification.background { - background-color: white; - border-radius: 4px; } .budgie-notification .notification-title { font-size: 110%; color: #444; } .budgie-notification .notification-body { + border: none; color: rgba(207, 216, 220, 0.7); } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {