Root Loops 🔴🔵

Spiffy terminal color schemes, as simple as pouring a bowl of cereal

Create your own terminal color scheme

Beautiful terminal color schemes are a proven way to increase your productivity by a huge margin ¹. Fact. In the past, developers often had to rely on ordinary, off-the-shelf color schemes to spice up their terminal experience. Root Loops allows you to generate your very own beautiful color schemes that match your mood and personality. Bland or vibrant, dark or light, you decide!

1: Any actual productivity gains from using Root Loops are purely coincidental. You get to flex with your own color scheme in front of your nerd friends, though.

👉 Give it a try!

Development

You'll need node >= v21.0.0.

Install dependencies via npm install.

Start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

Testing

Unit tests run locally using vitest:

npm run test:unit

E2E tests run via Playwright. You can try to install it locally and run the tests natively:

npx playwright install --with-deps # only need to run this once
npm run test:e2e

If that doesn't work (it doesn't work on non-LTS Ubuntu systems, for example) try running stuff in a container:

npm run test:e2e-docker

Playwright tests will start your application automatically.

(Re-)Generating Terminal Snippets

To demonstrate what the root loops color scheme looks like in action we provide a couple of sample terminal outputs in the snippets/ directory. The generate-ansi-snippets.js script in the snippets/ directory generates a bunch of ANSI-colored terminal output:

1. by runnig bat against the provided sample code files (e.g. python.py, elixir.ex or typescript.ts)
2. by running screenfetch on the host OS
3. by running a dummy test suite via vitest

In order to run this script, make sure you've got screenfetch and bat installed on your host OS, and then run:

cd snippets/
node generate-ansi-snippets.js

This will update the src/lib/snippets.ts file in place, which is the file we use to render terminal output samples in the root loops app.