chore(release): publish

- @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected].6 - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected] - @standardnotes/[email protected]
chore(release): components
2026-09-20 12:13:48 -04:00 · 2022-06-29 19:38:02 +00:00 · 2022-06-29 19:37:50 +00:00 · 2022-06-29 14:33:25 -05:00
80 changed files with 279 additions and 155 deletions
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [2.5.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
 ## [2.5.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 ### Bug Fixes
@@ -1,7 +1,7 @@
 {
  "files": {
    "main.js": "./static/js/main.js",
-    "main.css": "./static/css/main.a482786a.css",
+    "main.css": "./static/css/main.3ab9f5ab.css",
    "static/media/material-icons-two-tone.woff": "./static/media/material-icons-two-tone..woff",
    "static/media/material-icons-two-tone.woff2": "./static/media/material-icons-two-tone..woff2",
    "static/media/material-icons-round.woff": "./static/media/material-icons-round..woff",
@@ -74,10 +74,10 @@
    "static/media/KaTeX_Size3-Regular.woff2": "./static/media/KaTeX_Size3-Regular..woff2",
    "index.html": "./index.html",
    "main.js.map": "./static/js/main.js.map",
-    "main.a482786a.css.map": "./static/css/main.a482786a.css.map"
+    "main.3ab9f5ab.css.map": "./static/css/main.3ab9f5ab.css.map"
  },
  "entrypoints": [
    "static/js/main.js",
-    "static/css/main.a482786a.css"
+    "static/css/main.3ab9f5ab.css"
  ]
 }
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A lightweight WYSIWYG markdown editor, derivated from Milkdown editor"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Markdown Visual</title><script defer="defer" src="./static/js/main.js"></script><link href="./static/css/main.a482786a.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A lightweight WYSIWYG markdown editor, derivated from Milkdown editor"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Markdown Visual</title><script defer="defer" src="./static/js/main.js"></script><link href="./static/css/main.3ab9f5ab.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
@@ -5,6 +5,12 @@
  --border-color: #d9c6b1;
  --highlight-color: #d68420;
  --highlight-contrast: #e3ae74;
+  --sn-stylekit-passive-color-0: #7e582a;
+  --sn-stylekit-passive-color-1: #a37337;
+  --sn-stylekit-passive-color-3: #d9c6b1;
+  --sn-stylekit-passive-color-4: #e3d5c4;
+  --sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
+  --sn-stylekit-passive-color-5: #e9d9c7;
  --sn-stylekit-info-color: #a37337;
  --sn-stylekit-info-contrast-color: #ebcdaa;
  --sn-stylekit-neutral-color: #a47c5b;
@@ -23,7 +29,7 @@
  --sn-stylekit-contrast-background-color: var(--background-2);
  --sn-stylekit-contrast-foreground-color: var(--foreground-color);
  --sn-stylekit-contrast-border-color: var(--border-color);
-  --sn-stylekit-secondary-background-color: var(--background-1);
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: var(--foreground-color);
  --sn-stylekit-secondary-border-color: var(--border-color);
  --sn-stylekit-secondary-contrast-background-color: var(--background-2);
@@ -37,10 +43,6 @@
  --sn-desktop-titlebar-border-color: var(--border-color);
  --sn-desktop-titlebar-ui-color: var(--foreground-color);
  --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
-  --sn-stylekit-passive-color-0: #7e582a;
-  --sn-stylekit-passive-color-1: #a37337;
-  --sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
-  --sn-stylekit-passive-color-5: #e9d9c7;
 }

 #notes-column .note.selected,
@@ -8,6 +8,10 @@
  --sn-component-foreground-highlight-color: var(--highlight-color);
  --sn-component-outer-border-color: transparent;
  --sn-component-inner-border-color: var(--foreground-color);
+  --sn-stylekit-passive-color-0: #999999;
+  --sn-stylekit-passive-color-3: #28292b;
+  --sn-stylekit-passive-color-4: #1c1d1e;
+  --sn-stylekit-passive-color-5: #1d1f20;
  --sn-stylekit-shadow-color: #000000;
  --sn-stylekit-info-color: var(--highlight-color);
  --sn-stylekit-info-contrast-color: var(--foreground-color);
@@ -27,7 +31,7 @@
  --sn-stylekit-contrast-background-color: #000000;
  --sn-stylekit-contrast-foreground-color: #ffffff;
  --sn-stylekit-contrast-border-color: #000000;
-  --sn-stylekit-secondary-background-color: #0f1011;
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: #ffffff;
  --sn-stylekit-secondary-border-color: #000000;
  --sn-stylekit-secondary-contrast-background-color: #000000;
@@ -41,8 +45,4 @@
  --sn-stylekit-scrollbar-track-border-color: var(--border-color);
  --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
  --sn-stylekit-menu-border: 1px solid #424242;
-  --sn-stylekit-passive-color-0: #999999;
-  --sn-stylekit-passive-color-3: #28292b;
-  --sn-stylekit-passive-color-4: #1c1d1e;
-  --sn-stylekit-passive-color-5: #1d1f20;
 }
@@ -3,6 +3,11 @@
  --background-color: #20202b;
  --highlight-color: #fca429;
  --border-color: #20222c;
+  --sn-stylekit-passive-color-0: #a4a5b3;
+  --sn-stylekit-passive-color-3: #3a3a48;
+  --sn-stylekit-passive-color-4: #2c2c39;
+  --sn-stylekit-passive-color-4-opacity-variant: #292937;
+  --sn-stylekit-passive-color-5: #2e2e3e;
  --sn-stylekit-shadow-color: var(--border-color);
  --sn-stylekit-info-color: var(--highlight-color);
  --sn-stylekit-info-contrast-color: var(--background-color);
