Add image guidelines doc

dev/documentation_tweaks_cda38922b.patch

@@ -0,0 +1,130 @@
+diff --git a/gui/velociraptor/src/css/index.css b/gui/velociraptor/src/css/index.css
+index 485a2eeaf..3cdb8cf2e 100644
+--- a/gui/velociraptor/src/css/index.css
++++ b/gui/velociraptor/src/css/index.css
+@@ -1,3 +1,16 @@
++.modal-backdrop {
++    --bs-backdrop-zindex: 1050;
++    --bs-backdrop-bg: #000;
++    --bs-backdrop-opacity: .15;
++    position: fixed;
++    top: 0;
++    left: 0;
++    z-index: var(--bs-backdrop-zindex);
++    width: 100vw;
++    height: 100vh;
++    background-color: var(--bs-backdrop-bg)
++}
++
+ code {
+   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+     monospace;
+diff --git a/gui/velociraptor/src/themes/veloci-light.css b/gui/velociraptor/src/themes/veloci-light.css
+index 55a1005c7..57e5ac44b 100644
+--- a/gui/velociraptor/src/themes/veloci-light.css
++++ b/gui/velociraptor/src/themes/veloci-light.css
+@@ -1,7 +1,7 @@
+ @font-face {
+   font-family: "Iosevka Term";
+   font-style: normal;
+-  font-weight: 400;
++  font-weight: 500;
+   src: local(""),
+     url("../fonts/iosevka-term-regular-subset.woff2") format("woff2");
+     unicode-range: U+0020-007E, U+0080-00FF;
+@@ -21,7 +21,7 @@
+ @font-face {
+   font-family: "Noto Sans";
+   font-style: normal;
+-  font-weight: 400;
++  font-weight: 500;
+   src: local(""),
+     url("../fonts/noto-sans-v27-latin-ext_latin-regular.woff2") format("woff2");
+   font-display: block;
+@@ -30,7 +30,7 @@
+ @font-face {
+   font-family: "Noto Sans";
+   font-style: bold;
+-  font-weight: 600;
++  font-weight: 700;
+   src: local(""),
+     url("../fonts/noto-sans-v27-latin-ext_latin-600.woff2") format("woff2");
+   font-display: block;
+@@ -61,8 +61,8 @@
+   --color-canvas-background-complement: #d2ccc4;
+   --color-form-control-background: var(--color-canvas-background);
+
+-  --color-foreground: #121212;
+-  --color-foreground-inverse: #eeeeee;
++  --color-foreground: #000000;
++  --color-foreground-inverse: #000000;
+   --color-foreground-dimmed: #B0B0B0;
+
+   --color-sidebar-inactive-foreground-hover: var(--color-foreground);
+@@ -135,7 +135,7 @@ body.veloci-light {
+   background: var(--color-canvas-background);
+   font-family: var(--font-family-sans-serif);
+   font-size: var(--font-size-base);
+-  font-weight: 400;
++  font-weight: 500;
+   letter-spacing: 0.4px;
+ }
+
+@@ -252,6 +252,7 @@ body.veloci-light {
+ .veloci-light .btn-default {
+   font-family: var(--font-family-sans-serif);
+   font-size: var(--font-size-base);
++  font-weight: 500;
+   color: var(--color-foreground);
+   text-shadow: none;
+   box-shadow: none;
+@@ -459,6 +460,7 @@ body.veloci-light {
+   color: var(--color-foreground);
+   border-color: var(--color-btn-default-border);
+   font-size: var(--font-size-base);
++  font-weight: 500;
+ }
+
+ .veloci-light .form-control:focus {
+@@ -487,7 +489,7 @@ body.veloci-light {
+   box-shadow: none;
+   color: var(--color-foreground);
+   text-shadow: none;
+-  font-weight: 400;
++  font-weight: 500;
+ }
+
+ /* Tables */
+@@ -496,7 +498,7 @@ body.veloci-light {
+   color: var(--color-foreground);
+   background: var(--color-canvas-background);
+   vertical-align: middle;
+-  font-weight: 400;
++  font-weight: 500;
+   font-size: var(--font-size-base);
+   text-shadow: none;
+   box-shadow: none;
+@@ -522,7 +524,7 @@ body.veloci-light {
+ .veloci-light .table-bordered thead th {
+   border: 1px solid var(--color-table-heading-background);
+   color: var(--color-foreground);
+-  font-weight: 400;
++  font-weight: 500;
+   vertical-align: middle;
+   text-shadow: none;
+   box-shadow: none;
+@@ -609,12 +611,12 @@ body.veloci-light {
+
+ .veloci-light .report-viewer h4 {
+   color: var(--color-accent-100);
+-  font-weight: 400;
++  font-weight: 500;
+ }
+
+ .veloci-light .report-viewer h5 {
+   color: var(--color-accent-100);
+-  font-weight: 400;
++  font-weight: 500;
+   font-size: var(--font-size-base);
+ }
+