From 96b9176023d04856093d888c1cc5657d3cc07c31 Mon Sep 17 00:00:00 2001
From: mooori <32731489+mooori@users.noreply.github.com>
Date: Tue, 24 Aug 2021 10:44:22 +0200
Subject: [PATCH 1/3] add theme customization via configuring scss vars

Feature added by [this](https://github.com/wearebraid/vue-formulate/pull/482) pull request
---
 docs/guide/theming/README.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/docs/guide/theming/README.md b/docs/guide/theming/README.md
index 501c60e5..f757d76a 100644
--- a/docs/guide/theming/README.md
+++ b/docs/guide/theming/README.md
@@ -22,6 +22,18 @@ the SCSS directly into your own SCSS, or just use the minified CSS directly.
 @import '../node_modules/@braid/vue-formulate/themes/snow/snow.scss';
 ```
 
+#### Customize the theme
+The theme's [SCSS variables](https://github.com/wearebraid/vue-formulate/blob/master/themes/snow/_variables.scss) can be configured like this:
+
+```scss
+@use '../node_modules/@braid/vue-formulate/themes/snow/snow.scss' with (
+  $formulate-dark: #111111,
+  $formulate-white: #eeeeee
+)
+```
+
+:::warning Warning Theme customization relies on [configuring modules](https://sass-lang.com/documentation/variables#configuring-modules), which is currently supported only by `Dart Sass`. :::
+
 #### CSS File
 
 The distribution of the snow theme is available in the repository for download

From 32aa95b9f9dbb0966ef7b1b82c1a5b0eda3c8c7a Mon Sep 17 00:00:00 2001
From: mooori <32731489+mooori@users.noreply.github.com>
Date: Tue, 24 Aug 2021 11:13:16 +0200
Subject: [PATCH 2/3] fix formatting of warning box

---
 docs/guide/theming/README.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/guide/theming/README.md b/docs/guide/theming/README.md
index f757d76a..b122fe3a 100644
--- a/docs/guide/theming/README.md
+++ b/docs/guide/theming/README.md
@@ -32,7 +32,9 @@ The theme's [SCSS variables](https://github.com/wearebraid/vue-formulate/blob/ma
 )
 ```
 
-:::warning Warning Theme customization relies on [configuring modules](https://sass-lang.com/documentation/variables#configuring-modules), which is currently supported only by `Dart Sass`. :::
+::: warning Warning
+Theme customization relies on [configuring modules](https://sass-lang.com/documentation/variables#configuring-modules), which is currently supported only by `Dart Sass`.
+:::
 
 #### CSS File
 

From a7af3e98ec78e9169dbc6f4afbaf4e7acd2610de Mon Sep 17 00:00:00 2001
From: mooori <32731489+mooori@users.noreply.github.com>
Date: Tue, 24 Aug 2021 11:16:47 +0200
Subject: [PATCH 3/3] fix missing semicolon in scss sample

---
 docs/guide/theming/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/guide/theming/README.md b/docs/guide/theming/README.md
index b122fe3a..c919250a 100644
--- a/docs/guide/theming/README.md
+++ b/docs/guide/theming/README.md
@@ -29,7 +29,7 @@ The theme's [SCSS variables](https://github.com/wearebraid/vue-formulate/blob/ma
 @use '../node_modules/@braid/vue-formulate/themes/snow/snow.scss' with (
   $formulate-dark: #111111,
   $formulate-white: #eeeeee
-)
+);
 ```
 
 ::: warning Warning