diff --git a/gulp/res/js/hide.js b/gulp/res/js/hide.js
index 7ac6bb76..4eee7d7a 100644
--- a/gulp/res/js/hide.js
+++ b/gulp/res/js/hide.js
@@ -151,12 +151,14 @@ const hideImagesCss = `.file-thumb { visibility: hidden !important; }`
 const hideRecursiveCss = `.op.hidden ~ .anchor, .op.hidden ~ .post-container { display: none; }`;
 const heightlimitCss = `img, video { max-height: unset; }`;
 const crispCss = `img { image-rendering: crisp-edges; }`;
+const nonColorIdsCss = `.user-id { background: transparent none repeat scroll 0% 0% !important; border-color: transparent; text-shadow: none; color: var(--font-color); }`;
 //make classes with css
 //new CssToggle('hidestubs-setting', 'hidestubs', false, hideStubsCss);
 new CssToggle('hiderecursive-setting', 'hiderecursive', true, hideRecursiveCss);
 new CssToggle('heightlimit-setting', 'heightlimit', false, heightlimitCss);
 new CssToggle('crispimages-setting', 'crispimages', false, crispCss);
 new CssToggle('hideimages-setting', 'hideimages', false, hideImagesCss);
+new CssToggle('noncolorids-setting', 'noncolorids', false, nonColorIdsCss);
 
 window.addEventListener('addPost', function(e) {
 	const post = e.detail.post;
diff --git a/views/mixins/modal.pug b/views/mixins/modal.pug
index ce73ca13..041b828a 100644
--- a/views/mixins/modal.pug
+++ b/views/mixins/modal.pug
@@ -55,13 +55,17 @@ mixin modal(data)
 								label.postform-style.ph-5
 									input#relative-setting(type='checkbox')
 								.rlabel Show relative time
+							.row
+								label.postform-style.ph-5
+									input#noncolorids-setting(type='checkbox')
+								.rlabel Non-color IDs
 
 						.col
 
 							.row
 								label.postform-style.ph-5
 									input#hideimages-setting(type='checkbox')
-								.rlabel Hide Thumbnails
+								.rlabel Hide thumbnails
 							.row
 								label.postform-style.ph-5
 									input#hiderecursive-setting(type='checkbox')