abaddon/css/main.css

@define-color background_color #263238;
@define-color secondary_color #2c3e50;
@define-color text_color #cfd8dc;

.embed {
    background-color: #364759;
    color: #cbcbcb;
    border-radius: 5px;
    padding: 10px;
}

.embed-footer {
    margin-top: 5px;
    font-size: 11px;
}

.embed-author {
    margin-bottom: 10px;
    font-size: 12px;
}

.channel-list {
    background-color: @secondary_color;
}

.channel-row-label {
    padding: 5px;
}

.channel-row-label, .channel-row-label text {
    color: @text_color;
    background: rgba(0, 0, 0, 0);
}

.channel-row-label.nsfw text {
    color: #ed6666;
}

.channel-row:focus {
    background-color: #34495e;
}

.channel-row-category {
    padding-left: 15px;
}

.channel-row-channel {
    padding-left: 30px;
}

.messages, .message-container {
    background-color: @background_color;
}

.messages {
    padding: 15px;
}

.message-container + .message-container {
    margin-top: 10px;
}

.message-container-extra {
    color: #78909c;
    margin-left: -5px;
    margin-right: -5px;
}

.message-container-timestamp {
    color: #78909c;
}

.message-text {
    padding-top: 5px;
}

.message-text text, .message-reply {
    color: @text_color;
}

.message-reply {
    border-left: 2px solid gray;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    opacity: 0.7;
}

.message-text + .message-text {
    padding-top: 5px;
}

.message-text text {
    background-color: @background_color;
}

.message-input, .message-input textview, .message-input textview text {
    background-color: @secondary_color;
    color: @text_color;
}

.message-input {
    padding: 0px 0px 0px 5px;
}

.members {
    background-color: @background_color;
}

.members-row-label {
    color: @text_color;
    padding: 5px;
}

.members-row-member {
    padding: 0;
    padding-left: 15px;
}

.message-attachment-box {
    color: #aaaaaa;
    border: 1px solid #aaaaaa;
    padding: 2px 5px 2px 5px;
}

.message-attachment-box label {
    margin: 5px;
}

.reaction-box {
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    background-color: rgba(0.4, 0.4, 0.4, 0.4);
    border-radius: 5px;
    border: 1px solid transparent;
}

.reaction-box.reacted {
    border: 1px solid white;
}

.reaction-count {
    color: @text_color;
}

.completer {
	background-color: @secondary_color;
	padding: 5px;
}

.completer-entry {
	color: @text_color;
}

.completer-entry-image {
	margin-right: 6px;
}

.typing-indicator {
    margin-top: 10px;
    margin-bottom: -7px;
    color: @text_color;
}

paned separator {
    background: #37474f;
}

scrollbar {
    background: @background_color;
    border-left: 1px solid transparent;
}

menubar, menu {
    background: @background_color;
    color: #cccccc;
}