diff --git a/Layouts/sidebar layout/css/main.css b/Layouts/sidebar layout/css/main.css
index 22bdc1a..d04c1a1 100644
--- a/Layouts/sidebar layout/css/main.css	
+++ b/Layouts/sidebar layout/css/main.css	
@@ -1,3 +1,12 @@
+/*
+Add CSS variables here to change CSS of components
+Suppose you want to customize button from component, just add
+
+sm-button {
+--background : #CCC;
+}
+*/
+
 * {
   padding: 0;
   margin: 0;
@@ -473,4 +482,4 @@ main {
     background: rgba(var(--text-color), 0.1);
     cursor: pointer;
   }
-}
\ No newline at end of file
+}