@@ -22,7 +27,7 @@
  --sn-stylekit-contrast-background-color: #272734;
  --sn-stylekit-contrast-foreground-color: #a9aabe;
  --sn-stylekit-contrast-border-color: #0f1116;
-  --sn-stylekit-secondary-background-color: #20202b;
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: #a9aabe;
  --sn-stylekit-secondary-border-color: #20222c;
  --sn-stylekit-secondary-contrast-background-color: #272734;
@@ -36,9 +41,4 @@
  --sn-desktop-titlebar-ui-color: var(--foreground-color);
  --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
  --sn-stylekit-menu-border: 1px solid #434b60;
-  --sn-stylekit-passive-color-0: #a4a5b3;
-  --sn-stylekit-passive-color-3: #3a3a48;
-  --sn-stylekit-passive-color-4: #2c2c39;
-  --sn-stylekit-passive-color-4-opacity-variant: #292937;
-  --sn-stylekit-passive-color-5: #2e2e3e;
 }
@@ -18,6 +18,11 @@
  --sn-desktop-titlebar-border-color: var(--border-color);
  --sn-desktop-titlebar-ui-color: var(--ui-text-color);
  --sn-desktop-titlebar-ui-hover-color: var(--sn-stylekit-info-color);
+  --sn-stylekit-passive-color-0: #94979e;
+  --sn-stylekit-passive-color-3: #2c2c39;
+  --sn-stylekit-passive-color-4: #313142;
+  --sn-stylekit-passive-color-4-opacity-variant: #292937;
+  --sn-stylekit-passive-color-5: #313142;
  --sn-stylekit-shadow-color: #20202b;
  --sn-stylekit-background-color: #20202b;
  --sn-stylekit-border-color: var(--border-color);
@@ -25,7 +30,7 @@
  --sn-stylekit-contrast-background-color: var(--secondary-bg-color);
  --sn-stylekit-contrast-foreground-color: var(--ui-text-color);
  --sn-stylekit-contrast-border-color: var(--border-color);
-  --sn-stylekit-secondary-background-color: #292937;
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: var(--ui-text-color);
  --sn-stylekit-secondary-border-color: var(--border-color);
  --sn-stylekit-secondary-contrast-background-color: #45445a;
@@ -37,9 +42,4 @@
  --sn-stylekit-scrollbar-track-border-color: var(--border-color);
  --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
  --sn-stylekit-menu-border: 1px solid #494965;
-  --sn-stylekit-passive-color-0: #94979e;
-  --sn-stylekit-passive-color-3: #2c2c39;
-  --sn-stylekit-passive-color-4: #313142;
-  --sn-stylekit-passive-color-4-opacity-variant: #292937;
-  --sn-stylekit-passive-color-5: #313142;
 }
@@ -18,6 +18,12 @@
  --sn-component-foreground-highlight-color: var(--highlight-color);
  --sn-component-outer-border-color: transparent;
  --sn-component-inner-border-color: var(--highlight-color);
+  --sn-stylekit-passive-color-0: #a8bdbd;
+  --sn-stylekit-passive-color-1: #93a1a1;
+  --sn-stylekit-passive-color-3: #0d4f60;
+  --sn-stylekit-passive-color-4: #083642;
+  --sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
+  --sn-stylekit-passive-color-5: #003542;
  --sn-stylekit-info-color: var(--highlight-color);
  --sn-stylekit-info-contrast-color: var(--foreground-color);
  --sn-stylekit-neutral-color: #7c7c7c;
@@ -36,7 +42,7 @@
  --sn-stylekit-contrast-background-color: var(--background-2);
  --sn-stylekit-contrast-foreground-color: var(--foreground-color);
  --sn-stylekit-contrast-border-color: var(--border-color);
-  --sn-stylekit-secondary-background-color: var(--background-1);
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: var(--foreground-color);
  --sn-stylekit-secondary-border-color: var(--border-color);
  --sn-stylekit-secondary-contrast-background-color: var(--background-2);
@@ -51,10 +57,4 @@
  --sn-desktop-titlebar-ui-color: var(--foreground-color);
  --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
  --sn-stylekit-menu-border: 1px solid #1f5461;
-  --sn-stylekit-passive-color-0: #a8bdbd;
-  --sn-stylekit-passive-color-1: #93a1a1;
-  --sn-stylekit-passive-color-3: #0d4f60;
-  --sn-stylekit-passive-color-4: #083642;
-  --sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
-  --sn-stylekit-passive-color-5: #003542;
 }
@@ -3,6 +3,8 @@
  --background-color: #663399;
  --highlight-color: #c9cccf;
  --border-color: var(--highlight-color);
+  --sn-stylekit-passive-color-0: #626166;
+  --sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
  --sn-stylekit-shadow-color: var(--highlight-color);
  --sn-stylekit-info-color: var(--background-color);
  --sn-stylekit-info-contrast-color: #e6e6e6;
@@ -14,13 +16,13 @@
  --sn-stylekit-warning-contrast-color: #ffffff;
  --sn-stylekit-danger-color: #f80324;
  --sn-stylekit-danger-contrast-color: #ffffff;
-  --sn-stylekit-background-color: #d9dbde;
+  --sn-stylekit-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-foreground-color: #3d3c40;
  --sn-stylekit-border-color: #c9cccf;
  --sn-stylekit-contrast-background-color: #e7e7e7;
  --sn-stylekit-contrast-foreground-color: #3d3c40;
  --sn-stylekit-contrast-border-color: #c9cccf;
-  --sn-stylekit-secondary-background-color: #d8d9de;
+  --sn-stylekit-secondary-background-color: #d9dbde;
  --sn-stylekit-secondary-foreground-color: #3d3c40;
  --sn-stylekit-secondary-border-color: #c9cccf;
  --sn-stylekit-secondary-contrast-background-color: #e7e7e7;
