MockMode: made global in templates; increase bort of navbar in mock mode

styles/index.css

@@ -515,6 +515,10 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-\[2px\] {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
   .border-b-\[2px\] {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -523,6 +527,18 @@
     --tw-border-style: solid;
     border-style: solid;
   }
+  .border-\[gray\] {
+    border-color: gray;
+  }
+  .border-\[red\] {
+    border-color: red;
+  }
+  .border-\[white\] {
+    border-color: white;
+  }
+  .border-accent {
+    border-color: var(--accent);
+  }
   .border-border {
     border-color: var(--border);
   }
@@ -535,6 +551,9 @@
   .border-sidebar-border {
     border-color: var(--sidebar-border);
   }
+  .bg-\[red\] {
+    background-color: red;
+  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -645,9 +664,16 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .outline-\[1px\] {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .outline-\(--table-tfoot\) {
     outline-color: var(--table-tfoot);
   }
+  .outline-\[red\] {
+    outline-color: red;
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }