fedicomment/themes/poc/static/fedicomment.css

:root {
	--fedi-button-color: #502102;
	--fedi-warning-color: #b5680b;
	--fedi-error-color: #fca01d;
	--fedi-light-color: #f8efd5;
	--fedi-dark-color: #2e1600;
	--fedi-hl-color: #7c7672;
}

#fedicomment-button {
	background-color: var(--fedi-button-color);
	border: none;
	border-radius: 10px;
	margin: auto;
	color: var(--fedi-light-color);
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 16px;
	transition: 0.2s;
}

#fedicomment-button:hover {
	border-radius: 15px;
}

.fedicomment-alert {
	color: var(--fedi-light-color);
	text-align: center;
	font-weight: bold;
	padding: 30px;
	width: 60%;
	border-radius: 15px;
	margin: auto;
}

.fedicomment-error {
	background-color: var(--fedi-error-color);
}

.fedicomment-warning {
	background-color: var(--fedi-warning-color);
}

.fedicomment-comment {
	margin: 10px;
	padding: 10px;
	border: solid var(--fedi-hl-color) 1px;
	border-radius: 10px;
}

.fedicomment-comment .fedicomment-comment {
	border: none;
	border-radius: initial;
	margin: 0;
	margin-left: 5px;
	padding: 0;
	padding-left: 5px;
	border-left: solid var(--fedi-hl-color) 1px;
}

.fedicomment-comment-header img {
	height: 25px;
	width: auto;
}

.fedicomment-comment-header * {
	vertical-align: middle;
}

.fedicomment-reactions {
	margin: 10px;
	padding: 10px;
	border: solid var(--fedi-hl-color) 1px;
	border-radius: 10px;
}

.fedicomment-share::before {
	content: '🔄';
}

.fedicomment-fav::before{
	content: '❤️';
}