@define-color color_discord rgb(114, 137, 218);
@define-color color_pinged rgb(240, 71, 71);

@define-color darker mix(@theme_base_color, #000000, 0.1);

button.flat {
	padding: 0;
	min-height: 0;
}

preferencesgroup {
	padding: 12px 10px;
}

preferencesgroup row {
	padding: 6px 8px;
}

.left-whole {
	background-color: @theme_bg_color;
}

.left-whole > headerbar {
	border-top-right-radius: 0;
}

.right-whole > headerbar {
	border-top-left-radius: 0;
}

.codeblock {
	background-color: alpha(@theme_bg_color, 0.25);
	padding: 8px;
}

/*
.status {
	background-color: white;
	border: 2px solid #FFFFFF;
	border-radius: 9999px;
}

.guilds .status {
	border-width: 3px;
}

.popup-user .status {
	border-width: 4px;
}
*/

.status.online {
	border-color: #43B581;
}

.status.busy {
	border-color: #F04747;
}

.status.idle {
	border-color: #FAA61A;
}

.status.offline {
	border-color: #747F8D;
}

.status.unknown {
	border-color: #FFFFFF;
}

.quickswitcher list {
	background-color: transparent;
}

headerbar {
	padding: 0;
}

headerbar button {
	box-shadow: none;
}

textview, textview > text {
	background-color: transparent;
}

.guilds, .channels, .dmchannels, .members {
	background-color: @theme_bg_color;
}

.messagecontainer {
	background-color: @theme_base_color;
}

.messages {
	background-color: @theme_base_color;
}

.embed {
	background-color: @darker;
}

.messages > row {
	padding: 0;
}

.message {
	border-left: 2px solid transparent;
}

.message.mentioned {
	border-left: 2px solid rgb(250, 166, 26);
	background-color: rgba(250, 166, 26, 0.05);
}

.messages > row .message.condensed .timestamp {
	opacity: 0;
}

.messages > row:hover .message.condensed .timestamp {
	opacity: 1;
}

.guilds > * {
	padding: 0;
}


/*
.guild-folder.unread {
	background-color: alpha(@theme_selected_bg_color, 0.15);
}
.guild-folder.pinged {
	background-color: alpha(@color_pinged, 0.15);
}
*/

.guilds > *,
.guild-folder button,
.guild-folder button stack {
	border-radius: 16px;
}

.guilds > *,
.guilds > *:hover {
	background: none;
}

.guild-folder list {
	border-radius: 0 0 16px 16px;
}

.guild-folder list {
	background-color: transparent;
}

@define-color folder_bg_color mix(@theme_bg_color, @theme_fg_color, .15);

.guild-folder .guild .child-box {
	padding: 4px 0;
	background-color: @folder_bg_color;
}
.guild-folder .guild:last-child .child-box {
	padding-bottom: 0;
	margin-bottom: 4px;
	border-radius: 0 0 99px 99px;
}

.guild-folder > button {
	margin: 0;
}

/* Since list hover has that dumb background color that goes away when you hover
 * out, we could put another color on top using stack. The border-radius is to
 * trim the bottom two radius out. */
.guild-folder stack:not(.collapsed) {
	background-color: @folder_bg_color;
	border-radius: 16px 16px 0 0;
}

/* The left-side strip is good-enough of an indicator. */
.guild, .guild:hover, .guild:selected, .guild:selected, .guild:focus {
	background-color: transparent;
}
.guilds > *:hover, .guild:hover {
	box-shadow: none;
}
.guild-folder:focus, .guild-folder:active {
	box-shadow: none;
	background-image: none;
}

.guilds row {
	padding: 0;
	border-radius: 16px;
}

.guild:hover image {
	-gtk-icon-effect: highlight;
}

.emojiview, .emojiview searchbar box {
	background-color: @theme_base_color;
}

.emojiview searchbar entry {
	background-color: transparent;
}

.emojiview button {
	padding: 4px;
	border-radius: 0;
}

.emojiview button:hover {
	background-image: none;
}

.emojiview flowbox {
	background-color: shade(@theme_bg_color, 0.95);
	padding: 4px 4px;
}

.emojiview row {
	padding: 0;
}

.user-info, .popup-grid > *:not(.popup-user):not(.activity) {
	background-color: shade(@theme_base_color, 0.9);
	color: @theme_fg_color;
}

.popup-grid > .activity {
	background-color: rgba(0, 0, 0, 0.12);
}

.user-info, popover {
	padding: 0;
	margin: 0;
}

.user-info separator {
	margin-top: 0;
}

.user-info.spotify {
	background-color: #1db954;
	color: white;
}

.user-info.twitch {
	background-color: rgb(89, 54, 149);
	color: white;
}

.user-info.game {
	background-color: #7289da;
	color: white;
}

.message-input {
	background-image: linear-gradient(transparent, rgba(10, 10, 10, 0.3) 60px);
	transition: 75ms linear;
	transition-property: background-image;
}

.message-input .completer {
	background-color: transparent;
}

.message-input button {
	background: none;
	box-shadow: none;
	border: none;
	opacity: 0.65;
}

.message-input button:hover {
	opacity: 1;
}

.guild > image, .dmbutton > image {
	border-radius: 50%;
}

/*
.guild.unread > image {
border: 2px solid @theme_fg_color;
padding: 2px;
}
.guild.pinged > image, .dmbutton.pinged > image {
border: 2px solid rgb(240, 71, 71);
padding: 2px;
}
 */
.channel label, .category.muted label {
	opacity: 0.5;
}

.channel.muted label {
	opacity: 0.25;
}

.channel.unread label, .opacity.pinged label {
	opacity: 1;
}

.channel.pinged {
	color: @color_pinged;
	background-color: alpha(@color_pinged, 0.15);
}

.dmchannel.pinged {
	background-color: alpha(@color_pinged, 0.15);
}

.member-section list {
	background-color: transparent;
}

.reactions > flowboxchild {
	margin: 0;
	padding: 1px;
}

button.reaction:checked {
	background-color: alpha(@color_discord, 0.2);
	color: @color_discord;
}