@@ -36,6 +38,4 @@
  --sn-desktop-titlebar-ui-color: var(--foreground-color);
  --sn-desktop-titlebar-ui-hover-color: var(--background-color);
  --sn-stylekit-menu-border: 1px solid #b2b2b3;
-  --sn-stylekit-passive-color-0: #626166;
-  --sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
 }
@@ -1,33 +1,33 @@
 {
  "org.standardnotes.theme-midnight": {
-    "version": "1.2.12",
-    "base64": "2f64c6dd1dcabb8fa4544a59ef1b212dea367d711eb3ea268470499019efb838",
-    "binary": "e0e46a652f56e22a0a9dd9821e6e097c22446a161b8682bf0bab230236864b51"
+    "version": "1.3.0",
+    "base64": "ee8c54fab0f246df7e48731d3bbbae3172beab970f23c2affbe924fdf716a2c0",
+    "binary": "ba5d0ea27243caa3e5cacac34f72506f3a38fa5dbea6a25abed40f87b0eda5d8"
  },
  "org.standardnotes.theme-futura": {
-    "version": "1.2.13",
-    "base64": "fafb94b96b770d0a6717e4d4bed998ef7578d418ce8895609cca906f9837f3f3",
-    "binary": "1d2d2f8b1334a9baeefab4c8e775b793b642dbc35901e40e08927ba288b13351"
+    "version": "1.3.0",
+    "base64": "830d9e11fb65841a8c4b3bbe7bf270d6b24415e76f25d8be63ea09ddfc4d1259",
+    "binary": "721257df2867cbd923c5416f77c9f74f47422b8f4859b031c8f6160d88c77b81"
  },
  "org.standardnotes.theme-solarized-dark": {
-    "version": "1.3.0",
-    "base64": "f6cd638640f4cfc77c6685196c38fb71b5defb705f3450488b04afb20d062a75",
-    "binary": "4807f2ad91ce558796c64385f618cd6d28bd296e8b6693bbe3695702356212c6"
+    "version": "1.3.1",
+    "base64": "a1b84e13ef2a5119eda201d7c6056ace39efd6c8f66b2c4c10018ab50c62f97b",
+    "binary": "01416940806e1e845deed7f0a2ce5e7c48260600322fae06b0fc23f1e3988c4d"
  },
  "org.standardnotes.theme-autobiography": {
-    "version": "1.0.8",
-    "base64": "37a81f0ed59b600ba8a1aafba5cfe786fa47ce75c3737377e0893a7b70b6c617",
-    "binary": "e6e7d60576a7df0a45b96c495a2a82d945c54811fafef5a51f61152f64d89136"
+    "version": "1.1.0",
+    "base64": "737ddf632dfd7735d1a0676ad37f65bfdb55022af93c799ecf84317aac84b699",
+    "binary": "1c0e751b65f635123bb8bcd8d14c7b55f8aa53f66864b7ce035b2c18c3ab3c21"
  },
  "org.standardnotes.theme-focus": {
-    "version": "1.2.13",
-    "base64": "52dcd28207d198a8bc7f6bdbd5ba32909f83a32c1aac4196100a2403836936a2",
-    "binary": "c88f43457f859c628e3823a7598bf4ad0b57944bd239650ea914281a71bb11c7"
+    "version": "1.3.0",
+    "base64": "bb9d4487b2711e5586f21525bf9dab28153c1fa48d81f98cd8a3243d4c8583e2",
+    "binary": "96ac81ed5cfc571ff7b178ddbbfcb766070114d74a396e3a37df932de8209575"
  },
  "org.standardnotes.theme-titanium": {
-    "version": "1.2.12",
-    "base64": "a08938b6e0f4a7bd4d3021463d9b03e37518b31540e50a4de572d0c9357be4e4",
-    "binary": "bab1d4ae2cb1e92ca99c8fc0d91b119b30f714e946a5b31b06942aee1612f233"
+    "version": "1.3.0",
+    "base64": "b544844d42a74fe992917f167d987c72c4efbbe9b1c608b9af73fe7db92a1990",
+    "binary": "c846fae7cd7d75b239a0395b8cb70349cec8cc0d5742db027ce18bb2e72a0c6c"
  },
  "org.standardnotes.theme-dynamic": {
    "version": "1.0.8",
@@ -70,9 +70,9 @@
    "binary": "b621bfd81829a205f2f02e85d446e277ad20e367b92676ec20b3ee59b1bfab3f"
  },
  "org.standardnotes.markdown-visual-editor": {
-    "version": "1.0.12",
-    "base64": "df80a28f825d74d49a5277450fd331428842b3dc4c63fa411d62cf964a58971e",
-    "binary": "a067179688b65ab64516b330661009854ea7522fcdd601c01a683a10c900fce1"
+    "version": "1.1.0",
+    "base64": "56809db83837f4965effe5d79d378863a87cb3c41f8b347bb969d06667ed2cbe",
+    "binary": "b935f7f4c35bf602777816dfca859a85f769ee58a75fbe883799cc010e5e58b3"
  },
  "org.standardnotes.simple-task-editor": {
    "version": "1.4.0",
@@ -80,9 +80,9 @@
    "binary": "a1a6b97e1f761747dbf721857deed04370a3950dcb3e1bb4c4d4baa3680959b3"
  },
  "org.standardnotes.token-vault": {
-    "version": "2.1.2",
-    "base64": "10b62746635c1dc547568b614298f23187a6bf6cef748f8a9baf0c698dc17dd4",
-    "binary": "30684c4bef2c8f6bbc5ad98a936d58cf080baa1a84848ec90144aff3dd2a0ffd"
+    "version": "2.2.0",
+    "base64": "a8e381ea3198bc10a3205f6780cb1e5960aa2f448d5c011c4c05526a1efc2773",
+    "binary": "38f46ebb09dc18ae456422532f537a2fbfd8ed8316f67c923f71b76ca727c3f8"
  },
  "org.standardnotes.standard-sheets": {
    "version": "1.4.9",
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/components-meta",
-  "version": "2.5.5",
+  "version": "2.5.6",
  "private": true,
  "author": "Standard Notes.",
  "main": "dist",
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.1.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Features
+
+* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
+
 ## [1.0.12](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-23)

 **Note:** Version bump only for package @standardnotes/markdown-visual
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/markdown-visual",
-  "version": "1.0.12",
+  "version": "1.1.0",
  "author": "Johnny Almonte <[email protected]>",
  "description": "A lightweight WYSIWYG markdown editor for Standard Notes, derived from Milkdown.",
  "keywords": [
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [2.2.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Features
+
+* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
+
 ## [2.1.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-23)

 **Note:** Version bump only for package @standardnotes/authenticator
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/authenticator",
-  "version": "2.1.2",
+  "version": "2.2.0",
  "main": "dist/dist.js",
  "author": "Standard Notes",
  "private": true,
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.1.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
+### Features
+
+* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
+
 ## [1.0.8](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)

 **Note:** Version bump only for package @standardnotes/autobiography-theme
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/autobiography-theme",
-  "version": "1.0.8",
+  "version": "1.1.0",
  "main": "dist/dist.css",
  "private": true,
  "sn": {
@@ -6,6 +6,13 @@
  --highlight-color: #d68420;
  --highlight-contrast: #e3ae74;

+  --sn-stylekit-passive-color-0: #7e582a;
+  --sn-stylekit-passive-color-1: #a37337;
+  --sn-stylekit-passive-color-3: #d9c6b1;
+  --sn-stylekit-passive-color-4: #e3d5c4;
+  --sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
+  --sn-stylekit-passive-color-5: #e9d9c7;
+
  --sn-stylekit-info-color: #a37337;
  --sn-stylekit-info-contrast-color: #ebcdaa;

@@ -33,7 +40,7 @@
  --sn-stylekit-contrast-foreground-color: var(--foreground-color);
  --sn-stylekit-contrast-border-color: var(--border-color);

-  --sn-stylekit-secondary-background-color: var(--background-1);
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: var(--foreground-color);
  --sn-stylekit-secondary-border-color: var(--border-color);

@@ -51,11 +58,6 @@
  --sn-desktop-titlebar-border-color: var(--border-color);
  --sn-desktop-titlebar-ui-color: var(--foreground-color);
  --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
-
-  --sn-stylekit-passive-color-0: #7e582a;
-  --sn-stylekit-passive-color-1: #a37337;
-  --sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
-  --sn-stylekit-passive-color-5: #e9d9c7;
 }

 #notes-column .note.selected,
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
+### Features
+
+* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
+
 ## [1.2.13](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)

 **Note:** Version bump only for package @standardnotes/focus-theme
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/focus-theme",
-  "version": "1.2.13",
+  "version": "1.3.0",
  "main": "dist/dist.css",
  "private": true,
  "sn": {
@@ -12,6 +12,11 @@

  // StyleKit Vars

+  --sn-stylekit-passive-color-0: #999999;
+  --sn-stylekit-passive-color-3: #28292b;
+  --sn-stylekit-passive-color-4: #1c1d1e;
+  --sn-stylekit-passive-color-5: #1d1f20;
+
  --sn-stylekit-shadow-color: #000000;

  --sn-stylekit-info-color: var(--highlight-color);
@@ -40,7 +45,7 @@
  --sn-stylekit-contrast-foreground-color: #ffffff;
  --sn-stylekit-contrast-border-color: #000000;

-  --sn-stylekit-secondary-background-color: #0f1011;
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: #ffffff;
  --sn-stylekit-secondary-border-color: #000000;

@@ -59,9 +64,4 @@
  --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);

  --sn-stylekit-menu-border: 1px solid #424242;
-
-  --sn-stylekit-passive-color-0: #999999;
-  --sn-stylekit-passive-color-3: #28292b;
-  --sn-stylekit-passive-color-4: #1c1d1e;
-  --sn-stylekit-passive-color-5: #1d1f20;
 }
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
+### Features
+
+* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
+
 ## [1.2.13](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)

 **Note:** Version bump only for package @standardnotes/futura-theme
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/futura-theme",
-  "version": "1.2.13",
+  "version": "1.3.0",
  "main": "dist/dist.css",
  "private": true,
  "sn": {
@@ -5,6 +5,13 @@
  --border-color: #20222c;

  // StyleKit Vars
+
+  --sn-stylekit-passive-color-0: #a4a5b3;
+  --sn-stylekit-passive-color-3: #3a3a48;
+  --sn-stylekit-passive-color-4: #2c2c39;
+  --sn-stylekit-passive-color-4-opacity-variant: #292937;
+  --sn-stylekit-passive-color-5: #2e2e3e;
+
  --sn-stylekit-shadow-color: var(--border-color);

  --sn-stylekit-info-color: var(--highlight-color);
@@ -33,7 +40,7 @@
  --sn-stylekit-contrast-foreground-color: #a9aabe;
  --sn-stylekit-contrast-border-color: #0f1116;

-  --sn-stylekit-secondary-background-color: #20202b;
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: #a9aabe;
  --sn-stylekit-secondary-border-color: #20222c;

@@ -52,10 +59,4 @@
  --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);

  --sn-stylekit-menu-border: 1px solid #434b60;
-
-  --sn-stylekit-passive-color-0: #a4a5b3;
-  --sn-stylekit-passive-color-3: #3a3a48;
-  --sn-stylekit-passive-color-4: #2c2c39;
-  --sn-stylekit-passive-color-4-opacity-variant: #292937;
-  --sn-stylekit-passive-color-5: #2e2e3e;
 }
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
+### Features
+
+* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
+
 ## [1.2.12](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)

 **Note:** Version bump only for package @standardnotes/midnight-theme
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/midnight-theme",
-  "version": "1.2.12",
+  "version": "1.3.0",
  "main": "dist/dist.css",
  "private": true,
  "sn": {
@@ -26,6 +26,13 @@
  --sn-desktop-titlebar-ui-hover-color: var(--sn-stylekit-info-color);

  // StyleKit Vars
+
+  --sn-stylekit-passive-color-0: #94979e;
+  --sn-stylekit-passive-color-3: #2c2c39;
+  --sn-stylekit-passive-color-4: #313142;
+  --sn-stylekit-passive-color-4-opacity-variant: #292937;
+  --sn-stylekit-passive-color-5: #313142;
+
  --sn-stylekit-shadow-color: #20202b;

  --sn-stylekit-background-color: #20202b;
@@ -36,7 +43,7 @@
  --sn-stylekit-contrast-foreground-color: var(--ui-text-color);
  --sn-stylekit-contrast-border-color: var(--border-color);

-  --sn-stylekit-secondary-background-color: #292937;
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: var(--ui-text-color);
  --sn-stylekit-secondary-border-color: var(--border-color);

@@ -53,10 +60,4 @@
  --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);

  --sn-stylekit-menu-border: 1px solid #494965;
-
-  --sn-stylekit-passive-color-0: #94979e;
-  --sn-stylekit-passive-color-3: #2c2c39;
-  --sn-stylekit-passive-color-4: #313142;
-  --sn-stylekit-passive-color-4-opacity-variant: #292937;
-  --sn-stylekit-passive-color-5: #313142;
 }
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [1.3.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
 # [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-27)

 ### Bug Fixes
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/solarized-dark-theme",
-  "version": "1.3.0",
+  "version": "1.3.1",
  "main": "dist/dist.css",
  "author": "Standard Notes",
  "private": true,
@@ -25,6 +25,14 @@
  --sn-component-inner-border-color: var(--highlight-color);

  // StyleKit Vars
+
+  --sn-stylekit-passive-color-0: #a8bdbd;
+  --sn-stylekit-passive-color-1: #93a1a1;
+  --sn-stylekit-passive-color-3: #0d4f60;
+  --sn-stylekit-passive-color-4: #083642;
+  --sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
+  --sn-stylekit-passive-color-5: #003542;
+
  --sn-stylekit-info-color: var(--highlight-color);
  --sn-stylekit-info-contrast-color: var(--foreground-color);

@@ -52,7 +60,7 @@
  --sn-stylekit-contrast-foreground-color: var(--foreground-color);
  --sn-stylekit-contrast-border-color: var(--border-color);

-  --sn-stylekit-secondary-background-color: var(--background-1);
+  --sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-secondary-foreground-color: var(--foreground-color);
  --sn-stylekit-secondary-border-color: var(--border-color);

@@ -72,11 +80,4 @@
  --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);

  --sn-stylekit-menu-border: 1px solid #1f5461;
-
-  --sn-stylekit-passive-color-0: #a8bdbd;
-  --sn-stylekit-passive-color-1: #93a1a1;
-  --sn-stylekit-passive-color-3: #0d4f60;
-  --sn-stylekit-passive-color-4: #083642;
-  --sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
-  --sn-stylekit-passive-color-5: #003542;
 }
