Prettier Codewars

Polish Codewars with cleaner training pages, better editor typography, responsive fixes, subtle typing effects, and promotion cleanup.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

نووسەر
NihilDigit
Daily installs
1
Total installs
1
Ratings
0 0 0
وەشان
1.1.0
Created
2026-05-21
Updated
2026-05-21
Size
18.2 KB
مۆڵەت
MIT
Applies to

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.