@import "panel";

/****************
 ! Unity styles *
*****************/

@include exports("unity") {
    UnityDecoration {
        -UnityDecoration-extents: 24px 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, .7);
        -UnityDecoration-active-shadow-radius: 8px;
        -UnityDecoration-inactive-shadow-color: rgba(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;


        .top {
            border: 1px solid $wm_border_focused;
            border-bottom: 0;
            border-radius: $roundness $roundness 0 0;
            padding: 1px ($spacing + 3px) 0;
            background-color: $titlebar_bg_focused;
            color: $titlebar_fg_focused;
            text-shadow: none;

            // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/632
            // for L.I.M's selected menuitem
            &:hover {
                border-radius: 0;
                border-color: mix($panel_bg_color, $panel_fg_color, .21);
                background-color: mix($panel_bg_color, $panel_fg_color, .21);
                background-image: none;
                color: shade($panel_fg_color, 1.08);
            }

            &:backdrop {
                border: 1px solid $wm_border_unfocused;
                color: $titlebar_fg_unfocused;
            }
        }

        .left, .right, .bottom {
            background-color: $titlebar_bg_focused;

            &:backdrop { background-color: mix(shade($titlebar_bg_unfocused, .7), $titlebar_fg_unfocused, .21); }
        }
    }

    UnityPanelWidget, .unity-panel {
        @extend %panel;

        border: 0;
    }

    .unity-panel {
        &.menuitem, .menuitem {
            border-width: 0 1px;
            color: $panel_fg_color;

            &:hover, *:hover {
                border-color: mix($panel_bg_color, $panel_fg_color, .21);
                background-color: mix($panel_bg_color, $panel_fg_color, .21);
                background-image: none;
                color: shade($panel_fg_color, 1.08);
            }
        }
    }

    SheetStyleDialog.unity-force-quit { background-color: $bg_color; }
}


/************************
 ! Unity-Control-Center *
*************************/

@include exports("unity-control-center") {
    // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/634
    .background:not(.csd):not(.solid-csd) > box.vertical > notebook.frame {
        // hide unwanted frames
        border: 0 none transparent;

        > stack > scrolledwindow > viewport > box.vertical > frame > box.vertical {
            // reset $base_color;
            iconview.view {
                &, &:backdrop {
                    background-color: transparent;
                }

                &:selected {
                    &:focus, & {
                        @extend %selected_items;
                    }
                }
            }
        }
    }
}
