diff --git a/public/scss/skins.scss b/public/scss/skins.scss
index 4940bbbe08..05f05b2622 100644
--- a/public/scss/skins.scss
+++ b/public/scss/skins.scss
@@ -1,6 +1,11 @@
 // fixes for global skin issues
 
+// brite text-secondary is white :/
+.skin-brite .text-secondary {
+	color: var(--bs-secondary-color) !important;
+}
+
 // fix minty buttons
-.skin-minty .btn{
+.skin-minty .btn {
 	color: initial!important;
 }
\ No newline at end of file
diff --git a/src/meta/css.js b/src/meta/css.js
index 4b7e999383..1c8f9f0329 100644
--- a/src/meta/css.js
+++ b/src/meta/css.js
@@ -16,7 +16,7 @@ const utils = require('../utils');
 const CSS = module.exports;
 
 CSS.supportedSkins = [
-	'cerulean', 'cosmo', 'cyborg', 'darkly', 'flatly', 'journal', 'litera',
+	'brite', 'cerulean', 'cosmo', 'cyborg', 'darkly', 'flatly', 'journal', 'litera',
 	'lumen', 'lux', 'materia', 'minty', 'morph', 'pulse', 'quartz', 'sandstone',
 	'simplex', 'sketchy', 'slate', 'solar', 'spacelab', 'superhero', 'united',
 	'vapor', 'yeti', 'zephyr',
@@ -270,7 +270,7 @@ CSS.getSkinSwitcherOptions = async function (uid) {
 		{ name: '[[user:no-skin]]', value: 'noskin', selected: userSettings.bootswatchSkin === 'noskin' },
 	];
 	const lightSkins = [
-		'cerulean', 'cosmo', 'flatly', 'journal', 'litera',
+		'brite', 'cerulean', 'cosmo', 'flatly', 'journal', 'litera',
 		'lumen', 'lux', 'materia', 'minty', 'morph', 'pulse', 'sandstone',
 		'simplex', 'sketchy', 'spacelab', 'united', 'yeti', 'zephyr',
 	];