From ebcd2eead4ccf3dcd8e1eda76a9e78c59eadd62f Mon Sep 17 00:00:00 2001 From: Australis-Theme Date: Fri, 12 Jul 2024 18:18:30 -0700 Subject: [PATCH] Update README.md --- README.md | 86 +++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 81 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 8ca56a5..538b497 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,84 @@ -# australis -Australis Theme +# Australis Dark Color Theme -![#f03c15](https://placehold.co/50x50/f03c15/f03c15.png) `#f03c15` +The Australis Dark color theme is inspired by the Southern Lights: The Aurora Australis +The theme consists of 16 terminal colors and a specification for usage. It is designed to be medium contrast and easy on the eyes as well as having an aesthetic appeal. -- ![#c5f015](https://placehold.co/50x50/c5f015/c5f015.png) `#c5f015` -- ![#1589F0](https://placehold.co/50x50/1589F0/1589F0.png) `#1589F0` +It is based on the following design criteria: +* All colors are cooler than neutral. +* With the exception of black, white and yellow, ANSI terminal colors have a perceived lab lightness of 65. *Bright* variants have a lab lightness of 80. +* As neutral colors get brighter, they shift slightly towards green while maintaining the overall cool blue temperature. This is a design decision to give it an antactic ocean aurora theme. +* Overall contrast is medium to medium high to maintain eye comfort. + +## Ice - Main Colors + +These colors are the base colors. The background is a slightly cool light black without becoming too blue. As the primary colors increase in brightness, they start tinting more green. These are the primary colors that should make up the background and foreground. + +| ![#222531](https://placehold.co/100/222531/222531) | ![#a9bcc3](https://placehold.co/100/a9bcc3/a9bcc3) |![#cce7ec](https://placehold.co/100/cce7ec/cce7ec) | +| :----: | :----: | :----: | +| #222531 | #a9bcc3 | #c7e7f9 | +| Background | Foreground | Highlight | +| Black | White | Bright White | + +## Aurora - Primary Colors + +These make up the bulk of the color volume for the theme. These colors can be used generously. By default, blue, cyan and green are used in that order of preference. Bright variants are used for highlighting purposes. + +| ![#6388D8](https://placehold.co/100/6388D8/6388D8) | ![#a4c4ff](https://placehold.co/100/a4c4ff/a4c4ff) | ![#00b1a8](https://placehold.co/100/00b1a8/00b1a8) | ![#42dcd1](https://placehold.co/100/42dcd1/42dcd1) | ![#16B866](https://placehold.co/100/16B866/16B866) | ![#51e08a](https://placehold.co/100/51e08a/51e08a) | +| :----: | :----: | :----: | :----: | :----: | :----: | +| #6388D8 | #a4c4ff | #00b1a8 | #42dcd1 | #16B866 | #51e08a +| Blue | Bright Blue | Cyan | Bright Cyan | Green | Bright Green | + +## Dawn - Secondary Colors + +These should be used sparingly for the theme. + +| ![#ff491a](https://placehold.co/100/ff491a/ff491a) | ![#ff854f](https://placehold.co/100/ff854f/ff854f) | ![#e1c631](https://placehold.co/100/e1c631/e1c631) | ![#FFE14E](https://placehold.co/100/FFE14E/FFE14E) | ![#9d78ff](https://placehold.co/100/9d78ff/9d78ff) | ![#d8adff](https://placehold.co/100/d8adff/d8adff) | +| :----: | :----: | :----: | :----: | :----: | :----: | +| #ff491a | #ff854f | #e1c631 | #FFE14E | #9d78ff | #d8adff +| Red | Bright Red | Yellow | Bright Yellow | Magenta | Bright Magenta | + +## Contrast Colors + +These are neutral tones between black and bright white for adjusting contrast and for the representation of text on the colors and themes with varying degrees of contrast. Black, Bright Black, White and Bright White can be substituted for any of the contrast colors to give the desired contrast. Uses for the darks include low-contrast elements like comments. As with all neutral tones in the theme, green tint is progressively increased with brightness. + +### Darks + +| ![#222531](https://placehold.co/100/222531/222531) | ![#373b46](https://placehold.co/100/373b46/373b46) | ![#414751](https://placehold.co/100/414751/414751) | ![#565f69](https://placehold.co/100/565f69/565f69) | ![#6e7882](https://placehold.co/100/6e7882/6e7882) | ![#86929d](https://placehold.co/100/86929d/86929d) | +| :----: | :----: | :----: | :----: | :----: | :----: | +| #222531 | #373b46 | #c7e7f9 | #565f69 | #6e7882 | #6e7882 | +| Black (LAB 15) | Bright Black (LAB 25) | Dark_30 (LAB 30) | Dark_40 (LAB 40) | Dark_50 (Lab 50) | Dark_60 (Lab 60) + +### Brights + +| ![#9daeb6](https://placehold.co/100/9daeb6/9daeb6) |![#a9bcc3](https://placehold.co/100/a9bcc3/a9bcc3) | ![#b3cbcf](https://placehold.co/100/b3cbcf/b3cbcf) | ![#cce7ec](https://placehold.co/100/cce7ec/cce7ec) | +| :----: | :----: | :----: | :----: | +| #9daeb6 | #a9bcc3 | #b3cbcf | #cce7ec | +| Bright 70 (LAB 70) | White (Lab 75) | Bright_80 (LAB 80) | Bright White (LAB 90) + +## All Colors and Hex Codes +| Swatch | Hex | Color | +| -- | :--: | :-- | +| ![#222531](https://placehold.co/100/222531/222531) | #222531 | black | +| ![#373b46](https://placehold.co/100/373b46/373b46) | #373b46 | bright black | +| ![#a9bcc3](https://placehold.co/100/a9bcc3/a9bcc3) | #a9bcc3 | white | +| ![#cce7ec](https://placehold.co/100/cce7ec/cce7ec) | #cce7ec | bright white | +| ![#ff491a](https://placehold.co/100/ff491a/ff491a) | #ff491a | red | +| ![#ff854f](https://placehold.co/100/ff854f/ff854f) | #ff854f | bright red | +| ![#16B866](https://placehold.co/100/16B866/16B866) | #16B866 | green | +| ![#51e08a](https://placehold.co/100/51e08a/51e08a) | #51e08a | bright green | +| ![#6388D8](https://placehold.co/100/6388D8/6388D8) | #6388D8 | blue | +| ![#a4c4ff](https://placehold.co/100/a4c4ff/a4c4ff) | #a4c4ff | bright blue | +| ![#e1c631](https://placehold.co/100/e1c631/e1c631) | #e1c631 | yellow | +| ![#FFE14E](https://placehold.co/100/FFE14E/FFE14E) | #FFE14E | bright yellow | +| ![#9d78ff](https://placehold.co/100/9d78ff/9d78ff) | #9d78ff | magenta | +| ![#d8adff](https://placehold.co/100/d8adff/d8adff) | #d8adff | bright magenta | +| ![#00b1a8](https://placehold.co/100/00b1a8/00b1a8) | #00b1a8 | cyan | +| ![#42dcd1](https://placehold.co/100/42dcd1/42dcd1) | #42dcd1 | bright cyan | +| ![#414751](https://placehold.co/100/414751/414751) | #414751 | dark 30 | +| ![#565f69](https://placehold.co/100/565f69/565f69) | #565f69 | dark 40 | +| ![#6e7882](https://placehold.co/100/6e7882/6e7882) | #6e7882 | dark 50 | +| ![#86929d](https://placehold.co/100/86929d/86929d) | #86929d | dark 60 | +| ![#9daeb6](https://placehold.co/100/9daeb6/9daeb6) | #9daeb6 | bright 70 | +| ![#b3cbcf](https://placehold.co/100/b3cbcf/b3cbcf) | #b3cbcf | bright 80 | +