lesderid
/
paper-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

switch style improvements

This commit is contained in:
Sam Hewitt 2016-05-23 19:16:33 -04:00
parent 3b3c58fb14
commit 3c0ec75c62
5 changed files with 159 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
Paper/gtk-3.18/apps/_budgie.scss
View File

@ -41,11 +41,13 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Budgie // Budgie
.budgie-container { .budgie-container {
border: none; background-image: none;
box-shadow: none; background-color: transparent;
background: transparent;
font-size: 100%; &:backdrop {
transition: 170ms ease-out; background-image: none;
background-color: transparent;
}
} }
// Budgie Menu // Budgie Menu
@ -145,7 +147,6 @@ $asset_suffix: if($variant == 'default', '', '-hc');
.raven { .raven {
color: $fg_color; color: $fg_color;
background-color: transparentize($bg_color, 0.02); background-color: transparentize($bg_color, 0.02);
transition: 170ms ease-out;
.raven-header { .raven-header {
font: bold; font: bold;
@ -160,9 +161,6 @@ $asset_suffix: if($variant == 'default', '', '-hc');
&.top { border-top-style: none; } &.top { border-top-style: none; }
&.bottom { border-bottom-style: none; } &.bottom { border-bottom-style: none; }
>.button {
font:normal;
}
} }
@if $variant=='default' { @if $variant=='default' {
@ -170,13 +168,21 @@ $asset_suffix: if($variant == 'default', '', '-hc');
} }
.raven-background { .raven-background {
background:transparent; background-color: $base_color;
border-bottom: 1px solid $borders_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 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
&.middle { border-bottom-style: none; } // applet background between two headers &.middle { border-bottom-style: none; } // applet background between two headers
} }
.raven-calendar {
border:none;
padding: 2px;
border-bottom:1px solid $borders_color;
}
.powerstrip { .powerstrip {
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -192,11 +198,14 @@ $asset_suffix: if($variant == 'default', '', '-hc');
font-size: 100%; font-size: 100%;
&:hover { &: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); box-shadow: inset 0 1px transparentize(white,0.9), 1px 1px transparentize(black,0.8);
transition: 170ms ease all; transition: 170ms ease all;
} }
&:active {
box-shadow: 0 1px transparentize(white,0.9);
transition: 170ms ease all;
}
} }
.option-subtitle { .option-subtitle {
@ -219,13 +228,16 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Notifications // Notifications
.budgie-notification-window { .budgie-notification-window {
border-radius: 1px; 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;
} }
.budgie-notification { .budgie-notification {
&.background { &.background {
background-color: white;
border-radius: 4px;
} }
.notification-title { .notification-title {
@ -233,7 +245,10 @@ $asset_suffix: if($variant == 'default', '', '-hc');
color: $fg_color; color: $fg_color;
} }
.notification-body { color: transparentize($budgie_panel_fg_color, 0.3); } .notification-body {
border:none;
color: transparentize($budgie_panel_fg_color, 0.3);
}
} }
.drop-shadow { .drop-shadow {

71
Paper/gtk-3.18/gtk-dark.css
View File

@ -4236,36 +4236,33 @@ GtkSwitch {
outline-offset: -4px; outline-offset: -4px;
transition: all 200ms ease-in; transition: all 200ms ease-in;
border: none; border: none;
border-radius: 14px; border-radius: 16px;
color: transparent; color: transparent;
background-color: transparent; background-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); }
GtkSwitch:insensitive { GtkSwitch:insensitive {
background-color: rgba(0, 0, 0, 0.1); } background-color: rgba(0, 0, 0, 0.1);
GtkSwitch:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
background-color: #37474f;
transition: 200ms ease-out; }
GtkSwitch:backdrop:insensitive {
background-color: #3d4f57; }
GtkSwitch:active, GtkSwitch:checked { GtkSwitch:active, GtkSwitch:checked {
background-color: #449ac2; } background-color: #449ac2; }
GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop { GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop {
background-color: #57a4c8; } background-color: #57a4c8; }
GtkSwitch:active:backdrop .slider:backdrop,
GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop,
GtkSwitch:checked:backdrop slider:backdrop {
box-shadow: none;
background-color: rgba(55, 71, 79, 0.9);
border: none; }
GtkSwitch .slider { GtkSwitch .slider {
padding: 2px; border: none;
border-radius: 50%; padding: 3px;
border-radius: 12px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #2d3940; background-color: #455a64;
box-shadow: none; } box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
GtkSwitch .slider:active {
background-color: white;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
GtkSwitch .slider:backdrop { GtkSwitch .slider:backdrop {
box-shadow: none; } background-color: #475d67;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
GtkSwitch .slider:insensitive { GtkSwitch .slider:insensitive {
background-color: #3b4c55;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: none; } box-shadow: none; }
GtkSwitch .trough:active, GtkSwitch .trough:checked { GtkSwitch .trough:active, GtkSwitch .trough:checked {
background-color: #449ac2; } background-color: #449ac2; }
@ -4923,11 +4920,11 @@ treeview.view header button:active {
border-right: 2px solid #449ac2; } border-right: 2px solid #449ac2; }
.budgie-container { .budgie-container {
border: none; background-image: none;
box-shadow: none; background-color: transparent; }
background: transparent; .budgie-container:backdrop {
font-size: 100%; background-image: none;
transition: 170ms ease-out; } background-color: transparent; }
.budgie-menu GtkSearchEntry.entry:not(:selected) { .budgie-menu GtkSearchEntry.entry:not(:selected) {
border: none; border: none;
@ -5009,8 +5006,7 @@ treeview.view header button:active {
.raven { .raven {
color: #cfd8dc; 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 { .raven .raven-header {
font: bold; font: bold;
text-shadow: 0 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
@ -5024,14 +5020,16 @@ treeview.view header button:active {
border-top-style: none; } border-top-style: none; }
.raven .raven-header.bottom { .raven .raven-header.bottom {
border-bottom-style: none; } border-bottom-style: none; }
.raven .raven-header > .button {
font: normal; }
.raven .raven-background { .raven .raven-background {
background: transparent; background-color: #455a64;
border-bottom: 1px solid #222c31; 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 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.raven .raven-background.middle { .raven .raven-background.middle {
border-bottom-style: none; } border-bottom-style: none; }
.raven .raven-calendar {
border: none;
padding: 2px;
border-bottom: 1px solid #222c31; }
.raven .powerstrip { .raven .powerstrip {
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -5044,10 +5042,11 @@ treeview.view header button:active {
box-shadow: 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0 1px rgba(255, 255, 255, 0.1);
font-size: 100%; } font-size: 100%; }
.raven .powerstrip .button:hover { .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); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
transition: 170ms ease all; } 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 { .raven .option-subtitle {
font-size: smaller; } font-size: smaller; }
@ -5063,15 +5062,17 @@ treeview.view header button:active {
padding: 8px; } padding: 8px; }
.budgie-notification-window { .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 { .budgie-notification .notification-title {
font-size: 110%; font-size: 110%;
color: #cfd8dc; } color: #cfd8dc; }
.budgie-notification .notification-body { .budgie-notification .notification-body {
border: none;
color: rgba(207, 216, 220, 0.7); } color: rgba(207, 216, 220, 0.7); }
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog { .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {

69
Paper/gtk-3.18/gtk.css
View File

@ -4245,36 +4245,33 @@ GtkSwitch {
outline-offset: -4px; outline-offset: -4px;
transition: all 200ms ease-in; transition: all 200ms ease-in;
border: none; border: none;
border-radius: 14px; border-radius: 16px;
color: transparent; color: transparent;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.3); } box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.3); }
GtkSwitch:insensitive { GtkSwitch:insensitive {
background-color: rgba(0, 0, 0, 0.1); } background-color: rgba(0, 0, 0, 0.1);
GtkSwitch:backdrop { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }
background-color: #f7f7f7;
transition: 200ms ease-out; }
GtkSwitch:backdrop:insensitive {
background-color: #fafafa; }
GtkSwitch:active, GtkSwitch:checked { GtkSwitch:active, GtkSwitch:checked {
background-color: #347D9F; } background-color: #347D9F; }
GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop { GtkSwitch:active:backdrop, GtkSwitch:checked:backdrop {
background-color: #3a8cb2; } background-color: #3a8cb2; }
GtkSwitch:active:backdrop .slider:backdrop,
GtkSwitch:active:backdrop slider:backdrop, GtkSwitch:checked:backdrop .slider:backdrop,
GtkSwitch:checked:backdrop slider:backdrop {
box-shadow: none;
background-color: rgba(247, 247, 247, 0.9);
border: none; }
GtkSwitch .slider { GtkSwitch .slider {
padding: 2px; border: none;
border-radius: 50%; padding: 3px;
border-radius: 12px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: #f7f7f7; background-color: #ffffff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); } box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
GtkSwitch .slider:active {
background-color: white;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
GtkSwitch .slider:backdrop { GtkSwitch .slider:backdrop {
box-shadow: none; } background-color: #fcfcfc;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
GtkSwitch .slider:insensitive { GtkSwitch .slider:insensitive {
background-color: #f2f2f2;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: none; } box-shadow: none; }
GtkSwitch .trough:active, GtkSwitch .trough:checked { GtkSwitch .trough:active, GtkSwitch .trough:checked {
background-color: #347D9F; } background-color: #347D9F; }
@ -4938,11 +4935,11 @@ treeview.view header button:active {
border-right: 2px solid #347D9F; } border-right: 2px solid #347D9F; }
.budgie-container { .budgie-container {
border: none; background-image: none;
box-shadow: none; background-color: transparent; }
background: transparent; .budgie-container:backdrop {
font-size: 100%; background-image: none;
transition: 170ms ease-out; } background-color: transparent; }
.budgie-menu GtkSearchEntry.entry:not(:selected) { .budgie-menu GtkSearchEntry.entry:not(:selected) {
border: none; border: none;
@ -5024,8 +5021,7 @@ treeview.view header button:active {
.raven { .raven {
color: #444; 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 { .raven .raven-header {
font: bold; font: bold;
text-shadow: 0 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
@ -5039,14 +5035,16 @@ treeview.view header button:active {
border-top-style: none; } border-top-style: none; }
.raven .raven-header.bottom { .raven .raven-header.bottom {
border-bottom-style: none; } border-bottom-style: none; }
.raven .raven-header > .button {
font: normal; }
.raven .raven-background { .raven .raven-background {
background: transparent; background-color: #ffffff;
border-bottom: 1px solid #d1d1d1; 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 0 0 rgba(255, 255, 255, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
.raven .raven-background.middle { .raven .raven-background.middle {
border-bottom-style: none; } border-bottom-style: none; }
.raven .raven-calendar {
border: none;
padding: 2px;
border-bottom: 1px solid #d1d1d1; }
.raven .powerstrip { .raven .powerstrip {
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -5059,10 +5057,11 @@ treeview.view header button:active {
box-shadow: 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0 1px rgba(255, 255, 255, 0.1);
font-size: 100%; } font-size: 100%; }
.raven .powerstrip .button:hover { .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); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 1px 1px rgba(0, 0, 0, 0.2);
transition: 170ms ease all; } 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 { .raven .option-subtitle {
font-size: smaller; } font-size: smaller; }
@ -5078,15 +5077,17 @@ treeview.view header button:active {
padding: 8px; } padding: 8px; }
.budgie-notification-window { .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 { .budgie-notification .notification-title {
font-size: 110%; font-size: 110%;
color: #444; } color: #444; }
.budgie-notification .notification-body { .budgie-notification .notification-body {
border: none;
color: rgba(207, 216, 220, 0.7); } color: rgba(207, 216, 220, 0.7); }
.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog { .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog {

49
Paper/gtk-3.18/widgets/_switches.scss
View File

@ -11,61 +11,52 @@ GtkSwitch {
transition: all 200ms ease-in; transition: all 200ms ease-in;
border: none; border: none;
border-radius: 14px; border-radius: 16px;
color: transparent; color: transparent;
background-color: if($variant == 'light', transparentize(black, 0.9), transparent); background-color: if($variant == 'light', transparentize(black, 0.9), transparentize(black, 0.8));
box-shadow: if($variant == 'light', (inset 0 0 0 1px transparentize(black, 0.8), 0px 1px $bottom_highlight), 0 0 0 1px transparentize(black, 0.7)); box-shadow: if($variant == 'light', (inset 0 0 0 1px transparentize(black, 0.8), 0px 1px $bottom_highlight), 0 0 0 1px transparentize(black, 0.7));
&:insensitive { &:insensitive {
background-color: transparentize(black, 0.9); background-color: transparentize(black, 0.9);
box-shadow: if($variant == 'light', inset 0 0 0 1px transparentize(black, 0.9), 0 0 0 1px transparentize(black, 0.8));
} }
&:backdrop {
background-color: $backdrop_bg_color;
transition: $backdrop_transition;
&:insensitive { background-color: $insensitive_bg_color; }
}
&:active, &:active,
&:checked { &:checked {
background-color: $selected_bg_color; background-color: $selected_bg_color;
&:backdrop { &:backdrop {
background-color: $backdrop_selected_bg_color; background-color: $backdrop_selected_bg_color;
.slider,
slider {
&:backdrop {
box-shadow:none;
background-color:transparentize($bg_color, 0.1);
border:none;
}
}
} }
} }
// Handle // Handle
.slider { .slider {
padding:2px; border:none;
border-radius: 50%; padding:3px;
border-radius: 12px;
transition: $button_transition; transition: $button_transition;
background-color: if($variant == 'light', $bg_color, darken($bg_color, 5%)); background-color: $base_color;
box-shadow: if($variant == 'light', ( box-shadow: inset 0 1px 0 0 transparentize(white,0.9),
0 2px 2px transparentize(black, 0.8), 0 2px 2px 0 transparentize(black, 0.8),
0 1px 2px transparentize(black, 0.8) 0 1px 2px 0 transparentize(black, 0.8);
),(
none &:active {
)); background-color: white;
box-shadow: 0 2px 2px 0 transparentize(black, 0.8),
0 1px 2px 0 transparentize(black, 0.8);
}
&:backdrop { &:backdrop {
box-shadow:none; background-color: $backdrop_base_color;
box-shadow: 0 1px 2px 0 transparentize(black, 0.9);
} }
&:insensitive { &:insensitive {
background-color: $insensitive_base_color;
border: 1px solid transparentize(black, 0.8);
box-shadow:none; box-shadow:none;
} }
} }

55
Paper/gtk-3.20/apps/_budgie.scss
View File

@ -41,11 +41,13 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// Budgie // Budgie
.budgie-container { .budgie-container {
border: none; background-image: none;
box-shadow: none; background-color: transparent;
background: transparent;
font-size: 100%; &:backdrop {
transition: 170ms ease-out; background-image: none;
background-color: transparent;
}
} }
// Budgie Menu // Budgie Menu
@ -145,23 +147,20 @@ $asset_suffix: if($variant == 'default', '', '-hc');
.raven { .raven {
color: $fg_color; color: $fg_color;
background-color: transparentize($bg_color, 0.02); background-color: transparentize($bg_color, 0.02);
transition: 170ms ease-out;
.raven-header { .raven-header {
font: bold; font: bold;
text-shadow: 0 1px $shadow_color; text-shadow: 0 1px $shadow_color;
icon-shadow: 0 1px $shadow_color;
background-color: $bg_color; background-color: $bg_color;
color: $fg_color; color: $fg_color;
border-top: 1px solid $borders_color; border: solid $borders_color;
border-bottom: 1px 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 1px 0 transparentize(black,0.9);
&.top { border-top-style: none; } &.top { border-top-style: none; }
&.bottom { border-bottom-style: none; } &.bottom { border-bottom-style: none; }
>.button {
font:normal;
}
} }
@if $variant=='default' { @if $variant=='default' {
@ -169,13 +168,21 @@ $asset_suffix: if($variant == 'default', '', '-hc');
} }
.raven-background { .raven-background {
background-color: transparentize($bg_color, 0.02); background-color: $base_color;
border-bottom: 1px solid $borders_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 0 0 transparentize(white,0.9), 0 1px 1px 0 transparentize(black,0.9);
&.middle { border-bottom-style: none; } // applet background between two headers &.middle { border-bottom-style: none; } // applet background between two headers
} }
.raven-calendar {
border:none;
padding: 2px;
border-bottom:1px solid $borders_color;
}
.powerstrip { .powerstrip {
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -191,11 +198,14 @@ $asset_suffix: if($variant == 'default', '', '-hc');
font-size: 100%; font-size: 100%;
&:hover { &: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); box-shadow: inset 0 1px transparentize(white,0.9), 1px 1px transparentize(black,0.8);
transition: 170ms ease all; transition: 170ms ease all;
} }
&:active {
box-shadow: 0 1px transparentize(white,0.9);
transition: 170ms ease all;
}
} }
.option-subtitle { .option-subtitle {
@ -205,23 +215,29 @@ $asset_suffix: if($variant == 'default', '', '-hc');
// MPRIS Applet // MPRIS Applet
.raven-mpris { .raven-mpris {
text-shadow: 0 1px $shadow_color;
icon-shadow: 0 1px $shadow_color;
color: $budgie_panel_fg_color; color: $budgie_panel_fg_color;
background-color: transparentize($budgie_panel_bg_color, 0.2); background-color: transparentize($budgie_panel_bg_color, 0.2);
border: solid transparentize(black, 0.8); border: solid transparentize(black, 0.8);
border-width: 1px 0; 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);
.button.image-button { padding: 8px; } .button.image-button { padding: 8px; }
} }
// Notifications // Notifications
.budgie-notification-window { .budgie-notification-window {
border-radius: 1px; 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;
} }
.budgie-notification { .budgie-notification {
&.background { &.background {
background-color: white;
border-radius: 4px;
} }
.notification-title { .notification-title {
@ -229,7 +245,10 @@ $asset_suffix: if($variant == 'default', '', '-hc');
color: $fg_color; color: $fg_color;
} }
.notification-body { color: transparentize($budgie_panel_fg_color, 0.3); } .notification-body {
border:none;
color: transparentize($budgie_panel_fg_color, 0.3);
}
} }
.drop-shadow { .drop-shadow {