/**
 * Dark Theme
 */

body.theme-dark {
    border-color: #333;

    hr {
        border-top-color: #555;
    }

    ::-webkit-scrollbar {
        background-color: #404040;
    }

    ::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.2);
    }



    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    header {
        background-color: #555;
        border-bottom-color: #3A3A3A;
        color: #EEE;

        .search {
            border-color: #4A4A4A;
            background-color: #444;
            color: #EEE;
        }

        .main-controls .window-controls .window-control {
            border-color: #555;
            color: #EEE;

            &:active {
                background-color: #555;
                border-color: #444;
            }
        }

        .main-controls {

            .player-controls {

                .player-control {
                    color: #EEE;
                }

                .volume-control{
                    background-color: #555;
                }
            }
       }

        .now-playing {

           .now-playing-bar .progress {
               background-color: #444;
            }

            .now-playing-infos .player-options .button {

                svg {
                    fill: #EEE;
                }

                &.active svg {
                    fill: #337ab7;
                }
            }
        }

        .queue-controls .queue {
            background-color: #444;
            border-color: #666;
            box-shadow: 0 5px 3px -5px rgba(255, 255, 255, .5);

            .queue-header {
                background-color: #555;

                .queue-infos {
                    color: #DDD;
                }

                .empty-button {
                    background-color: #555;
                    color: #EEE;
                    border-color: #444;
                }
            }

            .queue-body {

                .track {
                    &::before,
                    &::after {
                        background-color: #555;
                    }

                    &:not(:last-child) {
                        border-bottom-color: #555;
                    }

                    .remove {
                        color: #EEE;
                    }

                    .other-infos,
                    .title {
                        color: #EEE;
                    }
                }
            }
        }
    }



    /*
    |--------------------------------------------------------------------------
    | Footer
    |--------------------------------------------------------------------------
    */

    footer {
        border-top-color: #333;
        background-color: #555;
        color: #EEE;

        .view-switcher .btn.btn-default {
            color: #EEE;
            border-color: #333;
            background-color: #555;

            &:hover {
                color: #EEE;
                border-color: #333;
                background-color: #555;
            }

            &:focus,
            &:active:hover,
            &.active {
                background-color: #444;
                border-color: #333;
                color: #EEE;
            }

            &.active {
                color: #459CE7;
            }
        }

        .status {
            color: #AAA;
        }
    }



    /*
    |--------------------------------------------------------------------------
    | View -- General
    |--------------------------------------------------------------------------
    */

    .view {
        background-color: #444;
        color: #EEE;

        .tracks-list-container {

            .tracks-list-header {
                border-bottom: 1px solid #333333;
                background-color: #444;
                color: #eeeeee;

                .track-cell-header:not(:last-child) {
                    border-color: #777;
                }
            }

            .tracks-list-body {

                .tracks-list-tiles {

                    .track:nth-of-type(odd) {
                        background-color: #4D4D4D;

                        &.selected {
                            background-color: #459CE7;
                        }
                    }
                }
            }
        }

        &.view-settings .musicfolders-list {
            border-color: #555;
        }
    }



    /*
    |--------------------------------------------------------------------------
    | View -- Settings
    |--------------------------------------------------------------------------
    */

    .view-settings {

        .nav-pills {

            &>li>a {
                color: #eeeeee;
            }

            &>li.active>a,
            &>li.active>a:focus,
            &>li.active>a:hover {
                background-color: transparent;
                color: #459ce7;
            }
        }

        .tab-content {
            border-top-color: #3A3A3A;
        }
    }



    /*
    |--------------------------------------------------------------------------
    | View -- Playlists
    |--------------------------------------------------------------------------
    */

    .view-playlists {

        .playlists-nav {
            border-right: 1px solid #333;
            background-color: #555;


            .playlists-nav-body {

                .playlist-nav-item {

                    a {

                        &:hover {
                            background-color: #444;
                        }

                        &.active {
                            border-style: solid;
                            border-color: #333;
                            background-color: #444;
                            color: #eee;
                        }
                    }

                    input[type="text"] {
                        background-color: #444;
                        color: #eee;
                        border-style: solid;
                        border-color: #333;
                    }
                }
            }

            .playlists-nav-footer {

                .playlists-management {
                    border: solid 1px #333;

                    button {
                        color: #eee;
                        background-color: #555;
                    }
                }
            }
        }
    }



    /*
    |--------------------------------------------------------------------------
    | Bootstrap overrides
    |--------------------------------------------------------------------------
    */

    a {
        color: #459ce7;
    }

    button.btn-default {
        background-color: #555;
        color: #eee;
        border-color: #3A3A3A;

        &:hover,
        &:active,
        &:focus,
        &:focus:active {
            color: #EEE;
            background-color: #555;
            border-color: #3A3A3A;
        }
    }

    .alert {
        border-color: #444;
        background-color: #555;
        color: #EEE;

        &.alert-success {
            border-left-color: #5cb85c;
        }

        &.alert-info {
            border-left-color: #5bc0de;
        }

        &.alert-warning {
            border-left-color: #f0ad4e;
        }

        &.alert-danger {
            border-left-color: #d9534f;
        }
    }

    .form-control {
        border-color: #6D6D6D;
        background-color: #444;
        color: #EEE;
    }
}
