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.

(Tôi đã có Trình quản lý tập lệnh người dùng, hãy cài đặt nó!)

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!)

Tác giả
NihilDigit
Cài đặt hàng ngày
1
Số lần cài đặt
1
Đánh giá
0 0 0
Phiên bản
1.1.0
Đã tạo
21-05-2026
Đã cập nhật
21-05-2026
Kích thước
20 KB
Giấy phép
MIT
Áp dụng cho

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.