User:DoggoBit/Sandbox/More colours: Difference between revisions

Latest revision as of 14:57, 9 June 2025

This is another experiment using colours. However, for this one, you'll need to copy the code at User:DoggoBit/Common.css to your own user style.

Grey

Red

Orange

Yellow

Lime

Green

Mint

Cyan

Nix Light Blue

Blue

Nix Dark Blue

Violet

Magenta

Purple

Grey

Base

Bright Red

Bright Orange

Bright Yellow

Bright Lime

Bright Green

Bright Mint

Bright Cyan

Bright Nix Light Blue

Bright Blue

Bright Nix Dark Blue

Bright Violet

Bright Magenta

Bright Purple

Base

@@ Line 3: / Line 3: @@
 == Colours ==
+=== Base colours ===
+<div style="display: flex; gap: 0.6rem; flex-wrap: wrap; justify-content: space-between;">
 {{/colour|grey|Grey}}
 {{/colour|red|Red}}
@@ Line 9: / Line 11: @@
 {{/colour|lime|Lime}}
 {{/colour|green|Green}}
+{{/colour|mint|Mint}}
 {{/colour|cyan|Cyan}}
+{{/colour|nix-light-blue|Nix Light Blue}}
 {{/colour|blue|Blue}}
-{{/colour|nix-light|Nix Light Blue}}
+{{/colour|nix-dark-blue|Nix Dark Blue}}
-{{/colour|nix-dark|Nix Dark Blue}}
 {{/colour|violet|Violet}}
 {{/colour|magenta|Magenta}}
-{{/colour|indigo|Indigo}}
+{{/colour|purple|Purple}}
+{{/colour|grey|Grey}}
+</div>
+=== Bright colours ===
+<div style="display: flex; gap: 0.6rem; flex-wrap: wrap; justify-content: space-between;">
+{{/colour|base|Base}}
+{{/colour|bright-red|Bright Red}}
+{{/colour|bright-orange|Bright Orange}}
+{{/colour|bright-yellow|Bright Yellow}}
+{{/colour|bright-lime|Bright Lime}}
+{{/colour|bright-green|Bright Green}}
+{{/colour|bright-mint|Bright Mint}}
+{{/colour|bright-cyan|Bright Cyan}}
+{{/colour|bright-nix-light-blue|Bright Nix Light Blue}}
+{{/colour|bright-blue|Bright Blue}}
+{{/colour|bright-nix-dark-blue|Bright Nix Dark Blue}}
+{{/colour|bright-violet|Bright Violet}}
+{{/colour|bright-magenta|Bright Magenta}}
+{{/colour|bright-purple|Bright Purple}}
+{{/colour|base|Base}}
+</div>