update wiki

StoneOrbits · Dec 28, 2024 · 5f92795 · 5f92795
1 parent cd71e36
commit 5f92795
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 5 deletions.
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -9,6 +9,21 @@ callouts:
   warning:
     title: Warning
     color: red
+  note:
+    title: Note
+    color: purple
+  important:
+    title: Important
+    color: blue
+  green:
+    title: Green
+    color: green
+  yellow:
+    title: Yellow
+    color: yellow
+  orange:
+    title: Orange
+    color: orange
 include:
   - assets/images/
   - assets/js/

diff --git a/docs/lightshow_lol.md b/docs/lightshow_lol.md
@@ -72,15 +72,25 @@ Lightshow.lol is an online tool that allows you to design, preview, and export c
 
 The lightshow preview is the main focus of the page, with various control panels serving to modify the pattern, colorset, and preview animation.
 
-<span class="important-inline">
-  <strong class="important-inline-header">Important</strong>
-  <span>Although the preview is an exact simulation of a real device, due to the difference in the way color is produced by LEDs and displays <b>the preview will never look exactly the same as real LEDs</b>.</span>
-</span>
+{: .warning }
+Although the preview is an exact simulation of a real device, due to the difference in the way color is produced by LEDs and displays **the preview will never look exactly the same as real LEDs**
+
+{: .note }
+Although the preview is an exact simulation of a real device, due to the difference in the way color is produced by LEDs and displays **the preview will never look exactly the same as real LEDs**
 
+{: .important }
+Although the preview is an exact simulation of a real device, due to the difference in the way color is produced by LEDs and displays **the preview will never look exactly the same as real LEDs**
 
-{: .warning }
+{: .green }
 Although the preview is an exact simulation of a real device, due to the difference in the way color is produced by LEDs and displays **the preview will never look exactly the same as real LEDs**
 
+{: .yellow }
+Although the preview is an exact simulation of a real device, due to the difference in the way color is produced by LEDs and displays **the preview will never look exactly the same as real LEDs**
+
+{: .orange }
+Although the preview is an exact simulation of a real device, due to the difference in the way color is produced by LEDs and displays **the preview will never look exactly the same as real LEDs**
+
+
 
 ### What is a Vortex Editor