From fee9c0e8df6a50f38fb6c6decf19f39ba2d96a3a Mon Sep 17 00:00:00 2001
From: Brian Davison <b.davison@napier.ac.uk>
Date: Fri, 6 Sep 2024 17:22:12 +0100
Subject: [PATCH] callouts

---
 _config.yml                      | 13 +++++++++++++
 _sass/custom/custom.scss         |  1 +
 tutorials/tools/vscode/vscode.md |  6 ++++--
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/_config.yml b/_config.yml
index 3311fcb..22f7ce7 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,2 +1,15 @@
 title: "SET09102 Software Engineering"
 remote_theme: just-the-docs/just-the-docs
+callouts:
+  warning:
+    title: Warning
+    color: red
+  note:
+    title: Note
+    color: blue
+  information:
+    title: Information
+    color: yellow
+  tip:
+    title: Tip
+    color: green
diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index ef82189..826dfec 100644
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -88,3 +88,4 @@ a[href*="#please-read"] {
   color: var(--dark-red);
   font-weight: bold;
 }
+
diff --git a/tutorials/tools/vscode/vscode.md b/tutorials/tools/vscode/vscode.md
index 3f7ebee..7c1ade6 100644
--- a/tutorials/tools/vscode/vscode.md
+++ b/tutorials/tools/vscode/vscode.md
@@ -118,8 +118,10 @@ The following variables are required for building and testing Android versions o
 
 The best approach is to create a folder in your home directory and let .NET install the appropriate versions there specifically for use with .NET. Instructions for this are given later. For now, it is enough to create the relevant directories and set the environment variables.
 
-{: .warning }
-Please check whether you already have these environment variables defined. If so, changing them may affect other applications that you use.
+{: .warning-title }
+> Warning
+> 
+> Please check whether you already have these environment variables defined. If so, changing them may affect other applications that you use.
 
 **Create the new directory**