From a79d753618ac204d05558d75635c0736373eb1cc Mon Sep 17 00:00:00 2001 From: Eric Y Liu Date: Sun, 2 May 2021 14:14:49 -0700 Subject: [PATCH] feat(theme): add g80 theme --- README.md | 4 +++- css/g80.scss | 32 +++++++++++++++++++++++++ docs/package.json | 2 +- docs/src/App.svelte | 9 +++++++ docs/src/components/Theme.svelte | 2 +- docs/src/layouts/ComponentLayout.svelte | 1 + docs/src/pages/components/Select.svx | 13 +++++++++- docs/yarn.lock | 10 ++++---- package.json | 2 +- yarn.lock | 8 +++---- 10 files changed, 69 insertions(+), 14 deletions(-) create mode 100644 css/g80.scss diff --git a/README.md b/README.md index 119dcc6d..a49b4350 100644 --- a/README.md +++ b/README.md @@ -89,6 +89,7 @@ Import components from `carbon-components-svelte` in the `script` tag of your Sv - **white.css**: Default Carbon theme (light) - **g10.css**: Gray 10 theme (light) +- **g80.css**: Gray 80 theme (dark) - **g90.css**: Gray 90 theme (dark) - **g100.css**: Gray 100 theme (dark) - **all.css**: All themes (White, Gray 10, Gray 90, Gray 100) using [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) @@ -99,6 +100,7 @@ The compiled CSS is generated from the following `.scss` files: - [css/white.scss](css/white.scss) - [css/g10.scss](css/g10.scss) +- [css/g80.scss](css/g80.scss) - [css/g90.scss](css/g90.scss) - [css/g100.scss](css/g100.scss) - [css/all.scss](css/all.scss) @@ -157,7 +159,7 @@ Using JavaScript: ```svelte