2bitdesigns / 4bitcss

Terminal Color Schemes in CSS3

4BitCSS

Color Schemes are an important part of web design.

Unfortunately, there's not too many great repositories of simple color schemes.

Luckily, console nerds have been hacking at this problem for some time.

@mbadalato keeps a wonderful repository of color schemes for terminals.

4BitCSS generates .css schemes for all schemes in this repository, and allows you to create your own with Export-4BitCss.

Check out https://4bitcss.com for some sweet samples.

4bitcss's Issues

`.Strikethru`

4bitcss build files should go beneath `/Build`

`Set-4BitDaily/NightlyPalette`

Palette of the Day / Night

Every build, 4bitcss should check to see if there is already a palette of the day/night.

If one is not present, two palettes should be randomly selected: one bright color scheme "Palette of the Day", and one dark color scheme "Palette of the Night".

Past or future palettes of the day/night can be specified inside of a PaletteOfTheDay.json/PaletteOfTheNight.json, which should be propagated into _data.

This implies:

• #37
• #38

4bitcss `dockerfile`

`Convert-4BitName`

As this is getting redundant to do everywhere, a simple function should do the trick.

`Select-4bitcss/Select-Palette`

This should select a palette, given a name.

It should be automatically built so that the palette list is populated from the list of available palettes.

4bitcss should support more `$psStyle` properties

$psStyle represents rich styling in PowerShell.

For a smooth transition to web experience, as much of $psStyle as possible should be included in 4bitcss.

• #52
• #53
• #54
• #55
• #56
• #57
• #58

4bitcss should expose itself as `$4bitcss`

Export-4BitCSS: ansi13-fill is incorrect

Variable name typo

Automate build and release (using submodules)

4bitcss should be able to build and release automatically whenever the submodule is updated.

Usage instructions

There should be a page covering usage instructions.

Specifically:

1. CDN Based Use (e.g. https://cdn.jsdelivr.net/gh/2bitdesigns/4bitcss@latest/css/Afterglow.css)
2. Local Use (Download X.css, Add link)

4bitcss should build via workflow

Export-4BitSVG

This should export an existing SVG, with slight modifications made to apply colors from a 4bitcss palette.

4bitcss should mount itself

Logo should not use bullet points

This can cause unexpected encoding issues. Use circles instead.

4bitcss should support `background-color`

Currently, there are variants for each color being uses as a stroke or fill attribute.

There should also be a background-color variant of each color, for example: cyan-background or ANSI6-Background

Feeling Lucky Should be an Icon

GitHub Action support

4bitcss should be available as a GitHub action.

By default, this action should copy all color schemes.

It should have an array parameter, colorscheme, which will let us provide multiple color scheme names. If this is provided, only those color schemes will be copied.

It should have additional parameters for each parameter found in Export-4BitCSS.

If these parameters are found, it should create a custom color scheme.

Site requires analytics

Supporting Sponsorship

Logo points should attempt to use color

It might looks nice for the logo to incorporate 6 different colors from the color scheme (foreground, background, and one ansi class for each "bit" in the logo)

4bitcss commands should go beneath `/Commands/`

4BitCss's website should be more nested

Currently, each scheme has several files within /docs for each color scheme

It should instead have one directory for each color scheme within /docs.

4bitcss is a collection of 16 color CSS schemes

4bitcss should include a `Dim` class

4bitcss needs a logo

A Theme should be contain CSS variables IsBright and IsDark

`.Italic`

`Export-4BitCss` `-CursorColor` and `-SelectionBackground` should be optional

Export-4BitCSS should quote the color scheme name

`Export-4bitJS` should export a javascript file to control 4bitcss

Save / Load Theme should be removed (for now)

Once a full favorites system exists, this would be re-added.

ThemeList() should become ColorSchemeList()

4bitcss should include a `Bold` class

Open Graph support

4bitcss should support OpenGraph. See http://davidensinger.com/2013/04/adding-open-graph-tags-to-jekyll/.

Download and Cloud Download links should be icons

Each scheme should have a preview page.

That is to say, https://4bitcss/Afterglow should preview the Afterglow scheme.

Build should export all color scheme names

As well as all bright and dark color schemes.

4bitcss in Docker

4bitcss should be published to Docker

• #50
• #51

4bitcss should use more Jekyll includes

Jekyll includes would be a handy way to reduce per-file footprint.

4bitcss repository housekeeping

• #45
• #46
• #47
• #48

4bitcss should include a `Hidden` class

`Get-4BitDaily/NightlyPalette`

4bitcss `ghcr.io`

"Starring" Color Schemes

One should be able to mark a color scheme as a favorite.

Export-4bitcss

The module should expose a single command capable of creating a 4bit color scheme.

This command should be able to customize how the CSS is exported.

`Export-4BitCSS` should color select options

This is one of the few HTML elements not yet styled.

Export-4bitjs should define a custom element

Preview Table Sizing Issue

When a color scheme has a very long preview name, the preview table is incorrectly sized.