diff --git a/theme/theme-examples.css b/theme/theme-examples.css
index fb1156e..0470ad5 100644
--- a/theme/theme-examples.css
+++ b/theme/theme-examples.css
@@ -1,9 +1,18 @@
+/* This is are some examples of how to change default stylings or stylings for certain elements */
+
 :root,
 [data-bs-theme="default-theme"] {
+  /* Bootstrap Default is 24px, if you want to change the gutter use this variable */
+  .row {
+    --bs-gutter-x: 30px;
+  }
+
+  /* Change the font-color for only main tag and its content */
   main {
     --bs-body-color: #fff;
   }
 
+  /* Change the background for most input fields */
   .form-control {
     --bs-body-bg: red;
   }
diff --git a/theme/theme.css b/theme/theme.css
index d1d3d21..cb3f8ab 100644
--- a/theme/theme.css
+++ b/theme/theme.css
@@ -4,10 +4,10 @@
   --bs-primary: #0060AC;
   --bs-secondary: #001D38;
 
-  /* */
+  /* Background Color for the backmost level */
   --theme-backdrop-bg: #E5E5E5;
 
-  /* */
+  /* Default Background-Color and Color */
   --bs-body-bg: #fff;
   --bs-body-color: #222222;
   
@@ -43,11 +43,6 @@
   --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   */
-
-  /* Bootstrap Default is 24px, if you want to change the gutter use this variable */
-  /* .row {
-    --bs-gutter-x: 30px;
-  } */
   
   /* Main Button-Colors */
   .btn-primary {