Merge pull request #4360 from nextcloud-libraries/automated/noid/serv…

…er-styling-update Automated styling update from server
nextcloud-libraries · Nov 1, 2023 · 99a53d2 · 99a53d2
2 parents a62ee48 + a253d3a
commit 99a53d2
Show file tree

Hide file tree

Showing 103 changed files with 39 additions and 34 deletions.
diff --git a/cypress.config.ts b/cypress.config.ts
@@ -37,13 +37,14 @@ export default defineConfig({
 	env: {
 		failSilently: false,
 		type: 'actual',
-		screenshotsFolder: './cypress/snapshots/actual',
 		SNAPSHOT_BASE_DIRECTORY: './cypress/snapshots/base',
 		SNAPSHOT_DIFF_DIRECTORY: './cypress/snapshots/diff',
 		INTEGRATION_FOLDER: 'cypress/visual/',
 		trashAssetsBeforeRuns: true,
 	},
 
+	screenshotsFolder: './cypress/snapshots/actual',
+
 	component: {
 		setupNodeEvents(on, config) {
 			getCompareSnapshotsPlugin(on, config)

diff --git a/...avigationItem.cy.ts/NcAppNavigationItem-primary-on-active-route-menu-active.png b/...avigationItem.cy.ts/NcAppNavigationItem-primary-on-active-route-menu-active.png
diff --git a/...ts/base/AppNavigationItem.cy.ts/NcAppNavigationItem-primary-on-active-route.png b/...ts/base/AppNavigationItem.cy.ts/NcAppNavigationItem-primary-on-active-route.png
diff --git a/.../base/AppNavigationItem.cy.ts/NcAppNavigationItem-tertiary-non-active-route.png b/.../base/AppNavigationItem.cy.ts/NcAppNavigationItem-tertiary-non-active-route.png
diff --git a/...ull-starred_false-compact_true-header_image-secondary_button-editable_false.png b/...ull-starred_false-compact_true-header_image-secondary_button-editable_false.png
diff --git a/...null-starred_false-compact_true-header_image-secondary_button-editable_true.png b/...null-starred_false-compact_true-header_image-secondary_button-editable_true.png
diff --git a/..._null-starred_false-compact_true-header_image-secondary_none-editable_false.png b/..._null-starred_false-compact_true-header_image-secondary_none-editable_false.png
diff --git a/...e_null-starred_false-compact_true-header_image-secondary_none-editable_true.png b/...e_null-starred_false-compact_true-header_image-secondary_none-editable_true.png
diff --git a/...null-starred_false-compact_true-header_none-secondary_button-editable_false.png b/...null-starred_false-compact_true-header_none-secondary_button-editable_false.png
diff --git a/..._null-starred_false-compact_true-header_none-secondary_button-editable_true.png b/..._null-starred_false-compact_true-header_none-secondary_button-editable_true.png
diff --git a/...e_null-starred_false-compact_true-header_none-secondary_none-editable_false.png b/...e_null-starred_false-compact_true-header_none-secondary_none-editable_false.png
diff --git a/...me_null-starred_false-compact_true-header_none-secondary_none-editable_true.png b/...me_null-starred_false-compact_true-header_none-secondary_none-editable_true.png
diff --git a/...null-starred_null-compact_true-header_image-secondary_button-editable_false.png b/...null-starred_null-compact_true-header_image-secondary_button-editable_false.png
diff --git a/..._null-starred_null-compact_true-header_image-secondary_button-editable_true.png b/..._null-starred_null-compact_true-header_image-secondary_button-editable_true.png
diff --git a/...e_null-starred_null-compact_true-header_image-secondary_none-editable_false.png b/...e_null-starred_null-compact_true-header_image-secondary_none-editable_false.png
diff --git a/...me_null-starred_null-compact_true-header_image-secondary_none-editable_true.png b/...me_null-starred_null-compact_true-header_image-secondary_none-editable_true.png
diff --git a/..._null-starred_null-compact_true-header_none-secondary_button-editable_false.png b/..._null-starred_null-compact_true-header_none-secondary_button-editable_false.png
diff --git a/...e_null-starred_null-compact_true-header_none-secondary_button-editable_true.png b/...e_null-starred_null-compact_true-header_none-secondary_button-editable_true.png
diff --git a/...me_null-starred_null-compact_true-header_none-secondary_none-editable_false.png b/...me_null-starred_null-compact_true-header_none-secondary_none-editable_false.png
diff --git a/...ame_null-starred_null-compact_true-header_none-secondary_none-editable_true.png b/...ame_null-starred_null-compact_true-header_none-secondary_none-editable_true.png
diff --git a/...null-starred_true-compact_true-header_image-secondary_button-editable_false.png b/...null-starred_true-compact_true-header_image-secondary_button-editable_false.png
diff --git a/..._null-starred_true-compact_true-header_image-secondary_button-editable_true.png b/..._null-starred_true-compact_true-header_image-secondary_button-editable_true.png
diff --git a/...e_null-starred_true-compact_true-header_image-secondary_none-editable_false.png b/...e_null-starred_true-compact_true-header_image-secondary_none-editable_false.png
diff --git a/...me_null-starred_true-compact_true-header_image-secondary_none-editable_true.png b/...me_null-starred_true-compact_true-header_image-secondary_none-editable_true.png
diff --git a/..._null-starred_true-compact_true-header_none-secondary_button-editable_false.png b/..._null-starred_true-compact_true-header_none-secondary_button-editable_false.png
diff --git a/...e_null-starred_true-compact_true-header_none-secondary_button-editable_true.png b/...e_null-starred_true-compact_true-header_none-secondary_button-editable_true.png
diff --git a/...me_null-starred_true-compact_true-header_none-secondary_none-editable_false.png b/...me_null-starred_true-compact_true-header_none-secondary_none-editable_false.png
diff --git a/...ame_null-starred_true-compact_true-header_none-secondary_none-editable_true.png b/...ame_null-starred_true-compact_true-header_none-secondary_none-editable_true.png
diff --git a/...rue-starred_false-compact_true-header_image-secondary_button-editable_false.png b/...rue-starred_false-compact_true-header_image-secondary_button-editable_false.png
diff --git a/...true-starred_false-compact_true-header_image-secondary_button-editable_true.png b/...true-starred_false-compact_true-header_image-secondary_button-editable_true.png
diff --git a/..._true-starred_false-compact_true-header_image-secondary_none-editable_false.png b/..._true-starred_false-compact_true-header_image-secondary_none-editable_false.png
diff --git a/...e_true-starred_false-compact_true-header_image-secondary_none-editable_true.png b/...e_true-starred_false-compact_true-header_image-secondary_none-editable_true.png
diff --git a/...true-starred_false-compact_true-header_none-secondary_button-editable_false.png b/...true-starred_false-compact_true-header_none-secondary_button-editable_false.png
diff --git a/..._true-starred_false-compact_true-header_none-secondary_button-editable_true.png b/..._true-starred_false-compact_true-header_none-secondary_button-editable_true.png
diff --git a/...e_true-starred_false-compact_true-header_none-secondary_none-editable_false.png b/...e_true-starred_false-compact_true-header_none-secondary_none-editable_false.png
diff --git a/...me_true-starred_false-compact_true-header_none-secondary_none-editable_true.png b/...me_true-starred_false-compact_true-header_none-secondary_none-editable_true.png
diff --git a/...true-starred_null-compact_true-header_image-secondary_button-editable_false.png b/...true-starred_null-compact_true-header_image-secondary_button-editable_false.png
diff --git a/..._true-starred_null-compact_true-header_image-secondary_button-editable_true.png b/..._true-starred_null-compact_true-header_image-secondary_button-editable_true.png
diff --git a/...e_true-starred_null-compact_true-header_image-secondary_none-editable_false.png b/...e_true-starred_null-compact_true-header_image-secondary_none-editable_false.png
diff --git a/...me_true-starred_null-compact_true-header_image-secondary_none-editable_true.png b/...me_true-starred_null-compact_true-header_image-secondary_none-editable_true.png
diff --git a/..._true-starred_null-compact_true-header_none-secondary_button-editable_false.png b/..._true-starred_null-compact_true-header_none-secondary_button-editable_false.png
diff --git a/...e_true-starred_null-compact_true-header_none-secondary_button-editable_true.png b/...e_true-starred_null-compact_true-header_none-secondary_button-editable_true.png
diff --git a/...me_true-starred_null-compact_true-header_none-secondary_none-editable_false.png b/...me_true-starred_null-compact_true-header_none-secondary_none-editable_false.png
diff --git a/...ame_true-starred_null-compact_true-header_none-secondary_none-editable_true.png b/...ame_true-starred_null-compact_true-header_none-secondary_none-editable_true.png
diff --git a/...true-starred_true-compact_true-header_image-secondary_button-editable_false.png b/...true-starred_true-compact_true-header_image-secondary_button-editable_false.png
diff --git a/..._true-starred_true-compact_true-header_image-secondary_button-editable_true.png b/..._true-starred_true-compact_true-header_image-secondary_button-editable_true.png
diff --git a/...e_true-starred_true-compact_true-header_image-secondary_none-editable_false.png b/...e_true-starred_true-compact_true-header_image-secondary_none-editable_false.png
diff --git a/...me_true-starred_true-compact_true-header_image-secondary_none-editable_true.png b/...me_true-starred_true-compact_true-header_image-secondary_none-editable_true.png
diff --git a/..._true-starred_true-compact_true-header_none-secondary_button-editable_false.png b/..._true-starred_true-compact_true-header_none-secondary_button-editable_false.png
diff --git a/...e_true-starred_true-compact_true-header_none-secondary_button-editable_true.png b/...e_true-starred_true-compact_true-header_none-secondary_button-editable_true.png
diff --git a/...me_true-starred_true-compact_true-header_none-secondary_none-editable_false.png b/...me_true-starred_true-compact_true-header_none-secondary_none-editable_false.png
diff --git a/...ame_true-starred_true-compact_true-header_none-secondary_none-editable_true.png b/...ame_true-starred_true-compact_true-header_none-secondary_none-editable_true.png
diff --git a/...ll-starred_false-compact_false-header_image-secondary_button-editable_false.png b/...ll-starred_false-compact_false-header_image-secondary_button-editable_false.png
diff --git a/...ull-starred_false-compact_false-header_image-secondary_button-editable_true.png b/...ull-starred_false-compact_false-header_image-secondary_button-editable_true.png
diff --git a/...null-starred_false-compact_false-header_image-secondary_none-editable_false.png b/...null-starred_false-compact_false-header_image-secondary_none-editable_false.png
diff --git a/..._null-starred_false-compact_false-header_image-secondary_none-editable_true.png b/..._null-starred_false-compact_false-header_image-secondary_none-editable_true.png
diff --git a/...ull-starred_false-compact_false-header_none-secondary_button-editable_false.png b/...ull-starred_false-compact_false-header_none-secondary_button-editable_false.png
diff --git a/...null-starred_false-compact_false-header_none-secondary_button-editable_true.png b/...null-starred_false-compact_false-header_none-secondary_button-editable_true.png
diff --git a/..._null-starred_false-compact_false-header_none-secondary_none-editable_false.png b/..._null-starred_false-compact_false-header_none-secondary_none-editable_false.png
diff --git a/...e_null-starred_false-compact_false-header_none-secondary_none-editable_true.png b/...e_null-starred_false-compact_false-header_none-secondary_none-editable_true.png
diff --git a/...ull-starred_null-compact_false-header_image-secondary_button-editable_false.png b/...ull-starred_null-compact_false-header_image-secondary_button-editable_false.png
diff --git a/...null-starred_null-compact_false-header_image-secondary_button-editable_true.png b/...null-starred_null-compact_false-header_image-secondary_button-editable_true.png
diff --git a/..._null-starred_null-compact_false-header_image-secondary_none-editable_false.png b/..._null-starred_null-compact_false-header_image-secondary_none-editable_false.png
diff --git a/...e_null-starred_null-compact_false-header_image-secondary_none-editable_true.png b/...e_null-starred_null-compact_false-header_image-secondary_none-editable_true.png
diff --git a/...null-starred_null-compact_false-header_none-secondary_button-editable_false.png b/...null-starred_null-compact_false-header_none-secondary_button-editable_false.png
diff --git a/..._null-starred_null-compact_false-header_none-secondary_button-editable_true.png b/..._null-starred_null-compact_false-header_none-secondary_button-editable_true.png
diff --git a/...e_null-starred_null-compact_false-header_none-secondary_none-editable_false.png b/...e_null-starred_null-compact_false-header_none-secondary_none-editable_false.png
diff --git a/...me_null-starred_null-compact_false-header_none-secondary_none-editable_true.png b/...me_null-starred_null-compact_false-header_none-secondary_none-editable_true.png
diff --git a/...ull-starred_true-compact_false-header_image-secondary_button-editable_false.png b/...ull-starred_true-compact_false-header_image-secondary_button-editable_false.png
diff --git a/...null-starred_true-compact_false-header_image-secondary_button-editable_true.png b/...null-starred_true-compact_false-header_image-secondary_button-editable_true.png
diff --git a/..._null-starred_true-compact_false-header_image-secondary_none-editable_false.png b/..._null-starred_true-compact_false-header_image-secondary_none-editable_false.png
diff --git a/...e_null-starred_true-compact_false-header_image-secondary_none-editable_true.png b/...e_null-starred_true-compact_false-header_image-secondary_none-editable_true.png
diff --git a/...null-starred_true-compact_false-header_none-secondary_button-editable_false.png b/...null-starred_true-compact_false-header_none-secondary_button-editable_false.png
diff --git a/..._null-starred_true-compact_false-header_none-secondary_button-editable_true.png b/..._null-starred_true-compact_false-header_none-secondary_button-editable_true.png
diff --git a/...e_null-starred_true-compact_false-header_none-secondary_none-editable_false.png b/...e_null-starred_true-compact_false-header_none-secondary_none-editable_false.png
diff --git a/...me_null-starred_true-compact_false-header_none-secondary_none-editable_true.png b/...me_null-starred_true-compact_false-header_none-secondary_none-editable_true.png
diff --git a/...ue-starred_false-compact_false-header_image-secondary_button-editable_false.png b/...ue-starred_false-compact_false-header_image-secondary_button-editable_false.png
diff --git a/...rue-starred_false-compact_false-header_image-secondary_button-editable_true.png b/...rue-starred_false-compact_false-header_image-secondary_button-editable_true.png
diff --git a/...true-starred_false-compact_false-header_image-secondary_none-editable_false.png b/...true-starred_false-compact_false-header_image-secondary_none-editable_false.png
diff --git a/..._true-starred_false-compact_false-header_image-secondary_none-editable_true.png b/..._true-starred_false-compact_false-header_image-secondary_none-editable_true.png
diff --git a/...rue-starred_false-compact_false-header_none-secondary_button-editable_false.png b/...rue-starred_false-compact_false-header_none-secondary_button-editable_false.png
diff --git a/...true-starred_false-compact_false-header_none-secondary_button-editable_true.png b/...true-starred_false-compact_false-header_none-secondary_button-editable_true.png
diff --git a/..._true-starred_false-compact_false-header_none-secondary_none-editable_false.png b/..._true-starred_false-compact_false-header_none-secondary_none-editable_false.png
diff --git a/...e_true-starred_false-compact_false-header_none-secondary_none-editable_true.png b/...e_true-starred_false-compact_false-header_none-secondary_none-editable_true.png
diff --git a/...rue-starred_null-compact_false-header_image-secondary_button-editable_false.png b/...rue-starred_null-compact_false-header_image-secondary_button-editable_false.png
diff --git a/...true-starred_null-compact_false-header_image-secondary_button-editable_true.png b/...true-starred_null-compact_false-header_image-secondary_button-editable_true.png
diff --git a/..._true-starred_null-compact_false-header_image-secondary_none-editable_false.png b/..._true-starred_null-compact_false-header_image-secondary_none-editable_false.png
diff --git a/...e_true-starred_null-compact_false-header_image-secondary_none-editable_true.png b/...e_true-starred_null-compact_false-header_image-secondary_none-editable_true.png
diff --git a/...true-starred_null-compact_false-header_none-secondary_button-editable_false.png b/...true-starred_null-compact_false-header_none-secondary_button-editable_false.png
diff --git a/..._true-starred_null-compact_false-header_none-secondary_button-editable_true.png b/..._true-starred_null-compact_false-header_none-secondary_button-editable_true.png
diff --git a/...e_true-starred_null-compact_false-header_none-secondary_none-editable_false.png b/...e_true-starred_null-compact_false-header_none-secondary_none-editable_false.png
diff --git a/...me_true-starred_null-compact_false-header_none-secondary_none-editable_true.png b/...me_true-starred_null-compact_false-header_none-secondary_none-editable_true.png
diff --git a/...rue-starred_true-compact_false-header_image-secondary_button-editable_false.png b/...rue-starred_true-compact_false-header_image-secondary_button-editable_false.png
diff --git a/...true-starred_true-compact_false-header_image-secondary_button-editable_true.png b/...true-starred_true-compact_false-header_image-secondary_button-editable_true.png
diff --git a/..._true-starred_true-compact_false-header_image-secondary_none-editable_false.png b/..._true-starred_true-compact_false-header_image-secondary_none-editable_false.png
diff --git a/...e_true-starred_true-compact_false-header_image-secondary_none-editable_true.png b/...e_true-starred_true-compact_false-header_image-secondary_none-editable_true.png
diff --git a/...true-starred_true-compact_false-header_none-secondary_button-editable_false.png b/...true-starred_true-compact_false-header_none-secondary_button-editable_false.png
diff --git a/..._true-starred_true-compact_false-header_none-secondary_button-editable_true.png b/..._true-starred_true-compact_false-header_none-secondary_button-editable_true.png
diff --git a/...e_true-starred_true-compact_false-header_none-secondary_none-editable_false.png b/...e_true-starred_true-compact_false-header_none-secondary_none-editable_false.png
diff --git a/...me_true-starred_true-compact_false-header_none-secondary_none-editable_true.png b/...me_true-starred_true-compact_false-header_none-secondary_none-editable_true.png
diff --git a/styleguide/assets/default.css b/styleguide/assets/default.css
@@ -6,41 +6,45 @@
   --filter-background-blur: blur(25px);
   --gradient-main-background: var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%;
   --color-background-hover: #f5f5f5;
+  /** Can be used e.g. to colorize selected table rows */
   --color-background-dark: #ededed;
+  /** This should only be used for elements, not as a text background! Otherwise it will not work for accessibility. */
   --color-background-darker: #dbdbdb;
   --color-placeholder-light: #e6e6e6;
   --color-placeholder-dark: #cccccc;
   --color-main-text: #222222;
-  --color-text-maxcontrast: #767676;
-  --color-text-maxcontrast-default: #767676;
-  --color-text-maxcontrast-background-blur: #646464;
-  --color-text-light: #222222;
-  --color-text-lighter: #767676;
+  --color-text-maxcontrast: #6b6b6b;
+  --color-text-maxcontrast-default: #6b6b6b;
+  --color-text-maxcontrast-background-blur: #595959;
+  /** @deprecated use ` --color-main-text` instead */
+  --color-text-light: var(--color-main-text);
+  /** @deprecated use `--color-text-maxcontrast` instead */
+  --color-text-lighter: var(--color-text-maxcontrast);
   --color-scrollbar: rgba(34,34,34, .15);
-  --color-error: #e9322d;
-  --color-error-rgb: 233,50,45;
-  --color-error-hover: #ed5a56;
-  --color-error-text: #e7201b;
+  --color-error: #d91812;
+  --color-error-rgb: 217,24,18;
+  --color-error-hover: #dd342f;
+  --color-error-text: #c61610;
   --color-warning: #c28900;
   --color-warning-rgb: 194,137,0;
   --color-warning-hover: #cea032;
-  --color-warning-text: #996c00;
-  --color-success: #3fa857;
-  --color-success-rgb: 63,168,87;
-  --color-success-hover: #65b978;
-  --color-success-text: #318344;
-  --color-info: #006aa3;
-  --color-info-rgb: 0,106,163;
-  --color-info-hover: #3287b5;
-  --color-info-text: #006aa3;
+  --color-warning-text: #8f6500;
+  --color-success: #2d7b41;
+  --color-success-rgb: 45,123,65;
+  --color-success-hover: #448955;
+  --color-success-text: #286c39;
+  --color-info: #0071ad;
+  --color-info-rgb: 0,113,173;
+  --color-info-hover: #197fb5;
+  --color-info-text: #006499;
   --color-loading-light: #cccccc;
   --color-loading-dark: #444444;
   --color-box-shadow-rgb: 77,77,77;
   --color-box-shadow: rgba(var(--color-box-shadow-rgb), 0.5);
   --color-border: #ededed;
   --color-border-dark: #dbdbdb;
   --color-border-maxcontrast: #949494;
-  --font-face: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --font-face: system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   --default-font-size: 15px;
   --animation-quick: 100ms;
   --animation-slow: 300ms;
@@ -64,20 +68,20 @@
   --background-invert-if-bright: invert(100%);
   --background-image-invert-if-bright: no;
   --primary-invert-if-bright: no;
-  --color-primary: #006aa3;
+  --color-primary: #00679e;
   --color-primary-default: #0082c9;
   --color-primary-text: #ffffff;
-  --color-primary-hover: #3287b5;
-  --color-primary-light: #e5f0f5;
-  --color-primary-light-text: #002a41;
-  --color-primary-light-hover: #dbe5ea;
-  --color-primary-element: #006aa3;
-  --color-primary-element-hover: #3287b5;
+  --color-primary-hover: #3285b1;
+  --color-primary-light: #e5eff5;
+  --color-primary-light-text: #00293f;
+  --color-primary-light-hover: #dbe4ea;
+  --color-primary-element: #00679e;
+  --color-primary-element-hover: #1674a6;
   --color-primary-element-text: #ffffff;
-  --color-primary-element-light: #e5f0f5;
-  --color-primary-element-light-hover: #dbe5ea;
-  --color-primary-element-light-text: #002a41;
-  --color-primary-element-text-dark: #ededed;
+  --color-primary-element-text-dark: #f0f0f0;
+  --color-primary-element-light: #e5eff5;
+  --color-primary-element-light-hover: #dbe4ea;
+  --color-primary-element-light-text: #00293f;
   --gradient-primary-background: linear-gradient(40deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
   --image-background-default: url('./img/background/kamil-porembinski-clouds.jpg');
   --color-background-plain: #0082c9;

diff --git a/styleguide/assets/icons.css b/styleguide/assets/icons.css
@@ -19,8 +19,8 @@
   --original-icon-category-auth-white: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiI+PGNpcmNsZSBjeD0iNSIgY3k9IjEwIiByPSIzIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9IiNmZmZmZmYiLz48cGF0aCBkPSJtNy43IDcuOCA1LjgtNS44IiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9IiNmZmZmZmYiLz48cGF0aCBkPSJtMTEuNSAzLjUgMi41IDIuNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9IiNmZmZmZmYiLz48cGF0aCBkPSJtOS4zIDUgMi41IDIuNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9IiNmZmZmZmYiLz48L2c+PC9zdmc+Cg==);
   --original-icon-category-customization-dark: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMS4yMjYgMWMtMi4wMzYgMC4wMy0zLjggMS42NC0zLjggMy43NSAwIDIuMDMgMS42MiAzLjc1IDMuOCAzLjc1IDIuMjUgMCAzLjctMi4wNzYgMy43LTMuNjEgMC0wLjEyLTAuMTMtMC4xMS0wLjIzLTAuMDU0bC0yLjM4NCAxLjM1LTEuNjQtMC45di0xLjg3M2wyLjQ4My0xLjQzYzAuMDk3LTAuMDQ5IDAuMTk5LTAuMTIzIDAuMTQ1LTAuMjIzLTAuMzgtMC42Ni0xLjQxLTAuNzYtMi4wNzQtMC43NnptLTQuMTcgNS40LTYgNi4yMjNjLTAuMDggMC4wNzg1LTAuMDcgMC4yIDAgMC4yNzVsMi4xNjUgMi4wNGMwLjA4IDAuMDggMC4yMSAwLjA4IDAuMjggMGw1Ljk2OS02LjEzOGMwLjA5LTAuMSAwLjA2LTAuMjctMC4wNy0wLjMyLTEtMC40MS0xLjY1LTEuMTMtMi0yLjAxNS0wLjA5LTAuMjI1LTAuMjUtMC4xNjUtMC4zNDYtMC4wNjV6IiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+Cg==);
   --original-icon-category-customization-white: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMS4yMjYgMWMtMi4wMzYgMC4wMy0zLjggMS42NC0zLjggMy43NSAwIDIuMDMgMS42MiAzLjc1IDMuOCAzLjc1IDIuMjUgMCAzLjctMi4wNzYgMy43LTMuNjEgMC0wLjEyLTAuMTMtMC4xMS0wLjIzLTAuMDU0bC0yLjM4NCAxLjM1LTEuNjQtMC45di0xLjg3M2wyLjQ4My0xLjQzYzAuMDk3LTAuMDQ5IDAuMTk5LTAuMTIzIDAuMTQ1LTAuMjIzLTAuMzgtMC42Ni0xLjQxLTAuNzYtMi4wNzQtMC43NnptLTQuMTcgNS40LTYgNi4yMjNjLTAuMDggMC4wNzg1LTAuMDcgMC4yIDAgMC4yNzVsMi4xNjUgMi4wNGMwLjA4IDAuMDggMC4yMSAwLjA4IDAuMjggMGw1Ljk2OS02LjEzOGMwLjA5LTAuMSAwLjA2LTAuMjctMC4wNy0wLjMyLTEtMC40MS0xLjY1LTEuMTMtMi0yLjAxNS0wLjA5LTAuMjI1LTAuMjUtMC4xNjUtMC4zNDYtMC4wNjV6IiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+Cg==);
-  --original-icon-category-dashboard-dark: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld2JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im03LjkwNjIgMWE3IDcgMCAwIDAtNi45MDYyIDcgNyA3IDAgMCAwIDcgNyA3IDcgMCAwIDAgNy03IDcgNyAwIDAgMC03LTcgNyA3IDAgMCAwLTAuMDkzNzUgMHptMC4wOTM3NSAyLjY5OTJhNC4zIDQuMyAwIDAgMSA0LjMwMDggNC4zMDA4IDQuMyA0LjMgMCAwIDEtNC4zMDA4IDQuMzAwOCA0LjMgNC4zIDAgMCAxLTQuMzAwOC00LjMwMDggNC4zIDQuMyAwIDAgMSA0LjMwMDgtNC4zMDA4eiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iLjUiIHN0eWxlPSJwYWludC1vcmRlcjptYXJrZXJzIHN0cm9rZSBmaWxsIi8+PC9zdmc+Cg==);
-  --original-icon-category-dashboard-white: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld2JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im03LjkwNjIgMWE3IDcgMCAwIDAtNi45MDYyIDcgNyA3IDAgMCAwIDcgNyA3IDcgMCAwIDAgNy03IDcgNyAwIDAgMC03LTcgNyA3IDAgMCAwLTAuMDkzNzUgMHptMC4wOTM3NSAyLjY5OTJhNC4zIDQuMyAwIDAgMSA0LjMwMDggNC4zMDA4IDQuMyA0LjMgMCAwIDEtNC4zMDA4IDQuMzAwOCA0LjMgNC4zIDAgMCAxLTQuMzAwOC00LjMwMDggNC4zIDQuMyAwIDAgMSA0LjMwMDgtNC4zMDA4eiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iLjUiIHN0eWxlPSJwYWludC1vcmRlcjptYXJrZXJzIHN0cm9rZSBmaWxsIi8+PC9zdmc+Cg==);
+  --original-icon-category-dashboard-dark: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld2JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im03LjkwNjIgMWE3IDcgMCAwIDAtNi45MDYyIDcgNyA3IDAgMCAwIDcgNyA3IDcgMCAwIDAgNy03IDcgNyAwIDAgMC03LTcgNyA3IDAgMCAwLTAuMDkzNzUgMHptMC4wOTM3NSAyLjY5OTJhNC4zIDQuMyAwIDAgMSA0LjMwMDggNC4zMDA4IDQuMyA0LjMgMCAwIDEtNC4zMDA4IDQuMzAwOCA0LjMgNC4zIDAgMCAxLTQuMzAwOC00LjMwMDggNC4zIDQuMyAwIDAgMSA0LjMwMDgtNC4zMDA4eiIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPgo=);
+  --original-icon-category-dashboard-white: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld2JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im03LjkwNjIgMWE3IDcgMCAwIDAtNi45MDYyIDcgNyA3IDAgMCAwIDcgNyA3IDcgMCAwIDAgNy03IDcgNyAwIDAgMC03LTcgNyA3IDAgMCAwLTAuMDkzNzUgMHptMC4wOTM3NSAyLjY5OTJhNC4zIDQuMyAwIDAgMSA0LjMwMDggNC4zMDA4IDQuMyA0LjMgMCAwIDEtNC4zMDA4IDQuMzAwOCA0LjMgNC4zIDAgMCAxLTQuMzAwOC00LjMwMDggNC4zIDQuMyAwIDAgMSA0LjMwMDgtNC4zMDA4eiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPgo=);
   --original-icon-category-files-dark: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xLjUgMmMtMC4yNSAwLTAuNSAwLjI1LTAuNSAwLjV2MTFjMCAwLjI2IDAuMjQgMC41IDAuNSAwLjVoMTNjMC4yNiAwIDAuNS0wLjI0MSAwLjUtMC41di05YzAtMC4yNS0wLjI1LTAuNS0wLjUtMC41aC02LjVsLTItMnoiIGZpbGw9IiMwMDAwMDAiLz48L3N2Zz4K);
   --original-icon-category-files-white: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xLjUgMmMtMC4yNSAwLTAuNSAwLjI1LTAuNSAwLjV2MTFjMCAwLjI2IDAuMjQgMC41IDAuNSAwLjVoMTNjMC4yNiAwIDAuNS0wLjI0MSAwLjUtMC41di05YzAtMC4yNS0wLjI1LTAuNS0wLjUtMC41aC02LjVsLTItMnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4K);
   --original-icon-category-games-dark: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im04IDFjLTEuMSAwLTIgMC45LTIgMiAwIDAuNzE0IDAuMzggMS4zNyAxIDEuNzN2NC4yN2MwIDEuMzU0IDIgMS4zNTQgMiAwdi00LjI3YzAuNi0wLjM1NyAxLTEuMDIgMS0xLjczIDAtMS4xLTAuOS0yLTItMnptLTQuNSA1LjljLTAuMjc3IDAtMC40MjQgMC4yMzQtMC41IDAuNS0wLjY1NyAxLjY4NS0xLjQgMy40My0yIDUuMXYyYzAgMC4yNzcgMC4yMjMgMC41IDAuNSAwLjVoMTNjMC4yNzcgMCAwLjUtMC4yMjMgMC41LTAuNXYtMmwtMi01LjFjLTAuMDgtMC4yNjYtMC4yMjMtMC41LTAuNS0wLjVoLTIuNXYyLjFjMC4wMzggMi43MDUtNC4wNCAyLjctNCAwdi0yLjFoLTIuNXptMC41IDMuMWMwLjgzIDAgMS41IDAuNDkgMS41IDFzLTAuNjcgMS0xLjUgMS0xLjUtMC40OS0xLjUtMSAwLjY3LTEgMS41LTF6bTggMGMwLjgzIDAgMS41IDAuNDkgMS41IDFzLTAuNjcgMS0xLjUgMS0xLjUtMC40OS0xLjUtMSAwLjY3LTEgMS41LTF6IiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+Cg==);

diff --git a/styleguide/assets/server.css b/styleguide/assets/server.css