@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
+### Features
+
+* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
+
 ## [1.2.12](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)

 **Note:** Version bump only for package @standardnotes/titanium-theme
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/titanium-theme",
-  "version": "1.2.12",
+  "version": "1.3.0",
  "main": "dist/dist.css",
  "private": true,
  "sn": {
@@ -6,6 +6,10 @@
  --border-color: var(--highlight-color);

  // StyleKit Vars
+
+  --sn-stylekit-passive-color-0: #626166;
+  --sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
+
  --sn-stylekit-shadow-color: var(--highlight-color);

  --sn-stylekit-info-color: var(--background-color);
@@ -23,7 +27,7 @@
  --sn-stylekit-danger-color: #f80324;
  --sn-stylekit-danger-contrast-color: #ffffff;

-  --sn-stylekit-background-color: #d9dbde;
+  --sn-stylekit-background-color: var(--sn-stylekit-passive-color-4);
  --sn-stylekit-foreground-color: #3d3c40;
  --sn-stylekit-border-color: #c9cccf;

@@ -31,7 +35,7 @@
  --sn-stylekit-contrast-foreground-color: #3d3c40;
  --sn-stylekit-contrast-border-color: #c9cccf;

-  --sn-stylekit-secondary-background-color: #d8d9de;
+  --sn-stylekit-secondary-background-color: #d9dbde;
  --sn-stylekit-secondary-foreground-color: #3d3c40;
  --sn-stylekit-secondary-border-color: #c9cccf;

@@ -53,7 +57,4 @@
  --sn-desktop-titlebar-ui-hover-color: var(--background-color);

  --sn-stylekit-menu-border: 1px solid #b2b2b3;
-
-  --sn-stylekit-passive-color-0: #626166;
-  --sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
 }
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [3.23.18](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+**Note:** Version bump only for package @standardnotes/desktop
+
 ## [3.23.17](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/desktop
@@ -1,7 +1,7 @@
 {
  "name": "@standardnotes/desktop",
  "main": "./app/dist/index.js",
-  "version": "3.23.17",
+  "version": "3.23.18",
  "license": "AGPL-3.0-or-later",
  "author": "Standard Notes.",
  "private": true,
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [3.25.14](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+**Note:** Version bump only for package @standardnotes/mobile
+
 ## [3.25.13](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/mobile
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/mobile",
-  "version": "3.25.13",
+  "version": "3.25.14",
  "author": "Standard Notes",
  "private": true,
  "license": "AGPL-3.0-or-later",
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [1.2.28](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+**Note:** Version bump only for package @standardnotes/releases
+
 ## [1.2.27](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/releases
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/releases",
-  "version": "1.2.27",
+  "version": "1.2.28",
  "license": "AGPL-3.0-or-later",
  "main": "dist/releases.json",
  "types": "dist/index.d.ts",
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [1.4.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
 # [1.4.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-27)

 ### Features
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/styles",
-  "version": "1.4.0",
+  "version": "1.4.1",
  "private": true,
  "main": "dist/index.js",
  "types": "dist/index.d.ts",
@@ -1,5 +1,5 @@
 :root {
-  --sn-stylekit-neutral-color: #989898;
+  --sn-stylekit-neutral-color: #72767e;
  --sn-stylekit-neutral-contrast-color: #ffffff;

  --sn-stylekit-info-color: #086dd6;
@@ -20,14 +20,14 @@
  --sn-stylekit-background-color: #ffffff;
  // For borders inside background-color
  --sn-stylekit-border-color: #dfe1e4;
-  --sn-stylekit-foreground-color: #000000;
+  --sn-stylekit-foreground-color: #19191C;
  // Colors for layers placed on top of non-prefixed background, border, and foreground
-  --sn-stylekit-contrast-background-color: #f6f6f6;
+  --sn-stylekit-contrast-background-color: rgba(244, 245, 247, 0.72);
  --sn-stylekit-contrast-foreground-color: #2e2e2e;
  --sn-stylekit-contrast-border-color: #e3e3e3; // For borders inside contrast-background-color

  // Alternative set of background and contrast options
-  --sn-stylekit-secondary-background-color: #f6f6f6;
+  --sn-stylekit-secondary-background-color: #EEEFF1;
  --sn-stylekit-secondary-foreground-color: #2e2e2e;
  --sn-stylekit-secondary-border-color: #e3e3e3;

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [1.2.42](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+**Note:** Version bump only for package @standardnotes/web-server
+
 ## [1.2.41](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/web-server
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/web-server",
-  "version": "1.2.41",
+  "version": "1.2.42",
  "license": "AGPL-3.0-or-later",
  "private": true,
  "author": "Standard Notes.",
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+## [3.27.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
+
+### Bug Fixes
+
+* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
+
 ## [3.27.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)

 **Note:** Version bump only for package @standardnotes/web
@@ -1,6 +1,6 @@
 {
  "name": "@standardnotes/web",
-  "version": "3.27.5",
+  "version": "3.27.6",
  "license": "AGPL-3.0-or-later",
  "main": "dist/app.js",
  "author": "Standard Notes",
@@ -126,7 +126,7 @@ const AdvancedOptions: FunctionComponent<Props> = ({
          {isPrivateWorkspace && (
            <>
              <DecoratedInput
-                className={'mb-2'}
+                className={{ container: 'mb-2' }}
                left={[<Icon type="server" className="text-neutral" />]}
                type="text"
                placeholder="Userphrase"
@@ -135,7 +135,7 @@ const AdvancedOptions: FunctionComponent<Props> = ({
                disabled={disabled}
              />
              <DecoratedInput
-                className={'mb-2'}
+                className={{ container: 'mb-2' }}
                left={[<Icon type="folder" className="text-neutral" />]}
                type="text"
                placeholder="Name"
@@ -119,7 +119,7 @@ const ConfirmPassword: FunctionComponent<Props> = ({
      </div>
      <form onSubmit={handleConfirmFormSubmit} className="mb-1 px-3">
        <DecoratedPasswordInput
-          className="mb-2"
+          className={{ container: 'mb-2' }}
          disabled={isRegistering}
          left={[<Icon type="password" className="text-neutral" />]}
          onChange={handlePasswordChange}
@@ -114,7 +114,7 @@ const CreateAccount: FunctionComponent<Props> = ({
      </div>
      <form onSubmit={handleRegisterFormSubmit} className="mb-1 px-3">
        <DecoratedInput
-          className="mb-2"
+          className={{ container: 'mb-2' }}
          disabled={isPrivateWorkspace}
          left={[<Icon type="email" className="text-neutral" />]}
          onChange={handleEmailChange}
@@ -125,7 +125,7 @@ const CreateAccount: FunctionComponent<Props> = ({
          value={email}
        />
        <DecoratedPasswordInput
-          className="mb-2"
+          className={{ container: 'mb-2' }}
          left={[<Icon type="password" className="text-neutral" />]}
          onChange={handlePasswordChange}
          onKeyDown={handleKeyDown}
@@ -153,7 +153,7 @@ const SignInPane: FunctionComponent<Props> = ({ application, viewControllerManag
      </div>
      <div className="mb-1 px-3">
        <DecoratedInput
-          className={`mb-2 ${error ? 'border-danger' : null}`}
+          className={{ container: `mb-2 ${error ? 'border-danger' : null}` }}
          left={[<Icon type="email" className="text-neutral" />]}
          type="email"
          placeholder="Email"
@@ -165,7 +165,7 @@ const SignInPane: FunctionComponent<Props> = ({ application, viewControllerManag
          ref={emailInputRef}
        />
        <DecoratedPasswordInput
-          className={`mb-2 ${error ? 'border-danger' : null}`}
+          className={{ container: `mb-2 ${error ? 'border-danger' : null}` }}
          disabled={isSigningIn}
          left={[<Icon type="password" className="text-neutral" />]}
          onChange={handlePasswordChange}
@@ -8,7 +8,7 @@ type Props = {

 const styles = {
  base: 'active:border-info active:bg-info active:text-neutral-contrast flex-grow cursor-pointer rounded-full border border-solid px-2 py-1 text-center transition',
-  unselected: 'text-neutral border-secondary-border',
+  unselected: 'text-neutral border-secondary-border bg-default',
  selected: 'text-neutral-contrast border-info bg-info',
 }

@@ -65,14 +65,14 @@ const ChallengeModalPrompt: FunctionComponent<Props> = ({ prompt, values, index,
        <DecoratedPasswordInput
          ref={inputRef}
          placeholder={prompt.placeholder}
-          className={`w-full max-w-76 ${isInvalid ? 'border-danger' : ''}`}
+          className={{ container: `w-full max-w-76 ${isInvalid ? 'border-danger' : ''}` }}
          onChange={(value) => onValueChange(value, prompt)}
        />
      ) : (
        <DecoratedInput
          ref={inputRef}
          placeholder={prompt.placeholder}
-          className={`w-full max-w-76 ${isInvalid ? 'border-danger' : ''}`}
+          className={{ container: `w-full max-w-76 ${isInvalid ? 'border-danger' : ''}` }}
          onChange={(value) => onValueChange(value, prompt)}
        />
      )}
@@ -56,6 +56,7 @@ import {
  MenuArrowRightIcon,
  MenuCloseIcon,
  MoreIcon,
+  NotesFilledIcon,
  NotesIcon,
  PasswordIcon,
  PencilFilledIcon,
@@ -123,6 +124,7 @@ export const ICONS = {
  'menu-arrow-down': MenuArrowDownIcon,
  'menu-arrow-right': MenuArrowRightIcon,
  'menu-close': MenuCloseIcon,
+  'notes-filled': NotesFilledIcon,
  'pencil-filled': PencilFilledIcon,
  'pencil-off': PencilOffIcon,
  'pin-filled': PinFilledIcon,
@@ -3,7 +3,7 @@ import { DecoratedInputProps } from './DecoratedInputProps'

 const getClassNames = (hasLeftDecorations: boolean, hasRightDecorations: boolean, roundedFull?: boolean) => {
  return {
-    container: `position-relative flex items-stretch overflow-hidden border border-solid border-border bg-default text-sm focus-within:ring-2 focus-within:ring-info ${
+    container: `position-relative flex items-stretch overflow-hidden border border-solid border-passive-3 bg-default text-sm focus-within:ring-2 focus-within:ring-info bg-clip-padding ${
      !hasLeftDecorations && !hasRightDecorations ? 'px-2 py-1.5' : ''
    } ${roundedFull ? 'rounded-full' : 'rounded'}`,
    input: `focus:ring-none w-full border-0 bg-transparent text-text focus:shadow-none focus:outline-none ${
@@ -20,7 +20,7 @@ const DecoratedInput = forwardRef(
  (
    {
      autocomplete = false,
-      className = '',
+      className,
      disabled = false,
      id,
      left,
@@ -43,7 +43,7 @@ const DecoratedInput = forwardRef(
    const classNames = getClassNames(hasLeftDecorations, hasRightDecorations, roundedFull)

    return (
-      <div className={`${classNames.container} ${disabled ? classNames.disabled : ''} ${className}`}>
+      <div className={`${classNames.container} ${disabled ? classNames.disabled : ''} ${className?.container}`}>
        {left && (
          <div className="flex items-center px-2 py-1.5">
            {left.map((leftChild, index) => (
@@ -54,7 +54,7 @@ const DecoratedInput = forwardRef(

        <input
          autoComplete={autocomplete ? 'on' : 'off'}
-          className={`${classNames.input} ${disabled ? classNames.disabled : ''}`}
+          className={`${classNames.input} ${disabled ? classNames.disabled : ''} ${className?.input}`}
          data-lpignore={type !== 'password' ? true : false}
          disabled={disabled}
          id={id}
@@ -2,7 +2,10 @@ import { FocusEventHandler, KeyboardEventHandler, ReactNode } from 'react'

 export type DecoratedInputProps = {
  autocomplete?: boolean
-  className?: string
+  className?: {
+    container?: string
+    input?: string
+  }
  disabled?: boolean
  id?: string
  left?: ReactNode[]
@@ -24,7 +24,7 @@ const NoAccountWarningContent = ({ accountMenuController, noAccountWarningContro
  }, [noAccountWarningController])

  return (
-    <div className="mt-4 grid grid-cols-1 rounded-md p-4 shadow">
+    <div className="mt-4 grid grid-cols-1 rounded-md p-4 shadow-main">
      <h1 className="sk-h3 m-0 text-sm font-semibold">Data not backed up</h1>
      <p className="col-start-1 col-end-3 m-0 mt-1 text-sm">Sign in or register to back up your notes.</p>
      <Button primary small className="col-start-1 col-end-3 mt-3 justify-self-start" onClick={showAccountMenu}>
@@ -116,7 +116,7 @@ const NoteTag = ({ viewControllerManager, tag }: Props) => {
  return (
    <button
      ref={tagRef}
-      className="hover:bg-secondary-contrast focus:bg-secondary-contrast mt-2 mr-2 flex h-6 cursor-pointer items-center rounded border-0 bg-contrast py-2 pl-1 pr-2 text-xs text-text"
+      className="mt-2 mr-2 flex h-6 cursor-pointer items-center rounded border-0 bg-passive-4-opacity-variant py-2 pl-1 pr-2 text-xs text-text hover:bg-contrast focus:bg-contrast"
      onClick={onTagClick}
      onKeyDown={onKeyDown}
      onFocus={onFocus}
@@ -89,7 +89,7 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application }) => {
                  placeholder={'Offline Subscription Code'}
                  value={activationCode}
                  disabled={isSuccessfullyActivated}
-                  className={'mb-3'}
+                  className={{ container: 'mb-3' }}
                />
              )}
            </div>
@@ -205,7 +205,7 @@ const PasscodeLock = ({ application, viewControllerManager }: Props) => {
                placeholder="Passcode"
              />
              <DecoratedPasswordInput
-                className="mt-2"
+                className={{ container: 'mt-2' }}
                type="password"
                value={passcodeConfirmation ? passcodeConfirmation : ''}
                onChange={handleConfirmPasscodeChange}
@@ -45,7 +45,7 @@ const ScanQRCode: FunctionComponent<Props> = ({ activation: act }) => {
          </div>
          <div className="min-h-2" />
          <DecoratedInput
-            className="w-92 ml-4"
+            className={{ container: 'w-92 ml-4' }}
            disabled={true}
            value={act.secretKey}
            right={[<CopyButton copyValue={act.secretKey} />]}
@@ -28,7 +28,7 @@ const Verification: FunctionComponent<Props> = ({ activation: act }) => {
              Enter your <b>secret key</b>:
            </div>
            <div className="min-w-2" />
-            <DecoratedInput className={`w-92 ${secretKeyClass}`} onChange={act.setInputSecretKey} />
+            <DecoratedInput className={{ container: `w-92 ${secretKeyClass}` }} onChange={act.setInputSecretKey} />
          </div>
          <div className="flex flex-row items-center">
            <Bullet />
@@ -37,7 +37,7 @@ const Verification: FunctionComponent<Props> = ({ activation: act }) => {
              Verify the <b>authentication code</b> generated by your authenticator app:
            </div>
            <div className="min-w-2" />
-            <DecoratedInput className={`w-30 ${authTokenClass}`} onChange={act.setInputOtpToken} />
+            <DecoratedInput className={{ container: `w-30 ${authTokenClass}` }} onChange={act.setInputOtpToken} />
          </div>
        </div>
      </ModalDialogDescription>
@@ -48,7 +48,10 @@ const SearchBar = ({ itemListController, searchOptionsController }: Props) => {
      <DecoratedInput
        autocomplete={false}
        title="Searches notes and files in the currently selected tag"
-        className="placeholder:color-passive-0 rounded-full bg-contrast bg-clip-padding px-1"
+        className={{
+          container: 'px-1',
+          input: 'placeholder:text-passive-0',
+        }}
        placeholder="Search"
        value={noteFilterText}
        ref={searchInputRef}
@@ -23,12 +23,12 @@ type Props = {
 const PADDING_BASE_PX = 14
 const PADDING_PER_LEVEL_PX = 21

-const smartViewIconType = (view: SmartView): IconType => {
+const smartViewIconType = (view: SmartView, isSelected: boolean): IconType => {
  if (view.uuid === SystemViewId.AllNotes) {
-    return 'notes'
+    return isSelected ? 'notes-filled' : 'notes'
  }
  if (view.uuid === SystemViewId.Files) {
-    return 'file'
+    return 'folder'
  }
  if (view.uuid === SystemViewId.ArchivedNotes) {
    return 'archive'
@@ -101,7 +101,7 @@ const SmartViewsListItem: FunctionComponent<Props> = ({ view, tagsState }) => {
  }, [tagsState, view])

  const isFaded = false
-  const iconType = smartViewIconType(view)
+  const iconType = smartViewIconType(view, isSelected)

  return (
    <>
@@ -113,7 +113,7 @@ const SmartViewsListItem: FunctionComponent<Props> = ({ view, tagsState }) => {
        }}
      >
        <div className="tag-info">
-          <div className={'tag-icon mr-1'}>
+          <div className={'tag-icon mr-2'}>
            <Icon type={iconType} className={`${isSelected ? 'text-info' : 'text-neutral'}`} />
          </div>
          <input
@@ -216,7 +216,7 @@ export const TagsListItem: FunctionComponent<Props> = observer(({ tag, features,
              </a>
            </div>
          )}
-          <div className={'tag-icon draggable mr-1'} ref={dragRef}>
+          <div className={'tag-icon draggable mr-2'} ref={dragRef}>
            <Icon type="hashtag" className={`${isSelected ? 'text-info' : 'text-neutral'}`} />
          </div>
          <input
@@ -136,7 +136,7 @@ $content-horizontal-padding: 16px;
      .count {
        padding-right: 4px;
        padding-top: 1px;
-        font-weight: bold;
+        font-weight: 400;
        color: var(--navigation-item-count-color);
        min-width: 15px;
        text-align: right;
@@ -174,6 +174,11 @@ $content-horizontal-padding: 16px;
        .title {
          cursor: text;
        }
+
+        .count {
+          --navigation-item-count-color: var(--sn-stylekit-foreground-color);
+          font-weight: 700;
+        }
      }
    }

@@ -32,7 +32,7 @@
  --navigation-section-title-color: var(--sn-stylekit-secondary-foreground-color);
  --navigation-item-text-color: var(--sn-stylekit-secondary-foreground-color);
  --navigation-item-count-color: var(--sn-stylekit-neutral-color);
-  --navigation-item-selected-background-color: var(--sn-stylekit-secondary-contrast-background-color);
+  --navigation-item-selected-background-color: var(--sn-stylekit-background-color);

  --preferences-navigation-icon-color: var(--sn-stylekit-neutral-color);
  --preferences-navigation-selected-background-color: var(--sn-stylekit-info-backdrop-color);
@@ -85,6 +85,7 @@ module.exports = {
      default: 'var(--sn-stylekit-background-color)',
      foreground: 'var(--sn-stylekit-foreground-color)',
      contrast: 'var(--sn-stylekit-contrast-background-color)',
+      'secondary-contrast': 'var(--sn-stylekit-secondary-contrast-border-color)',
      text: 'var(--sn-stylekit-contrast-foreground-color)',
      border: 'var(--sn-stylekit-border-color)',
      'secondary-border': 'var(--sn-stylekit-secondary-border-color)',