79 lines
2.4 KiB
SCSS
79 lines
2.4 KiB
SCSS
$variant: 'light';
|
|
|
|
@import 'colors';
|
|
|
|
UnityDecoration {
|
|
-UnityDecoration-extents: 28px 1px 1px 1px;
|
|
-UnityDecoration-input-extents: 10px;
|
|
|
|
-UnityDecoration-shadow-offset-x: 1px;
|
|
-UnityDecoration-shadow-offset-y: 1px;
|
|
-UnityDecoration-active-shadow-color: rgba(0,0,0,0.7);
|
|
-UnityDecoration-active-shadow-radius: 8px;
|
|
-UnityDecoration-inactive-shadow-color: rgba(0,0,0,0.5);
|
|
-UnityDecoration-inactive-shadow-radius: 5px;
|
|
|
|
-UnityDecoration-glow-size: 10px;
|
|
-UnityDecoration-glow-color: $selected_bg_color;
|
|
|
|
-UnityDecoration-title-indent: 10px;
|
|
-UnityDecoration-title-fade: 35px;
|
|
-UnityDecoration-title-alignment: 0.0;
|
|
.top {
|
|
border: 1px solid shade($bg_color, 0.7);
|
|
border-bottom-width: 0;
|
|
border-radius: 4px 4px 0 0;
|
|
padding: 1px 8px 0 8px;
|
|
background-image: linear-gradient(to bottom,
|
|
shade($bg_color, 1.07),
|
|
$bg_color
|
|
);
|
|
|
|
color: $fg_color;
|
|
text-shadow: 0 1px shade($bg_color, 1.2);
|
|
&:backdrop {
|
|
border: 1px solid shade($bg_color, 0.8);
|
|
border-bottom-width: 0;
|
|
background-image: linear-gradient(to bottom,
|
|
shade($bg_color, 1.02),
|
|
$bg_color
|
|
);
|
|
|
|
color: $fg_color;
|
|
text-shadow: 0 1px shade($bg_color, 1.1);
|
|
}
|
|
}
|
|
.left, .right, .bottom {
|
|
background-color: shade($bg_color, 0.7);
|
|
&:backdrop { background-color: shade($bg_color, 0.8); }
|
|
}
|
|
}
|
|
|
|
UnityPanelWidget,
|
|
.unity-panel {
|
|
border-width: 0 0 1px 0;
|
|
border-style: solid;
|
|
border-color: shade($panel_bg_color, 1.0);
|
|
background-color: shade($panel_bg_color, 0.35);
|
|
&.menubar, .menubar {}
|
|
&.menuitem, .menuitem {
|
|
border-width: 0 1px;
|
|
color: $panel_fg_color;
|
|
&:hover, *:hover {
|
|
border-color: shade($panel_bg_color, 0.8);
|
|
background-color: shade($panel_bg_color, 0.75);
|
|
color: $panel_fg_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes playbackmenuitem_spinner {
|
|
to { -gtk-icon-transform: rotate(1turn); }
|
|
}
|
|
|
|
.menu IdoPlaybackMenuItem.menuitem:active {
|
|
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
|
animation: playbackmenuitem_spinner 1s infinite linear;
|
|
color: $fg_color;
|
|
}
|