@import 'general';

body {
    color: $text;
}


label {
    color: $text;
}

h1 {
    color: $text;
    display: block;
}
.center {
    margin: 0 auto;
    text-align: center;
}
::placeholder {
    color: $back-grey;
}

input {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

// Menu bar stuff

.btn-nav-settings {
	color: $text;
    border-color: $text;
    margin-right: 1em;
}

// Join modal meme
.join-style {
    color: $text;
    background: $top-grey;
}

.join-form-label {
    color: $text;
}

// mostly used to let the sidebar be of a correct height
.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}


// CHANNEL SIDEBAR Things
#channels-container {
    min-width: 200px;
    max-width: 200px;
    min-height: 100vh;
}

.channels-list-header {
    color: $text;
    background-color: $back-grey;
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

#channels-container ul li a {
    padding: 10px;
    display: block;
    text-decoration: none;
    color: $text;
}

#channels-container ul li a:hover {
    background-color: $bar-grey;
}