diff --git a/assets/logos/social/gradient.gif b/assets/logos/social/gradient.gif new file mode 100644 index 0000000..6b957d3 Binary files /dev/null and b/assets/logos/social/gradient.gif differ diff --git a/assets/logos/social/pride.png b/assets/logos/social/pride.png new file mode 100644 index 0000000..8011c6e Binary files /dev/null and b/assets/logos/social/pride.png differ diff --git a/docs/style-guide.md b/docs/style-guide.md index 0b91883..5c9872f 100644 --- a/docs/style-guide.md +++ b/docs/style-guide.md @@ -13,10 +13,841 @@ These are general use cases for most of the palette relevant for user interfaces. The `function` expresses a very vague use-case of a color and the `scope example` is how it is generally used: -  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Background Colours

FunctionExamplesColours
Background PaneMain Canvas, Page BackgroundBase + + + + + + + +
Secondary PanesSecondary Canvases, Content Boxes, Sidebars + Crust,
+ Mantle + 		+
+ + 		+
+ + 		+
+ + 		+
+ +
Surface ElementsSign Columns, Cursor Line, Generic Buttons, Inputs + Surface 0,
+ Surface 1,
+ Surface 2 + 		+
+
+ + 		+
+
+ + 		+
+
+ + 		+
+
+ +
OverlaysSplits, Floating Elements + Overlay 0,
+ Overlay 1,
+ Overlay 2 + 		+
+
+ + 		+
+
+ + 		+
+
+ + 		+
+
+ +

Typography

FunctionExamplesColours
ForegroundMain Text, Body CopyText + + + + + + + +
SubtextSecondary Text, Headlines, Labels + Subtext 0,
+ Subtext 1 + 		+
+ + 		+
+ + 		+
+ + 		+
+ +
SubtleComments, Footnotes, Inactive TextOverlay 1 + + + + + + + +
Highlights + Links, URLs
+ Success
+ Warnings
+ Errors
+ Search Results, Tags + 		+ Rosewater
+ Green
+ Peach
+ Maroon
+ Blue
+ 		+
+
+
+
+ + 		+
+
+
+
+ + 		+
+
+
+
+ + 		+
+
+
+
+ +
+ + ### Terminals -  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Window Colours

LatteFrappéMacchiatoMocha
BackgroundBaseBaseBaseBase
Main TextTextTextTextText
URLsRosewaterRosewaterRosewaterRosewater
SelectionSurface 2Surface 2Surface 2Surface 2
Selection TextTextTextTextText
CursorRosewaterRosewaterRosewaterRosewater
Cursor TextBaseCrustCrustCrust
Active BorderLavenderLavenderLavenderLavender
Inactive BorderOverlay 0Overlay 0Overlay 0Overlay 0
Bell BorderYellowYellowYellowYellow

Regular Colours

LatteFrappéMacchiatoMocha
color0 + Subtext 1Surface 1 + Surface 1Surface 1
color1RedRedRedRed
color2GreenGreenGreenGreen
color3YellowYellowYellowYellow
color4BlueBlueBlueBlue
color5PinkPinkPinkPink
color6TealTealTealTeal
color7Surface 2Subtext 1Subtext 1Subtext 1

Bold Colours

LatteFrappéMacchiatoMocha
color8Subtext 0Surface 2Surface 2Surface 2
color9RedRedRedRed
color10GreenGreenGreenGreen
color11YellowYellowYellowYellow
color12BlueBlueBlueBlue
color13PinkPinkPinkPink
color14TealTealTealTeal
color15Surface 1Subtext 0Subtext 0Subtext 0

Extended Colours

LatteFrappéMacchiatoMocha
color16PeachPeachPeachPeach
color17RosewaterRosewaterRosewaterRosewater

Syntax Colours

LatteFrappéMacchiatoMocha
Mark 1LavenderLavenderLavenderLavender
Mark 1 TextBaseCrustCrustCrust
Mark 2MauveMauveMauveMauve
Mark 2 TextBaseCrustCrustCrust
Mark 3SapphireSapphireSapphireSapphire
Mark 3 TextBaseCrustCrustCrust
### Code Editors