Norska uses a slightly different color palette than the default Tailwind one. This page explains all the differences.
It uses a numeric scale using single digit units instead of hundreds. For
example, .bg-red-5
is used instead of .bg-red-500
.
The rationale for the change is that it's easier to increment/decrement the suffix using an IDE keybinding when they only move by one digit instead of 100.
By convention, every color can be called without a numeric suffix, and the
value of the -6
will be used instead. For example, .bg-blue
and
.bg-blue-6
are the same color.
The rationale here is to be able to quickly slap some mid-tone color for quick prototyping, and then being able to tweak the scale if needed.
In norska, the text-
prefix is dropped when coloring text. To color a text blue, you call
.blue
on it instead of .text-blue
.
The rationale behind the change is to have shorter classes for text styling.
This is in line with the .bold
or .underline
classes.
The following table displays all the available colors. For the sake of clarity, it exposes them when used on a background, but they are equally available on borders and text.