From e90062d52baa0a3e9e081e8848b4f23956a95375 Mon Sep 17 00:00:00 2001 From: Vidhi Kataria Date: Mon, 27 Sep 2021 19:31:59 +0530 Subject: [PATCH] reference added --- docs/default-theme.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/default-theme.md b/docs/default-theme.md index b788eea5a..8b46edddd 100644 --- a/docs/default-theme.md +++ b/docs/default-theme.md @@ -12,8 +12,8 @@ Theming in NativeBase is based on the **[Styled System Theme Specification](htt ## Colors You can add a `theme.colors` object to provide colors for your project. By default these colors can be referenced by the `color`, `borderColor`, `backgroundColor`, etc.. props. -You can also add `.alpha.{number}` to add levels of opacity to a colour. The number can also be added in the theme file. -Ex: `red.300.alpha.30`, You can read more about this in [`opacity section`](default-theme#opacity) +You can also add `.alpha:{number}` to add levels of opacity to a colour. The number can also be added in the theme file. +Ex: `red.300:alpha.30`, You can read more about this in [`opacity section`](default-theme#opacity) We recommend adding a palette that ranges from `50` to `900`. Tools like **[Smart Swatch](https://smart-swatch.netlify.app/)**, **[Palx](https://palx.jxnblk.com/)** are available to generate these palettes.