refinements

This commit is contained in:
Sam Hewitt 2016-05-24 11:58:40 -04:00
parent 6831599d35
commit 04b94a1c32
7 changed files with 340 additions and 148 deletions

View File

@ -147,35 +147,37 @@ $asset_suffix: if($variant == 'default', '', '-hc');
&:hover { -gtk-image-effect: highlight; }
}
.pinned,
.unpinned {
.launcher {
@extend %underscores;
}
}
.pinned {
.launcher,
.launcher.running {
@extend %underscores;
}
}
}
}
// Raven
.raven {
border:none;
color: $fg_color;
background-color: transparentize($bg_color, 0.02);
transition: 170ms ease-out;
.raven-header {
padding: 4px;
font: bold;
text-shadow: 0 1px $shadow_color;
icon-shadow: 0 1px $shadow_color;
background-color: $bg_color;
background-image: linear-gradient(to bottom,
lighten($bg_color, 5%),
$bg_color);
color: $fg_color;
border: solid $borders_color;
border-width: 1px 0 1px 0;
box-shadow:inset 0 1px 0 0 transparentize(white,0.9),inset 0 -1px 0 0 transparentize(white,0.95), 0 1px 1px 0 transparentize(black,0.9);
box-shadow:inset 0 1px 0 0 transparentize(white,0.9),
inset 0 -1px 0 0 transparentize(white,0.95),
0 1px 2px 0 $shadow_color;
&.top { border-top-style: none; }
&.bottom { border-bottom-style: none; }
@ -199,8 +201,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
.raven-background {
background-color: $base_color;
border-bottom: 1px solid $borders_color;
box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
box-shadow:inset 0 1px 1px 0 $shadow_color;
&.middle { border-bottom-style: none; } // applet background between two headers
}
@ -215,6 +216,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Session Buttons
.powerstrip {
background-color: transparent;
background-image:none;
border: none;
box-shadow:none;
}
@ -222,7 +224,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
.powerstrip .button {
border-radius:50%;
padding: 12px;
background: transparentize(black,0.9);
background: darken($bg_color,2%);
border: 1px solid transparentize(black,0.8);
box-shadow: 0 1px transparentize(white,0.9);
font-size: 100%;
@ -251,23 +253,27 @@ $asset_suffix: if($variant == 'default', '', '-hc');
background-color: transparentize($budgie_panel_bg_color, 0.2);
border: solid transparentize(black, 0.8);
border-width: 1px 0;
box-shadow:inset 0 1px 0 0 transparentize(white,0.9),inset 0 -1px 0 0 transparentize(white,0.95), 0 1px 1px 0 transparentize(black,0.9);
box-shadow:inset 0 1px 0 0 transparentize(white,0.9),
inset 0 -1px 0 0 transparentize(white,0.95),
0 1px 1px 0 transparentize(black,0.9);
.button.image-button { padding: 8px; }
}
// Notifications
.budgie-notification-window {
border-radius: 4px;
border:none;
border-top: 1px solid transparentize(white,0.9);
border-radius: 4px;
background-color: $bg_color;
box-shadow: 0 2px 2px 0 $shadow_color;
box-shadow: 0 2px 2px 0 $shadow_color, 0 0 0 1px $shadow_color;
}
.budgie-notification {
&.background {
border-radius: 4px;
padding: 4px;
}
.notification-title {
@ -281,17 +287,16 @@ $asset_suffix: if($variant == 'default', '', '-hc');
}
}
.drop-shadow {
box-shadow: 0 1px 1px 0 $shadow_color;
}
// Session Dialog
.budgie-session-dialog {
padding:12px;
border-radius: 4px;
border:none;
border-top: 1px solid transparentize(white,0.9);
&.background { @extend .drop-shadow; }
&.background {
padding:12px;
box-shadow: 0 1px 1px 0 $shadow_color, 0 0 0 1px $shadow_color;
}
.linked.horizontal > .button {
border-bottom: none;

View File

@ -4229,8 +4229,8 @@ spinner {
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 24px;
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
font: 1;
font-weight: bold;
outline-offset: -4px;
@ -4866,56 +4866,91 @@ treeview.view header button:active {
/*********
* Budgie *
**********/
.budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover {
.budgie-panel .pinned .launcher:hover,
.budgie-panel .unpinned .launcher:hover {
background-color: rgba(0, 0, 0, 0.1); }
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
.budgie-panel .pinned .launcher:active,
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher:checked,
.budgie-panel .unpinned .launcher:checked {
background-color: rgba(0, 0, 0, 0.2); }
.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
.top .budgie-panel .pinned .launcher, .budgie-panel .pinned .top .launcher,
.top .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .top .launcher {
border-bottom: 2px solid rgba(38, 50, 56, 0);
border-top: 2px solid rgba(38, 50, 56, 0); }
.top .budgie-panel .unpinned .launcher,
.top .budgie-panel .pinned .launcher.running {
border-top: 2px solid rgba(68, 154, 194, 0.5); }
.top .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .top .launcher:hover, .top .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .top .launcher.running:hover {
.top .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .top .launcher:hover,
.top .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .top .launcher:hover {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
border-top: 2px solid rgba(68, 154, 194, 0.5); }
.top .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .top .launcher.running:active, .top .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .top .launcher:checked, .top .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .top .launcher.running:checked {
.top .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .top .launcher:active,
.top .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .top .launcher:checked,
.top .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .top .launcher:checked {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
border-top: 2px solid #449ac2; }
.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
.bottom .budgie-panel .pinned .launcher, .budgie-panel .pinned .bottom .launcher,
.bottom .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .bottom .launcher {
border-top: 2px solid rgba(38, 50, 56, 0);
border-bottom: 2px solid rgba(38, 50, 56, 0); }
.bottom .budgie-panel .unpinned .launcher,
.bottom .budgie-panel .pinned .launcher.running {
border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
.bottom .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .bottom .launcher:hover, .bottom .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .bottom .launcher.running:hover {
.bottom .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .bottom .launcher:hover,
.bottom .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .bottom .launcher:hover {
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
.bottom .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .bottom .launcher.running:active, .bottom .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .bottom .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .bottom .launcher.running:checked {
.bottom .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .bottom .launcher:active,
.bottom .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .bottom .launcher:checked,
.bottom .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .bottom .launcher:checked {
border-top: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid #449ac2; }
.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
.left .budgie-panel .pinned .launcher, .budgie-panel .pinned .left .launcher,
.left .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .left .launcher {
border-right: 2px solid rgba(38, 50, 56, 0);
border-left: 2px solid rgba(38, 50, 56, 0); }
.left .budgie-panel .unpinned .launcher,
.left .budgie-panel .pinned .launcher.running {
border-left: 2px solid rgba(68, 154, 194, 0.5); }
.left .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .left .launcher:hover, .left .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .left .launcher.running:hover {
.left .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .left .launcher:hover,
.left .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .left .launcher:hover {
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-left: 2px solid rgba(68, 154, 194, 0.5); }
.left .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .left .launcher.running:active, .left .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .left .launcher:checked, .left .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .left .launcher.running:checked {
.left .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .left .launcher:active,
.left .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .left .launcher:checked,
.left .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .left .launcher:checked {
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-left: 2px solid #449ac2; }
.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
.right .budgie-panel .pinned .launcher, .budgie-panel .pinned .right .launcher,
.right .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .right .launcher {
border-left: 2px solid rgba(38, 50, 56, 0);
border-right: 2px solid rgba(38, 50, 56, 0); }
.right .budgie-panel .unpinned .launcher,
.right .budgie-panel .pinned .launcher.running {
border-right: 2px solid rgba(68, 154, 194, 0.5); }
.right .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .right .launcher:hover, .right .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .right .launcher.running:hover {
.right .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .right .launcher:hover,
.right .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .right .launcher:hover {
border-left: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(68, 154, 194, 0.5); }
.right .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .right .launcher.running:active, .right .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .right .launcher:checked, .right .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .right .launcher.running:checked {
.right .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .right .launcher:active,
.right .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .right .launcher:checked,
.right .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .right .launcher:checked {
border-left: 2px solid rgba(0, 0, 0, 0.2);
border-right: 2px solid #449ac2; }
@ -5015,18 +5050,20 @@ treeview.view header button:active {
-gtk-image-effect: highlight; }
.raven {
border: none;
color: #cfd8dc;
background-color: rgba(55, 71, 79, 0.98); }
background-color: rgba(55, 71, 79, 0.98);
transition: 170ms ease-out; }
.raven .raven-header {
padding: 4px;
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;
background-image: linear-gradient(to bottom, #41555e, #37474f);
color: #cfd8dc;
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); }
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 2px 0 rgba(0, 0, 0, 0.2); }
.raven .raven-header.top {
border-top-style: none; }
.raven .raven-header.bottom {
@ -5040,7 +5077,7 @@ treeview.view header button:active {
.raven .raven-background {
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); }
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.raven .raven-background.middle {
border-bottom-style: none; }
.raven .raven-calendar {
@ -5049,12 +5086,13 @@ treeview.view header button:active {
border-bottom: 1px solid #222c31; }
.raven .powerstrip {
background-color: transparent;
background-image: none;
border: none;
box-shadow: none; }
.raven .powerstrip .button {
border-radius: 50%;
padding: 12px;
background: rgba(0, 0, 0, 0.1);
background: #334249;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
font-size: 100%; }
@ -5079,12 +5117,15 @@ treeview.view header button:active {
padding: 8px; }
.budgie-notification-window {
border-radius: 4px;
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); }
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
.budgie-notification.background {
border-radius: 4px;
padding: 4px; }
.budgie-notification .notification-title {
font-size: 110%;
color: #cfd8dc; }
@ -5092,14 +5133,13 @@ treeview.view header button:active {
border: none;
color: rgba(207, 216, 220, 0.7); }
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.budgie-session-dialog, .budgie-polkit-dialog {
padding: 12px;
border-radius: 4px;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.budgie-session-dialog.background, .background.budgie-polkit-dialog {
padding: 12px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
.budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
border-bottom: none;
border-radius: 0; }

View File

@ -4238,8 +4238,8 @@ spinner {
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 24px;
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
font: 1;
font-weight: bold;
outline-offset: -4px;
@ -4881,56 +4881,91 @@ treeview.view header button:active {
/*********
* Budgie *
**********/
.budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover {
.budgie-panel .pinned .launcher:hover,
.budgie-panel .unpinned .launcher:hover {
background-color: rgba(0, 0, 0, 0.1); }
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
.budgie-panel .pinned .launcher:active,
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher:checked,
.budgie-panel .unpinned .launcher:checked {
background-color: rgba(0, 0, 0, 0.2); }
.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
.top .budgie-panel .pinned .launcher, .budgie-panel .pinned .top .launcher,
.top .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .top .launcher {
border-bottom: 2px solid rgba(38, 50, 56, 0);
border-top: 2px solid rgba(38, 50, 56, 0); }
.top .budgie-panel .unpinned .launcher,
.top .budgie-panel .pinned .launcher.running {
border-top: 2px solid rgba(52, 125, 159, 0.5); }
.top .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .top .launcher:hover, .top .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .top .launcher.running:hover {
.top .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .top .launcher:hover,
.top .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .top .launcher:hover {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
border-top: 2px solid rgba(52, 125, 159, 0.5); }
.top .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .top .launcher.running:active, .top .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .top .launcher:checked, .top .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .top .launcher.running:checked {
.top .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .top .launcher:active,
.top .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .top .launcher:checked,
.top .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .top .launcher:checked {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
border-top: 2px solid #347D9F; }
.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
.bottom .budgie-panel .pinned .launcher, .budgie-panel .pinned .bottom .launcher,
.bottom .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .bottom .launcher {
border-top: 2px solid rgba(38, 50, 56, 0);
border-bottom: 2px solid rgba(38, 50, 56, 0); }
.bottom .budgie-panel .unpinned .launcher,
.bottom .budgie-panel .pinned .launcher.running {
border-bottom: 2px solid rgba(52, 125, 159, 0.5); }
.bottom .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .bottom .launcher:hover, .bottom .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .bottom .launcher.running:hover {
.bottom .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .bottom .launcher:hover,
.bottom .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .bottom .launcher:hover {
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(52, 125, 159, 0.5); }
.bottom .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .bottom .launcher.running:active, .bottom .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .bottom .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .bottom .launcher.running:checked {
.bottom .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .bottom .launcher:active,
.bottom .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .bottom .launcher:checked,
.bottom .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .bottom .launcher:checked {
border-top: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid #347D9F; }
.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
.left .budgie-panel .pinned .launcher, .budgie-panel .pinned .left .launcher,
.left .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .left .launcher {
border-right: 2px solid rgba(38, 50, 56, 0);
border-left: 2px solid rgba(38, 50, 56, 0); }
.left .budgie-panel .unpinned .launcher,
.left .budgie-panel .pinned .launcher.running {
border-left: 2px solid rgba(52, 125, 159, 0.5); }
.left .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .left .launcher:hover, .left .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .left .launcher.running:hover {
.left .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .left .launcher:hover,
.left .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .left .launcher:hover {
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-left: 2px solid rgba(52, 125, 159, 0.5); }
.left .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .left .launcher.running:active, .left .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .left .launcher:checked, .left .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .left .launcher.running:checked {
.left .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .left .launcher:active,
.left .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .left .launcher:checked,
.left .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .left .launcher:checked {
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-left: 2px solid #347D9F; }
.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
.right .budgie-panel .pinned .launcher, .budgie-panel .pinned .right .launcher,
.right .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .right .launcher {
border-left: 2px solid rgba(38, 50, 56, 0);
border-right: 2px solid rgba(38, 50, 56, 0); }
.right .budgie-panel .unpinned .launcher,
.right .budgie-panel .pinned .launcher.running {
border-right: 2px solid rgba(52, 125, 159, 0.5); }
.right .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .right .launcher:hover, .right .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .right .launcher.running:hover {
.right .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .right .launcher:hover,
.right .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .right .launcher:hover {
border-left: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(52, 125, 159, 0.5); }
.right .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .right .launcher.running:active, .right .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .right .launcher:checked, .right .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .right .launcher.running:checked {
.right .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .right .launcher:active,
.right .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .right .launcher:checked,
.right .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .right .launcher:checked {
border-left: 2px solid rgba(0, 0, 0, 0.2);
border-right: 2px solid #347D9F; }
@ -5030,18 +5065,20 @@ treeview.view header button:active {
-gtk-image-effect: highlight; }
.raven {
border: none;
color: #444;
background-color: rgba(247, 247, 247, 0.98); }
background-color: rgba(247, 247, 247, 0.98);
transition: 170ms ease-out; }
.raven .raven-header {
padding: 4px;
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;
background-image: linear-gradient(to bottom, white, #f7f7f7);
color: #444;
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); }
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 2px 0 rgba(0, 0, 0, 0.2); }
.raven .raven-header.top {
border-top-style: none; }
.raven .raven-header.bottom {
@ -5055,7 +5092,7 @@ treeview.view header button:active {
.raven .raven-background {
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); }
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.raven .raven-background.middle {
border-bottom-style: none; }
.raven .raven-calendar {
@ -5064,12 +5101,13 @@ treeview.view header button:active {
border-bottom: 1px solid #d1d1d1; }
.raven .powerstrip {
background-color: transparent;
background-image: none;
border: none;
box-shadow: none; }
.raven .powerstrip .button {
border-radius: 50%;
padding: 12px;
background: rgba(0, 0, 0, 0.1);
background: #f2f2f2;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
font-size: 100%; }
@ -5094,12 +5132,15 @@ treeview.view header button:active {
padding: 8px; }
.budgie-notification-window {
border-radius: 4px;
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); }
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
.budgie-notification.background {
border-radius: 4px;
padding: 4px; }
.budgie-notification .notification-title {
font-size: 110%;
color: #444; }
@ -5107,14 +5148,13 @@ treeview.view header button:active {
border: none;
color: rgba(207, 216, 220, 0.7); }
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.budgie-session-dialog, .budgie-polkit-dialog {
padding: 12px;
border-radius: 4px;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.budgie-session-dialog.background, .background.budgie-polkit-dialog {
padding: 12px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
.budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
border-bottom: none;
border-radius: 0; }

View File

@ -2,8 +2,8 @@
* Switch *
**********/
GtkSwitch {
-GtkSwitch-slider-width: 24px;
-GtkSwitch-slider-height: 24px;
-GtkSwitch-slider-width: 20px;
-GtkSwitch-slider-height: 20px;
font: 1;
font-weight: bold;

View File

@ -147,39 +147,51 @@ $asset_suffix: if($variant == 'default', '', '-hc');
&:hover { -gtk-image-effect: highlight; }
}
.pinned,
.unpinned {
.launcher {
@extend %underscores;
}
}
.pinned {
.launcher,
.launcher.running {
@extend %underscores;
}
}
}
}
// Raven
.raven {
border:none;
color: $fg_color;
background-color: transparentize($bg_color, 0.02);
transition: 170ms ease-out;
.raven-header {
padding: 4px;
font: bold;
text-shadow: 0 1px $shadow_color;
icon-shadow: 0 1px $shadow_color;
background-color: $bg_color;
background-image: linear-gradient(to bottom,
lighten($bg_color, 5%),
$bg_color);
color: $fg_color;
border: solid $borders_color;
border-width: 1px 0 1px 0;
box-shadow:inset 0 1px 0 0 transparentize(white,0.9),inset 0 -1px 0 0 transparentize(white,0.95), 0 1px 1px 0 transparentize(black,0.9);
box-shadow:inset 0 1px 0 0 transparentize(white,0.9),
inset 0 -1px 0 0 transparentize(white,0.95),
0 1px 2px 0 $shadow_color;
&.top { border-top-style: none; }
&.bottom { border-bottom-style: none; }
switch {
-GtkSwitch-slider-width: 16px;
-GtkSwitch-slider-height: 16px;
border-radius: 12px;
.slider {
border-radius: 8px;
}
}
}
@if $variant=='default' {
@ -189,8 +201,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
.raven-background {
background-color: $base_color;
border-bottom: 1px solid $borders_color;
box-shadow:inset 0 1px 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
box-shadow:inset 0 1px 1px 0 $shadow_color;
&.middle { border-bottom-style: none; } // applet background between two headers
}
@ -205,6 +216,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Session Buttons
.powerstrip {
background-color: transparent;
background-image:none;
border: none;
box-shadow:none;
}
@ -212,7 +224,7 @@ $asset_suffix: if($variant == 'default', '', '-hc');
.powerstrip .button {
border-radius:50%;
padding: 12px;
background: transparentize(black,0.9);
background: darken($bg_color,2%);
border: 1px solid transparentize(black,0.8);
box-shadow: 0 1px transparentize(white,0.9);
font-size: 100%;
@ -241,23 +253,27 @@ $asset_suffix: if($variant == 'default', '', '-hc');
background-color: transparentize($budgie_panel_bg_color, 0.2);
border: solid transparentize(black, 0.8);
border-width: 1px 0;
box-shadow:inset 0 1px 0 0 transparentize(white,0.9),inset 0 -1px 0 0 transparentize(white,0.95), 0 1px 1px 0 transparentize(black,0.9);
box-shadow:inset 0 1px 0 0 transparentize(white,0.9),
inset 0 -1px 0 0 transparentize(white,0.95),
0 1px 1px 0 transparentize(black,0.9);
.button.image-button { padding: 8px; }
}
// Notifications
.budgie-notification-window {
border-radius: 4px;
border:none;
border-top: 1px solid transparentize(white,0.9);
border-radius: 4px;
background-color: $bg_color;
box-shadow: 0 2px 2px 0 $shadow_color;
box-shadow: 0 2px 2px 0 $shadow_color, 0 0 0 1px $shadow_color;
}
.budgie-notification {
&.background {
border-radius: 4px;
padding: 4px;
}
.notification-title {
@ -271,17 +287,16 @@ $asset_suffix: if($variant == 'default', '', '-hc');
}
}
.drop-shadow {
box-shadow: 0 1px 1px 0 $shadow_color;
}
// Session Dialog
.budgie-session-dialog {
padding:12px;
border-radius: 4px;
border:none;
border-top: 1px solid transparentize(white,0.9);
&.background { @extend .drop-shadow; }
&.background {
padding:12px;
box-shadow: 0 1px 1px 0 $shadow_color, 0 0 0 1px $shadow_color;
}
.linked.horizontal > .button {
border-bottom: none;

View File

@ -6163,56 +6163,91 @@ decoration {
/*********
* Budgie *
**********/
.budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover {
.budgie-panel .pinned .launcher:hover,
.budgie-panel .unpinned .launcher:hover {
background-color: rgba(0, 0, 0, 0.1); }
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
.budgie-panel .pinned .launcher:active,
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher:checked,
.budgie-panel .unpinned .launcher:checked {
background-color: rgba(0, 0, 0, 0.2); }
.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
.top .budgie-panel .pinned .launcher, .budgie-panel .pinned .top .launcher,
.top .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .top .launcher {
border-bottom: 2px solid rgba(38, 50, 56, 0);
border-top: 2px solid rgba(38, 50, 56, 0); }
.top .budgie-panel .unpinned .launcher,
.top .budgie-panel .pinned .launcher.running {
border-top: 2px solid rgba(68, 154, 194, 0.5); }
.top .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .top .launcher:hover, .top .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .top .launcher.running:hover {
.top .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .top .launcher:hover,
.top .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .top .launcher:hover {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
border-top: 2px solid rgba(68, 154, 194, 0.5); }
.top .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .top .launcher.running:active, .top .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .top .launcher:checked, .top .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .top .launcher.running:checked {
.top .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .top .launcher:active,
.top .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .top .launcher:checked,
.top .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .top .launcher:checked {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
border-top: 2px solid #449ac2; }
.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
.bottom .budgie-panel .pinned .launcher, .budgie-panel .pinned .bottom .launcher,
.bottom .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .bottom .launcher {
border-top: 2px solid rgba(38, 50, 56, 0);
border-bottom: 2px solid rgba(38, 50, 56, 0); }
.bottom .budgie-panel .unpinned .launcher,
.bottom .budgie-panel .pinned .launcher.running {
border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
.bottom .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .bottom .launcher:hover, .bottom .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .bottom .launcher.running:hover {
.bottom .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .bottom .launcher:hover,
.bottom .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .bottom .launcher:hover {
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(68, 154, 194, 0.5); }
.bottom .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .bottom .launcher.running:active, .bottom .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .bottom .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .bottom .launcher.running:checked {
.bottom .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .bottom .launcher:active,
.bottom .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .bottom .launcher:checked,
.bottom .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .bottom .launcher:checked {
border-top: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid #449ac2; }
.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
.left .budgie-panel .pinned .launcher, .budgie-panel .pinned .left .launcher,
.left .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .left .launcher {
border-right: 2px solid rgba(38, 50, 56, 0);
border-left: 2px solid rgba(38, 50, 56, 0); }
.left .budgie-panel .unpinned .launcher,
.left .budgie-panel .pinned .launcher.running {
border-left: 2px solid rgba(68, 154, 194, 0.5); }
.left .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .left .launcher:hover, .left .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .left .launcher.running:hover {
.left .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .left .launcher:hover,
.left .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .left .launcher:hover {
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-left: 2px solid rgba(68, 154, 194, 0.5); }
.left .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .left .launcher.running:active, .left .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .left .launcher:checked, .left .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .left .launcher.running:checked {
.left .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .left .launcher:active,
.left .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .left .launcher:checked,
.left .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .left .launcher:checked {
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-left: 2px solid #449ac2; }
.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
.right .budgie-panel .pinned .launcher, .budgie-panel .pinned .right .launcher,
.right .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .right .launcher {
border-left: 2px solid rgba(38, 50, 56, 0);
border-right: 2px solid rgba(38, 50, 56, 0); }
.right .budgie-panel .unpinned .launcher,
.right .budgie-panel .pinned .launcher.running {
border-right: 2px solid rgba(68, 154, 194, 0.5); }
.right .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .right .launcher:hover, .right .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .right .launcher.running:hover {
.right .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .right .launcher:hover,
.right .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .right .launcher:hover {
border-left: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(68, 154, 194, 0.5); }
.right .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .right .launcher.running:active, .right .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .right .launcher:checked, .right .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .right .launcher.running:checked {
.right .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .right .launcher:active,
.right .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .right .launcher:checked,
.right .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .right .launcher:checked {
border-left: 2px solid rgba(0, 0, 0, 0.2);
border-right: 2px solid #449ac2; }
@ -6312,26 +6347,34 @@ decoration {
-gtk-image-effect: highlight; }
.raven {
border: none;
color: #cfd8dc;
background-color: rgba(55, 71, 79, 0.98); }
background-color: rgba(55, 71, 79, 0.98);
transition: 170ms ease-out; }
.raven .raven-header {
padding: 4px;
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;
background-image: linear-gradient(to bottom, #41555e, #37474f);
color: #cfd8dc;
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); }
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 2px 0 rgba(0, 0, 0, 0.2); }
.raven .raven-header.top {
border-top-style: none; }
.raven .raven-header.bottom {
border-bottom-style: none; }
.raven .raven-header switch {
-GtkSwitch-slider-width: 16px;
-GtkSwitch-slider-height: 16px;
border-radius: 12px; }
.raven .raven-header switch .slider {
border-radius: 8px; }
.raven .raven-background {
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); }
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.raven .raven-background.middle {
border-bottom-style: none; }
.raven .raven-calendar {
@ -6340,12 +6383,13 @@ decoration {
border-bottom: 1px solid #222c31; }
.raven .powerstrip {
background-color: transparent;
background-image: none;
border: none;
box-shadow: none; }
.raven .powerstrip .button {
border-radius: 50%;
padding: 12px;
background: rgba(0, 0, 0, 0.1);
background: #334249;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
font-size: 100%; }
@ -6370,12 +6414,15 @@ decoration {
padding: 8px; }
.budgie-notification-window {
border-radius: 4px;
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); }
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
.budgie-notification.background {
border-radius: 4px;
padding: 4px; }
.budgie-notification .notification-title {
font-size: 110%;
color: #cfd8dc; }
@ -6383,14 +6430,13 @@ decoration {
border: none;
color: rgba(207, 216, 220, 0.7); }
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.budgie-session-dialog, .budgie-polkit-dialog {
padding: 12px;
border-radius: 4px;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.budgie-session-dialog.background, .background.budgie-polkit-dialog {
padding: 12px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
.budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
border-bottom: none;
border-radius: 0; }

View File

@ -6189,56 +6189,91 @@ decoration {
/*********
* Budgie *
**********/
.budgie-panel .unpinned .launcher:hover, .budgie-panel .pinned .launcher.running:hover {
.budgie-panel .pinned .launcher:hover,
.budgie-panel .unpinned .launcher:hover {
background-color: rgba(0, 0, 0, 0.1); }
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher.running:active, .budgie-panel .unpinned .launcher:checked, .budgie-panel .pinned .launcher.running:checked {
.budgie-panel .pinned .launcher:active,
.budgie-panel .unpinned .launcher:active, .budgie-panel .pinned .launcher:checked,
.budgie-panel .unpinned .launcher:checked {
background-color: rgba(0, 0, 0, 0.2); }
.top .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .top .launcher, .top .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .top .launcher.running {
.top .budgie-panel .pinned .launcher, .budgie-panel .pinned .top .launcher,
.top .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .top .launcher {
border-bottom: 2px solid rgba(38, 50, 56, 0);
border-top: 2px solid rgba(38, 50, 56, 0); }
.top .budgie-panel .unpinned .launcher,
.top .budgie-panel .pinned .launcher.running {
border-top: 2px solid rgba(52, 125, 159, 0.5); }
.top .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .top .launcher:hover, .top .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .top .launcher.running:hover {
.top .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .top .launcher:hover,
.top .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .top .launcher:hover {
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
border-top: 2px solid rgba(52, 125, 159, 0.5); }
.top .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .top .launcher.running:active, .top .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .top .launcher:checked, .top .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .top .launcher.running:checked {
.top .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .top .launcher:active,
.top .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .top .launcher:active, .top .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .top .launcher:checked,
.top .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .top .launcher:checked {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
border-top: 2px solid #347D9F; }
.bottom .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .bottom .launcher, .bottom .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .bottom .launcher.running {
.bottom .budgie-panel .pinned .launcher, .budgie-panel .pinned .bottom .launcher,
.bottom .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .bottom .launcher {
border-top: 2px solid rgba(38, 50, 56, 0);
border-bottom: 2px solid rgba(38, 50, 56, 0); }
.bottom .budgie-panel .unpinned .launcher,
.bottom .budgie-panel .pinned .launcher.running {
border-bottom: 2px solid rgba(52, 125, 159, 0.5); }
.bottom .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .bottom .launcher:hover, .bottom .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .bottom .launcher.running:hover {
.bottom .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .bottom .launcher:hover,
.bottom .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .bottom .launcher:hover {
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(52, 125, 159, 0.5); }
.bottom .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .bottom .launcher.running:active, .bottom .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .bottom .launcher:checked, .bottom .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .bottom .launcher.running:checked {
.bottom .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .bottom .launcher:active,
.bottom .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .bottom .launcher:active, .bottom .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .bottom .launcher:checked,
.bottom .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .bottom .launcher:checked {
border-top: 2px solid rgba(0, 0, 0, 0.2);
border-bottom: 2px solid #347D9F; }
.left .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .left .launcher, .left .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .left .launcher.running {
.left .budgie-panel .pinned .launcher, .budgie-panel .pinned .left .launcher,
.left .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .left .launcher {
border-right: 2px solid rgba(38, 50, 56, 0);
border-left: 2px solid rgba(38, 50, 56, 0); }
.left .budgie-panel .unpinned .launcher,
.left .budgie-panel .pinned .launcher.running {
border-left: 2px solid rgba(52, 125, 159, 0.5); }
.left .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .left .launcher:hover, .left .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .left .launcher.running:hover {
.left .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .left .launcher:hover,
.left .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .left .launcher:hover {
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-left: 2px solid rgba(52, 125, 159, 0.5); }
.left .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .left .launcher.running:active, .left .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .left .launcher:checked, .left .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .left .launcher.running:checked {
.left .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .left .launcher:active,
.left .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .left .launcher:active, .left .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .left .launcher:checked,
.left .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .left .launcher:checked {
border-right: 2px solid rgba(0, 0, 0, 0.2);
border-left: 2px solid #347D9F; }
.right .budgie-panel .unpinned .launcher, .budgie-panel .unpinned .right .launcher, .right .budgie-panel .pinned .launcher.running, .budgie-panel .pinned .right .launcher.running {
.right .budgie-panel .pinned .launcher, .budgie-panel .pinned .right .launcher,
.right .budgie-panel .unpinned .launcher,
.budgie-panel .unpinned .right .launcher {
border-left: 2px solid rgba(38, 50, 56, 0);
border-right: 2px solid rgba(38, 50, 56, 0); }
.right .budgie-panel .unpinned .launcher,
.right .budgie-panel .pinned .launcher.running {
border-right: 2px solid rgba(52, 125, 159, 0.5); }
.right .budgie-panel .unpinned .launcher:hover, .budgie-panel .unpinned .right .launcher:hover, .right .budgie-panel .pinned .launcher.running:hover, .budgie-panel .pinned .right .launcher.running:hover {
.right .budgie-panel .pinned .launcher:hover, .budgie-panel .pinned .right .launcher:hover,
.right .budgie-panel .unpinned .launcher:hover,
.budgie-panel .unpinned .right .launcher:hover {
border-left: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(52, 125, 159, 0.5); }
.right .budgie-panel .unpinned .launcher:active, .budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher.running:active, .budgie-panel .pinned .right .launcher.running:active, .right .budgie-panel .unpinned .launcher:checked, .budgie-panel .unpinned .right .launcher:checked, .right .budgie-panel .pinned .launcher.running:checked, .budgie-panel .pinned .right .launcher.running:checked {
.right .budgie-panel .pinned .launcher:active, .budgie-panel .pinned .right .launcher:active,
.right .budgie-panel .unpinned .launcher:active,
.budgie-panel .unpinned .right .launcher:active, .right .budgie-panel .pinned .launcher:checked, .budgie-panel .pinned .right .launcher:checked,
.right .budgie-panel .unpinned .launcher:checked,
.budgie-panel .unpinned .right .launcher:checked {
border-left: 2px solid rgba(0, 0, 0, 0.2);
border-right: 2px solid #347D9F; }
@ -6338,26 +6373,34 @@ decoration {
-gtk-image-effect: highlight; }
.raven {
border: none;
color: #444;
background-color: rgba(247, 247, 247, 0.98); }
background-color: rgba(247, 247, 247, 0.98);
transition: 170ms ease-out; }
.raven .raven-header {
padding: 4px;
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;
background-image: linear-gradient(to bottom, white, #f7f7f7);
color: #444;
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); }
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 2px 0 rgba(0, 0, 0, 0.2); }
.raven .raven-header.top {
border-top-style: none; }
.raven .raven-header.bottom {
border-bottom-style: none; }
.raven .raven-header switch {
-GtkSwitch-slider-width: 16px;
-GtkSwitch-slider-height: 16px;
border-radius: 12px; }
.raven .raven-header switch .slider {
border-radius: 8px; }
.raven .raven-background {
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); }
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.raven .raven-background.middle {
border-bottom-style: none; }
.raven .raven-calendar {
@ -6366,12 +6409,13 @@ decoration {
border-bottom: 1px solid #d1d1d1; }
.raven .powerstrip {
background-color: transparent;
background-image: none;
border: none;
box-shadow: none; }
.raven .powerstrip .button {
border-radius: 50%;
padding: 12px;
background: rgba(0, 0, 0, 0.1);
background: #f2f2f2;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px rgba(255, 255, 255, 0.1);
font-size: 100%; }
@ -6396,12 +6440,15 @@ decoration {
padding: 8px; }
.budgie-notification-window {
border-radius: 4px;
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); }
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
.budgie-notification.background {
border-radius: 4px;
padding: 4px; }
.budgie-notification .notification-title {
font-size: 110%;
color: #444; }
@ -6409,14 +6456,13 @@ decoration {
border: none;
color: rgba(207, 216, 220, 0.7); }
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.budgie-session-dialog, .budgie-polkit-dialog {
padding: 12px;
border-radius: 4px;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.1); }
.budgie-session-dialog.background, .background.budgie-polkit-dialog {
padding: 12px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2); }
.budgie-session-dialog .linked.horizontal > .button, .budgie-polkit-dialog .linked.horizontal > .button {
border-bottom: none;
border-radius: 0; }