@import '../utilities/variables';

body {
    background-color: $body--bg;
    color: $body--color;

    a,
    a:hover {
        color: $body--color;
    }

    textarea::placeholder,
    textarea::-webkit-input-placeholder {
        color: $gray-600 !important;
    }

    .ql-editor {
        color: $body--color;
    }

    div.ql-editor.ql-blank::before {
        color: $gray-600;
    }

    .card {
        border: 1px solid $gray-200 !important;
    }

    .dropdown-menu {
        border: 1px solid $gray-200;
        box-shadow: $box-shadow-lg;

        & .dropdown-item:hover {
            color: $body--color;
            background-color: $gray-200;
        }

        & .dropdown-item:active {
            color: $body--color;
            background-color: $gray-200;
        }
    }

    .border-top {
        border-top: 1px solid $gray-200 !important;
    }

    .text-muted {
        color: $text--muted;
    }

    .bg-list-muted {
        background-color: $gray-100;
    }

    .controls {
        background-color: $body--bg;
    }

    .navbar-mini {
        background-color: $body--bg;
    }

    .form-control,
    .input-group-text,
    .custom-select {
        background-color: $gray-100 !important;
    }

    .filepond--panel-root {
        background-color: $gray-100 !important;
    }

    .hover-bg {
        background-color: $gray-200;
    }

    .fill-bg {
        fill: $body--bg;
    }

    .fill-body-color {
        fill: $body--color;
    }

    .fill-muted {
        fill: $text--muted;
    }

    .fill-logo {
        fill: $gray-500;
    }
}
