From 3a61990e62f774fceeb1651d7e49d9c863765e53 Mon Sep 17 00:00:00 2001 From: Roberto Redradix Date: Tue, 29 Aug 2023 18:09:46 +0200 Subject: [PATCH] chore(demo): demonstrate colors CSS working in a web document --- packages/demo/src/index.html | 42 +++++++++++++++++++++++++++++ packages/demo/src/styles/colors.css | 29 ++++++++++++++++++++ 2 files changed, 71 insertions(+) create mode 100644 packages/demo/src/styles/colors.css diff --git a/packages/demo/src/index.html b/packages/demo/src/index.html index 9d799d5..4428746 100644 --- a/packages/demo/src/index.html +++ b/packages/demo/src/index.html @@ -3,6 +3,18 @@ penpot-css-export demo + +

Typography

@@ -44,5 +56,35 @@
Body Small
+

Colors

+ diff --git a/packages/demo/src/styles/colors.css b/packages/demo/src/styles/colors.css new file mode 100644 index 0000000..62de9d3 --- /dev/null +++ b/packages/demo/src/styles/colors.css @@ -0,0 +1,29 @@ +:root { + --primary_900: #006e54; + --secondary_500: #bf98fe; + --secondary_400: #cfb3ff; + --neutral_100: #f7f8f9; + --neutral_500: #8590a2; + --primary_200: #caffe9; + --secondary_800: #691fd1; + --primary_100: #e9fff7; + --secondary_200: #f0e8ff; + --neutral_200: #f1f2f4; + --neutral_300: #dcdfe4; + --neutral_700: #626f86; + --neutral_400: #b3b9c4; + --neutral_600: #758195; + --secondary_600: #9453f9; + --primary_300: #9affd9; + --primary_400: #5afbc7; + --secondary_300: #e4d4ff; + --primary_800: #008b69; + --neutral_900: #172b4d; + --neutral_800: #44546f; + --secondary_900: #5b1faa; + --primary_700: #00ae7f; + --secondary_700: #7d30ed; + --primary_500: #31efb8; + --secondary_100: #f9f5ff; + --primary_600: #00d59a; +} \ No newline at end of file