$variant: 'dark';

@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;
}