Prettier Codewars
Polish Codewars with cleaner training pages, better editor typography, responsive fixes, subtle typing effects, and promotion cleanup.
Features
- Hides Codewars promotion, partner, referral, and house ad blocks.
- Fixes kata training header controls on medium-width screens.
- Fixes profile Rank Breakdown layout on medium-width screens.
- Uses local Maple Mono NF when available, falling back to Maple Mono webfont.
- Enables CodeMirror line wrapping.
- Tunes CodeMirror font size, line height, current line, and horizontal overflow.
- Keeps the kata description panel focused on
.description-content.
- Adds small orange typing sparks and dark delete-annihilation particles.
- Adds Tampermonkey menu options for toggling editor polish, line wrapping, typography, and typing effects.
Configuration
Edit the config object near the top of the userscript:
const config = {
hidePromotions: true,
useMapleMono: true,
tuneCodeMirror: true,
lineWrapping: true,
typingSparks: true,
deleteAnnihilation: true,
editorFontSize: "15px",
editorLineHeight: 1.55
};
These settings can also be changed from the Tampermonkey userscript menu.
Notes
- No external JavaScript libraries are used.
- Maple Mono webfont is loaded from jsDelivr/Fontsource only when the browser cannot resolve the local font.
- The script is designed for normal userscript page-load execution, not hot module replacement.
