jschan/gulp/res/css/themes/tchan.css

:root {
	--accent-color: #cb9fac;
	--input-borders: #140e10;
	--input-color: #cb9fac;
	--input-background: #1e1415;
	--input-alt-borders: #99719c;
	--input-alt-color: hsl(342.3, 29.7%, 71%);
	--icon-color: invert(17%) sepia(89%) saturate(7057%) hue-rotate(295deg) brightness(93%) contrast(120%);
	--darken: #00000010;
	--capcode-color: #bd758d;
	--dice-color: darkorange;
	--pinktext-color: #E0727F;
	--label-color: #241c1e;
	--box-border-color: #140e10;
	--link-color: palevioletred;
	--post-link-color: palevioletred;
	--link-hover: pink;
	--board-title: rgba(0, 0, 0, 0);
	--subject-color: #aa00a9;
	--hr: #582d3d;
	--name-color: #bd758d;
	--font-color: hsl(342, 30%, 71%);
	--post-color: #301821;
	--post-outline-color: #40232e;
	--highlighted-post-color: #301821;
	--highlighted-post-outline-color: #40232e;
	--title-color: red;
	--greentext-color: #4f9234;
	--spoiler-bg-color: #120c0d;
	--spoiler-hover-color: #dcd9d9;
	--spoiler-bg-color-op: #584453;
}

body {
	background: #140e10 url(/css/themes/assets/tchan-bg.png);
	font-family: trebuchet ms,Tahoma,Verdana,Arial,sans-serif;
	font-size: 13.3333px!important
}

.postmenu {
	border: none;
	background: url(/css/themes/assets/tchan-star.png) no-repeat;
	display: inline-block;
	height: 19px;
	width: 17px;
	vertical-align: bottom;
	margin-left: 5px
}

a.post-name {
	color: red!important;
	font-size: 0;
	text-decoration: none
}

a.post-name:before {
	content: 'SAGE!';
	font-size: 13px;
	text-decoration: none
}

.you::after {
	margin-left: 3px;
	content: "(You)";
	font-weight: lighter;
	font-style: italic;
	font-size: 13px;
	color: var(--name-color)
}

.spoiler {
	background: var(--spoiler-bg-color);
	color: transparent
}

.spoiler:hover {
	color: var(--spoiler-hover-color)
}

.post-container.op .spoiler {
	background: var(--spoiler-bg-color-op)
}

.captcha {
	border-radius: 5px;
	filter: invert(80%) sepia(15%) saturate(557%) hue-rotate(280deg) brightness(80%) contrast(120%)
}

.post-capcode {
	color: #bd758d!important;
	font-weight: 700!important
}

.post-capcode:after {
	color: #bd758d!important;
	font-weight: 700!important;
	text-shadow: none;
	content: '';
	background: url(/css/themes/assets/tchan-capcode.png) 0 0 no-repeat;
	background-size: cover;
	width: 15px!important;
	height: 16px!important;
	display: inline-block;
	margin-left: 5px
}

.board-title {
	font-weight: 700;
	background-attachment: scroll;
	background-clip: text;
	-webkit-background-clip: text;
	background-color: rgba(0,0,0,0);
	background-image: linear-gradient(to right,red,#ffa600,#fff500,#06ff00,#00c9ff,#2300ff,#ff00fa,red);
	background-size: 200%;
	animation: heading 1s linear infinite
}

@keyframes heading {
	to {
		background-position: 200% center
	}
}

.navbar {
	background: 0 0;
	border: none;
	box-shadow: none;
	position: absolute;
	color: var(--font-color)
}

.navbar a {
	color: var(--link-color)
}

.detected {
	background: linear-gradient(to right,red,#ffa600,#fff500,#06ff00,#00c9ff,#2300ff,#ff00fa,red);
	background-size: 200% auto;
	color: #000;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	animation: heading 1s linear infinite!important;
	font-family: trebuchet ms,Tahoma,Verdana,Arial,sans-serif!important;
	font-size: 100%!important
}

.pinktext {
	font-weight: 400;
	font-family: trebuchet ms,Tahoma,Verdana,Arial,sans-serif!important;
	font-size: x-large;
	color: #cb9eac
}

.close.postform-style,input,select,textarea {
	font-family: trebuchet ms,Tahoma,Verdana,Arial,sans-serif!important;
	font-size: 13.3333px!important;
	border-radius: 5px!important
}

.postform-style,input,select,textarea {
	font-family: trebuchet ms,Tahoma,Verdana,Arial,sans-serif!important;
	font-size: 13.3333px!important;
	border-radius: 5px!important
}

.modal a.button {
	color: var(--link-color)!important
}

.modal a.button:hover {
	color: var(--link-hover)!important
}

input[type=submit] {
	padding: 3px 4px;
	min-height: unset!important
}

input[type=file],input[type=number],input[type=password],input[type=range],input[type=text],textarea {
	border-width: 2px!important
}

.close.postform-style,input[type=button],input[type=submit],select {
	border-width: 1px!important;
	border-color: var(--input-alt-borders)!important;
	color: var(--input-alt-color)!important
}

#float .post-container,#livetext,#postform,#threadstats,.catalog-tile,.modal,.pages,.post-container,.stickynav,#action-menu, .collapse, .bottom-reply {
	border-radius: 4px;
	border-style: solid none none solid;
	border-width: 1px;
	box-shadow: 2px 2px 1px #120c0d
}

.post-container.op {
	box-shadow: unset
}

#postform {
	padding: 4px
}

#postform-dragHandle {
	border-radius: 4px
}

.file-thumb,.post-file-src * {
	max-width: 90vw;
	border-radius: 5px
}

.file-thumb {
	box-shadow: 0 1px 4px rgba(0,0,0,.2)
}

.post-container {
	padding-right: 3em;
	padding-top: .3em;
	padding-bottom: .5em;
	padding-left: .7em
}

.post-file-info {
	font-size: smaller;
	text-align: left;
	max-width: 150px
}

.post-file {
	align-items: start
}

.filelabel,div.label,textarea {
	border-radius: 5px;
	border-width: 2px
}

tr {
	background: var(--input-background);
	color: var(--input-color)
}

.board-banner {
	border: 2px solid #cb9fac;
	border-radius: 10px
}

.code {
	background-color: var(--spoiler-bg-color)!important;
	border-radius: 5px;
	border: var(--spoiler-bg-color)!important
}

.spoiler:not(:hover) * {
	background: var(--spoiler-bg-color)!important;
	color: transparent
}

.spoiler {
	cursor: auto
}

.spoiler:hover a {
	color: var(--spoiler-hover-color)!important
}

.post-container.op .spoiler:not(:hover) * {
	background: var(--spoiler-bg-color-op)!important
}

.anchor:target+.catalog-tile,.anchor:target+.post-container,.anchor:target+table,.anchor:target+table tbody tr th,.post-container.highlighted,.post-container.hoverhighlighted {
	outline: 2px dashed #cb9fac
}