2016-05-23 04:09:48 +02:00
|
|
|
/*********
|
2016-04-18 18:47:20 +02:00
|
|
|
* Budgie *
|
|
|
|
**********/
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
$budgie_panel_bg_color: #263238;
|
|
|
|
$budgie_panel_fg_color: #cfd8dc;
|
|
|
|
|
|
|
|
@function gtkalpha($c,$a) {
|
|
|
|
@return unquote("alpha(#{$c},#{$a})");
|
|
|
|
}
|
|
|
|
|
|
|
|
$pos_list: ((top, bottom),(bottom,top),(left,right),(right,left));
|
|
|
|
$asset_suffix: if($variant == 'default', '', '-hc');
|
|
|
|
|
|
|
|
%underscores {
|
|
|
|
&:hover { background-color: transparentize(black, 0.9); }
|
|
|
|
&:active, &:checked { background-color: transparentize(black, 0.8); }
|
|
|
|
|
|
|
|
@each $pos, $b_pos in $pos_list {
|
|
|
|
.#{$pos} & {
|
|
|
|
border-#{$b_pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
|
|
|
|
border-#{$pos}: 2px solid transparentize($budgie_panel_bg_color, 1.0);
|
|
|
|
|
|
|
|
@at-root {
|
|
|
|
.#{$pos} .budgie-panel .unpinned .launcher,
|
|
|
|
.#{$pos} .budgie-panel .pinned .launcher.running { border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5); }
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
border-#{$b_pos}: 2px solid transparentize(black, 0.9);
|
|
|
|
border-#{$pos}: 2px solid transparentize($selected_bg_color, 0.5);
|
|
|
|
}
|
|
|
|
|
|
|
|
&:active, &:checked {
|
|
|
|
border-#{$b_pos}: 2px solid transparentize(black, 0.8);
|
|
|
|
border-#{$pos}: 2px solid $selected_bg_color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Budgie
|
|
|
|
.budgie-container {
|
|
|
|
border: none;
|
|
|
|
box-shadow: none;
|
2016-05-24 00:19:24 +02:00
|
|
|
background: transparent;
|
2016-05-23 04:09:48 +02:00
|
|
|
font-size: 100%;
|
2016-05-24 00:19:24 +02:00
|
|
|
transition: 170ms ease-out;
|
2016-05-23 04:09:48 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
// Budgie Menu
|
|
|
|
.budgie-menu {
|
|
|
|
GtkSearchEntry.entry:not(:selected) {
|
|
|
|
border: none;
|
|
|
|
box-shadow: none;
|
|
|
|
background: none;
|
|
|
|
font-size: 100%;
|
|
|
|
|
|
|
|
&.image { padding-left: 0px; padding-right: 6px; }
|
|
|
|
}
|
|
|
|
.list-row.activatable:selected,
|
|
|
|
.list-row.activatable:selected .button { color: inherit; }
|
|
|
|
}
|
|
|
|
|
|
|
|
// Panel
|
2016-04-18 18:47:20 +02:00
|
|
|
.budgie-panel {
|
2016-05-23 04:09:48 +02:00
|
|
|
font: bold;
|
|
|
|
font-size: 100%;
|
|
|
|
color: $budgie_panel_fg_color;
|
|
|
|
background-color: $budgie_panel_bg_color;
|
|
|
|
|
|
|
|
&:backdrop {
|
|
|
|
color: $budgie_panel_fg_color;
|
|
|
|
background-color: $budgie_panel_bg_color;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Tasklist
|
|
|
|
WnckTasklist {
|
|
|
|
.button,
|
|
|
|
.button:backdrop {
|
|
|
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
|
|
@if $variant == 'default' {
|
|
|
|
// &:not(:hover):not(:active):not(:checked) { color: gtkalpha(currentColor, 0.5); }
|
|
|
|
background: none;
|
|
|
|
background-clip: padding-box;
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
@extend %underscores;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Icon Tasklist
|
|
|
|
.launcher {
|
|
|
|
// 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
|
|
|
|
|
|
|
|
&:hover { -gtk-image-effect: highlight; }
|
|
|
|
}
|
2016-04-18 18:47:20 +02:00
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.unpinned {
|
|
|
|
.launcher {
|
|
|
|
@extend %underscores;
|
|
|
|
}
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.pinned {
|
|
|
|
.launcher.running {
|
|
|
|
@extend %underscores;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@each $pos, $b_pos in $pos_list {
|
|
|
|
|
|
|
|
// Panel borders
|
|
|
|
.#{$pos} .budgie-panel {
|
|
|
|
border-#{$b_pos}: 1px solid transparentize(black,0.8);
|
|
|
|
box-shadow:none;
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
// 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);
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
// Shadows
|
|
|
|
.#{$pos} .shadow-block {
|
|
|
|
background-color: transparent;
|
|
|
|
background-image: linear-gradient(to $b_pos,
|
|
|
|
$shadow_color,
|
|
|
|
transparent);
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
// Raven
|
|
|
|
|
|
|
|
.raven {
|
|
|
|
color: $fg_color;
|
|
|
|
background-color: transparentize($bg_color, 0.02);
|
|
|
|
transition: 170ms ease-out;
|
|
|
|
|
|
|
|
.raven-header {
|
2016-05-24 00:19:24 +02:00
|
|
|
font: bold;
|
|
|
|
text-shadow: 0 1px $shadow_color;
|
2016-05-23 04:09:48 +02:00
|
|
|
background-color: $bg_color;
|
|
|
|
color: $fg_color;
|
|
|
|
border-top: 1px solid $borders_color;
|
|
|
|
border-bottom: 1px solid $borders_color;
|
2016-05-24 00:19:24 +02:00
|
|
|
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);
|
2016-04-18 18:47:20 +02:00
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
&.top { border-top-style: none; }
|
|
|
|
&.bottom { border-bottom-style: none; }
|
2016-05-24 00:19:24 +02:00
|
|
|
|
|
|
|
>.button {
|
|
|
|
font:normal;
|
|
|
|
}
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
@if $variant=='default' {
|
|
|
|
.expander-button { color: gtkalpha(currentColor, 0.5); }
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.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);
|
|
|
|
|
|
|
|
&.middle { border-bottom-style: none; } // applet background between two headers
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.powerstrip {
|
|
|
|
background-color: transparent;
|
|
|
|
border: none;
|
|
|
|
box-shadow:none;
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.powerstrip .button {
|
|
|
|
border-radius:50%;
|
|
|
|
padding: 12px;
|
|
|
|
background: transparentize(black,0.9);
|
|
|
|
border: 1px solid transparentize(black,0.8);
|
|
|
|
box-shadow: 0 1px transparentize(white,0.9);
|
|
|
|
font-size: 100%;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background: transparentize(black,0.9);
|
|
|
|
border: 1px solid transparentize(black,0.8);
|
|
|
|
box-shadow: inset 0 1px transparentize(white,0.9), 1px 1px transparentize(black,0.8);
|
|
|
|
transition: 170ms ease all;
|
|
|
|
}
|
|
|
|
}
|
2016-04-18 18:47:20 +02:00
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.option-subtitle {
|
|
|
|
font-size: smaller;
|
|
|
|
}
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
// MPRIS Applet
|
|
|
|
.raven-mpris {
|
2016-05-24 00:19:24 +02:00
|
|
|
color: $budgie_panel_fg_color;
|
|
|
|
background-color: transparentize($budgie_panel_bg_color, 0.2);
|
|
|
|
border: solid transparentize(black, 0.8);
|
2016-05-23 04:09:48 +02:00
|
|
|
border-width: 1px 0;
|
2016-04-18 18:47:20 +02:00
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.button.image-button { padding: 8px; }
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
// Notifications
|
|
|
|
.budgie-notification-window {
|
|
|
|
border-radius: 1px;
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.budgie-notification {
|
|
|
|
&.background {
|
|
|
|
background-color: white;
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
2016-04-18 18:47:20 +02:00
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.notification-title {
|
|
|
|
font-size: 110%;
|
|
|
|
color: $fg_color;
|
|
|
|
}
|
2016-04-18 18:47:20 +02:00
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.notification-body { color: transparentize($budgie_panel_fg_color, 0.3); }
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
.drop-shadow {
|
|
|
|
box-shadow: 0 1px 1px 0 $shadow_color;
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
|
|
|
|
2016-05-23 04:09:48 +02:00
|
|
|
// Session Dialog
|
|
|
|
.budgie-session-dialog {
|
|
|
|
padding:12px;
|
|
|
|
border-radius: 4px;
|
|
|
|
border:none;
|
|
|
|
border-top: 1px solid transparentize(white,0.9);
|
|
|
|
&.background { @extend .drop-shadow; }
|
|
|
|
|
|
|
|
.linked.horizontal > .button {
|
|
|
|
border-bottom: none;
|
|
|
|
border-radius: 0;
|
|
|
|
&:first-child { border-left: none; border-radius: 0 0 0 4px; }
|
|
|
|
&:last-child { border-right: none; border-radius: 0 0 4px 0; }
|
|
|
|
}
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|
2016-05-23 04:09:48 +02:00
|
|
|
|
|
|
|
// PolKit Dialog
|
|
|
|
.budgie-polkit-dialog {
|
|
|
|
@extend .budgie-session-dialog;
|
|
|
|
|
|
|
|
.message { color: transparentize($budgie_panel_fg_color, 0.3); }
|
|
|
|
.failure { color: $red; }
|
2016-04-18 18:47:20 +02:00
|
|
|
}
|