@import 'defs.less';

.input-textarea {
	& > .-textarea {
		border: 1px solid @COL_NLLL;

		background: @COL_NLLLL;

		border-radius: 0.25em;
		overflow: hidden;

		& > textarea {
			width: 100%;
			max-width: 100%;			/* don't let the width exceed the width of the parent (do we need this anymore?) */
			min-height: 6em;

			background: inherit;		/* let the parent dictate background color */
			display: block;				/* removes gap on line after element */

			padding: 0.5em;
			border: 0;

			overflow: hidden;			/* We're going to resize the box automatically (hopefully this is mobile friendly) */
			resize: none;

			box-sizing: border-box;		/* Correctly fit to div-like shapes */

			outline: none;				/* Remove Chrome outline when focused (handled by a bg color change instead) */

			&:focus {
				background: @COL_W;
			}
		}
	}

	& > .-footer {
		font-size: 0.8em;
		overflow: hidden;

		& a {
			font-weight: bold;
		}

		& > .-left {
			.-upload {
				cursor: pointer;	/* hack */
			}
		}

		& > .-right {
			float: right;
		}
	}
}

@import 'defs.less';

.input-textarea {
	& > .-textarea {
		border: 1px solid @COL_NLLL;

		background: @COL_NLLLL;

		border-radius: 0.25em;
		overflow: hidden;

		& > textarea {
			width: 100%;
			max-width: 100%;			/* don't let the width exceed the width of the parent (do we need this anymore?) */
			min-height: 6em;

			background: inherit;		/* let the parent dictate background color */
			display: block;				/* removes gap on line after element */

			padding: 0.5em;
			border: 0;

			overflow: hidden;			/* We're going to resize the box automatically (hopefully this is mobile friendly) */
			resize: none;

			box-sizing: border-box;		/* Correctly fit to div-like shapes */

			outline: none;				/* Remove Chrome outline when focused (handled by a bg color change instead) */

			&:focus {
				background: @COL_W;
				color: @COL_K;
			}
		}
	}

	& > .-footer {
		font-size: 0.8em;
		overflow: hidden;

		& a {
			font-weight: bold;
		}

		& > .-left {
			.-upload {
				cursor: pointer;	/* hack */
			}
		}

		& > .-right {
			float: right;
		}
	}
}

Fix textarea focus colour on dark themes.
Fix textarea focus colour on dark themes.

Since the textarea background is set to white and the font color is not set, for dark theme users the focused textarea ends up being white on white and unreadable. 

I picked COL_K from this file since it seems to be the opposite of COL_W: https://github.com/ludumdare/ludumdare/blob/master/src/public-ludumdare.com/defs.less , and (presumably?) comes out to black on all sites, but I don't have the stack setup to test this at the moment. If there's a more on brand colour to pick, can update this PR.