diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1340eb2..a153840 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,8 +4,25 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [1.0.2](https://github.com/ebullient/obsidian-theme-ebullientworks/compare/1.0.1...1.0.2)
+
+- Corrects pretty header on mobile [`#99`](https://github.com/ebullient/obsidian-theme-ebullientworks/issues/99)
+- 🐛 fix position of edit block button; resolves #101 [`#101`](https://github.com/ebullient/obsidian-theme-ebullientworks/issues/101)
+- :sparkles: Add Sync Icon visibility on mobile and tablet [`#87`](https://github.com/ebullient/obsidian-theme-ebullientworks/issues/87)
+- 🎨 message, notification, and button colors [`00b1e00`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/00b1e006e9f89aa849eb228faaa64cc6b2a5a6ae)
+- Bump braces from 3.0.2 to 3.0.3 [`aa1b99c`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/aa1b99c04083b47cc36f892e25297eaa8764a518)
+- Bump sass from 1.77.6 to 1.77.8 [`02a557b`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/02a557b222b1faadb4d06a4620274af484b72c4a)
+- Bump sass from 1.77.5 to 1.77.6 [`960351b`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/960351b4e5e5ee64fc08408b9ae29dd0eb877ef5)
+- Bump sass from 1.77.4 to 1.77.5 [`6756de6`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/6756de605b62a5e7ca3279e9a40f9b8996ba610d)
+- Bump sass from 1.77.2 to 1.77.4 [`c313423`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/c313423ecf8e43eb140dec31236973d8e59faf24)
+- Bump sass from 1.77.1 to 1.77.2 [`5ef1c5f`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/5ef1c5f40e000693fd85595137b8c6d78146309b)
+- 🎨 lighten sync icon color in dark mode [`1b5fe92`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/1b5fe92b938630a0edc2b8584ba497209ef817d9)
+- 🎨 provide background to sync icon on mobile [`8a50820`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/8a508209d8e2c1e48342d094e59be359791d4184)
+
 #### [1.0.1](https://github.com/ebullient/obsidian-theme-ebullientworks/compare/1.0.0...1.0.1)
 
+> 13 May 2024
+
 - Bump sass from 1.76.0 to 1.77.1 [`efc3e7d`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/efc3e7d86050d3cdc54b005bf2fdd071acc9764a)
 - Bump sass from 1.75.0 to 1.76.0 [`829d6a7`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/829d6a73f5a0dac7af50190812faac6b5123bffe)
 - Bump sass from 1.74.1 to 1.75.0 [`f2cc933`](https://github.com/ebullient/obsidian-theme-ebullientworks/commit/f2cc93396ffe1a47c9efbe833500623267752673)
diff --git a/manifest.json b/manifest.json
index 2c161a5..927ef0c 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
    "name": "Ebullientworks",
-   "version": "1.0.1",
+   "version": "1.0.2",
    "minAppVersion": "0.16.0",
    "author": "Ebullientworks",
    "authorUrl": "https://github.com/ebullient",
diff --git a/package-lock.json b/package-lock.json
index 959aa53..5482b86 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "obsidian-theme-ebullientworks",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "obsidian-theme-ebullientworks",
-      "version": "1.0.1",
+      "version": "1.0.2",
       "license": "MIT",
       "devDependencies": {
         "auto-changelog": "^2.4.0",
diff --git a/package.json b/package.json
index 08753db..dcd287a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "obsidian-theme-ebullientworks",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": true,
   "description": "An Obsidian Theme",
   "author": "Erin Schnabel",
diff --git a/publish.css b/publish.css
index 079c660..d218794 100644
--- a/publish.css
+++ b/publish.css
@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*
-Ebullientworks 1.0.1. A dark and light theme for Obsidian.
+Ebullientworks 1.0.2. A dark and light theme for Obsidian.
 
 https://github.com/ebullient/obsidian-theme-ebullientworks
 */
@@ -160,18 +160,28 @@ body {
   --background-primary-alt: var(--gray-dark-75);
   --background-secondary: var(--gray-dark-7);
   --background-secondary-alt: var(--gray-dark-8);
-  --background-modifier-border: black;
-  --background-modifier-border-focus: black;
-  --background-modifier-form-field: rgba(0, 0, 0, 0.3);
+  --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075);
+  --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15);
+  --background-modifier-border: var(--gray-dark-9);
+  --background-modifier-border-hover: black;
+  --background-modifier-border-focus: var(--gray-dark-10);
+  --background-modifier-error-rgb: var(--red-5-rgb);
+  --background-modifier-error: var(--red-5);
+  --background-modifier-error-hover: var(--red-4);
+  --background-modifier-success-rgb: var(--green-5-rgb);
+  --background-modifier-success: var(--green-5);
+  --background-modifier-warning: var(--yellow-4);
+  --background-modifier-warning-hover: var(--yellow-3);
+  --background-modifier-info: var(--blue-5);
+  --modifier-text: var(--gray-light-8);
+  --modifier-text-accent: var(--gray-light-7);
+  --background-modifier-message: var(--gray-dark-6);
+  --background-modifier-form-field: var(--gray-dark-6);
   --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22);
   --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
-  --background-modifier-success: var(--green-5);
-  --background-modifier-error: var(--red-5);
-  --background-modifier-error-rgb: 61, 0, 0;
-  --background-modifier-error-hover: var(--red-5);
   --background-modifier-cover: rgba(0, 0, 0, 0.8);
   --text-accent: var(--primary-accent-2);
-  --text-accent-hover: var(--gray-light-8);
+  --text-accent-hover: var(--primary-accent-1);
   --text-normal: var(--gray-light-1);
   --text-muted: var(--gray);
   --text-faint: var(--gray-dark-1);
@@ -186,9 +196,11 @@ body {
   --indentation-guide-active: var(--gray-dark-6);
   --text-on-accent: var(--gray-light-8);
   --interactive-hover: var(--primary-accent-4);
-  --interactive-normal: var(--background-primary-alt);
-  --interactive-accent: var(--secondary-accent-4);
+  --interactive-normal: var(--gray-dark-6);
+  --interactive-accent: var(--primary-accent-5);
   --interactive-accent-hover: var(--primary-accent-4);
+  --interactive-toggle: var(--secondary-accent-4);
+  --interactive-disabled: var(--background-modifier-form-field);
   --ebw-alpha2: rgba(0, 0, 0, 0.2);
   --ebw-alpha4: rgba(0, 0, 0, 0.4);
   --color-red-rgb: var(--red-2-rgb);
@@ -230,34 +242,56 @@ body {
   --text-highlight-bg: var(--primary-accent-2);
   --text-highlight-bg-rgb: var(--primary-accent-2-rgb);
 }
+.theme-dark .sync-status-icon.mod-working {
+  color: var(--primary-accent-4);
+}
+.theme-dark .sync-status-icon.mod-error {
+  color: var(--red-4);
+}
 
 .theme-light {
   --background-primary: var(--gray-light-7);
   --background-primary-alt: var(--gray-light-5);
   --background-secondary: var(--gray-light-3);
   --background-secondary-alt: var(--gray-light-4);
+  --background-modifier-hover: rgba(0, 0, 0, 0.075);
+  --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15);
   --background-modifier-border: var(--gray-light-1);
-  --background-modifier-success: var(--green-2);
-  --background-modifier-success-rgb: var(--green-2-rgb);
+  --background-modifier-border-hover: var(--gray-light-2);
+  --background-modifier-border-focus: var(--gray);
+  --background-modifier-error-rgb: var(--red-4-rgb);
   --background-modifier-error: var(--red-4);
-  --background-modifier-error-rgb: 188,83,69;
-  --background-modifier-error-hover: var(--red-4);
+  --background-modifier-error-hover: var(--red-3);
+  --background-modifier-success-rgb: var(--green-4-rgb);
+  --background-modifier-success: var(--green-4);
+  --background-modifier-warning: var(--yellow-3);
+  --background-modifier-warning-hover: var(--yellow-4);
+  --background-modifier-info: var(--blue-4);
+  --modifier-text: white;
+  --modifier-text-accent: var(--gray-light-7);
+  --background-modifier-message: rgba(0, 0, 0, 0.9);
+  --background-modifier-form-field: var(--background-primary);
+  --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22);
+  --background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
+  --background-modifier-cover: rgba(220, 220, 220, 0.4);
   --text-normal: var(--gray-dark-5);
   --text-muted: var(--gray-dark-4);
   --text-faint: var(--gray-dark-1);
   --text-accent: var(--primary-accent-4);
   --text-accent-hover: var(--primary-accent-5);
   --text-success: var(--green-4);
-  --text-error: var(--red-5);
+  --text-error: var(--red-4);
   --text-highlight-fg: var(--gray-dark-7);
   --text-highlight-bg-rgb: var(--primary-accent-4-rgb);
   --text-highlight-bg: rgba(var(--text-highlight-bg-rgb), 0.2);
   --text-selection: rgba(var(--secondary-accent-4-rgb), 0.2);
-  --text-on-accent: var(--gray-light-8);
   --interactive-hover: var(--primary-accent-1);
   --interactive-normal: var(--background-primary-alt);
-  --interactive-accent: var(--secondary-accent-4);
-  --interactive-accent-hover: var(--primary-accent-4);
+  --text-on-accent: var(--gray-light-8);
+  --interactive-accent: var(--primary-accent-4);
+  --interactive-accent-hover: var(--primary-accent-3);
+  --interactive-toggle: var(--secondary-accent-3);
+  --interactive-disabled: var(--gray-light-3);
   --color-red-rgb: var(--red-4-rgb);
   --color-red: var(--red-4);
   --color-orange-rgb: var(--orange-4-rgb);
@@ -287,6 +321,13 @@ body {
   --color-base-70: var(--gray-dark-4);
   --color-base-100: var(--gray-dark-8);
 }
+@media (hover: hover) {
+  .theme-light button.mod-cta:hover,
+  .theme-light button.mod-destructive:hover {
+    --modifier-text: var(--gray-dark-8);
+    color: var(--modifier-text);
+  }
+}
 
 .theme-dark {
   --graph-line: var(--gray-dark-5);
diff --git a/tasks-snippet.css b/tasks-snippet.css
index de75b48..514fa8e 100644
--- a/tasks-snippet.css
+++ b/tasks-snippet.css
@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*
-Ebullientworks 1.0.1. A dark and light theme for Obsidian.
+Ebullientworks 1.0.2. A dark and light theme for Obsidian.
 
 https://github.com/ebullient/obsidian-theme-ebullientworks
 */
diff --git a/theme.css b/theme.css
index 4768309..bf0f7d8 100644
--- a/theme.css
+++ b/theme.css
@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*
-Ebullientworks 1.0.1. A dark and light theme for Obsidian.
+Ebullientworks 1.0.2. A dark and light theme for Obsidian.
 
 https://github.com/ebullient/obsidian-theme-ebullientworks
 */
@@ -564,18 +564,28 @@ body {
   --background-primary-alt: var(--gray-dark-75);
   --background-secondary: var(--gray-dark-7);
   --background-secondary-alt: var(--gray-dark-8);
-  --background-modifier-border: black;
-  --background-modifier-border-focus: black;
-  --background-modifier-form-field: rgba(0, 0, 0, 0.3);
+  --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075);
+  --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15);
+  --background-modifier-border: var(--gray-dark-9);
+  --background-modifier-border-hover: black;
+  --background-modifier-border-focus: var(--gray-dark-10);
+  --background-modifier-error-rgb: var(--red-5-rgb);
+  --background-modifier-error: var(--red-5);
+  --background-modifier-error-hover: var(--red-4);
+  --background-modifier-success-rgb: var(--green-5-rgb);
+  --background-modifier-success: var(--green-5);
+  --background-modifier-warning: var(--yellow-4);
+  --background-modifier-warning-hover: var(--yellow-3);
+  --background-modifier-info: var(--blue-5);
+  --modifier-text: var(--gray-light-8);
+  --modifier-text-accent: var(--gray-light-7);
+  --background-modifier-message: var(--gray-dark-6);
+  --background-modifier-form-field: var(--gray-dark-6);
   --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22);
   --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
-  --background-modifier-success: var(--green-5);
-  --background-modifier-error: var(--red-5);
-  --background-modifier-error-rgb: 61, 0, 0;
-  --background-modifier-error-hover: var(--red-5);
   --background-modifier-cover: rgba(0, 0, 0, 0.8);
   --text-accent: var(--primary-accent-2);
-  --text-accent-hover: var(--gray-light-8);
+  --text-accent-hover: var(--primary-accent-1);
   --text-normal: var(--gray-light-1);
   --text-muted: var(--gray);
   --text-faint: var(--gray-dark-1);
@@ -590,9 +600,11 @@ body {
   --indentation-guide-active: var(--gray-dark-6);
   --text-on-accent: var(--gray-light-8);
   --interactive-hover: var(--primary-accent-4);
-  --interactive-normal: var(--background-primary-alt);
-  --interactive-accent: var(--secondary-accent-4);
+  --interactive-normal: var(--gray-dark-6);
+  --interactive-accent: var(--primary-accent-5);
   --interactive-accent-hover: var(--primary-accent-4);
+  --interactive-toggle: var(--secondary-accent-4);
+  --interactive-disabled: var(--background-modifier-form-field);
   --ebw-alpha2: rgba(0, 0, 0, 0.2);
   --ebw-alpha4: rgba(0, 0, 0, 0.4);
   --color-red-rgb: var(--red-2-rgb);
@@ -634,34 +646,56 @@ body {
   --text-highlight-bg: var(--primary-accent-2);
   --text-highlight-bg-rgb: var(--primary-accent-2-rgb);
 }
+.theme-dark .sync-status-icon.mod-working {
+  color: var(--primary-accent-4);
+}
+.theme-dark .sync-status-icon.mod-error {
+  color: var(--red-4);
+}
 
 .theme-light {
   --background-primary: var(--gray-light-7);
   --background-primary-alt: var(--gray-light-5);
   --background-secondary: var(--gray-light-3);
   --background-secondary-alt: var(--gray-light-4);
+  --background-modifier-hover: rgba(0, 0, 0, 0.075);
+  --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15);
   --background-modifier-border: var(--gray-light-1);
-  --background-modifier-success: var(--green-2);
-  --background-modifier-success-rgb: var(--green-2-rgb);
+  --background-modifier-border-hover: var(--gray-light-2);
+  --background-modifier-border-focus: var(--gray);
+  --background-modifier-error-rgb: var(--red-4-rgb);
   --background-modifier-error: var(--red-4);
-  --background-modifier-error-rgb: 188,83,69;
-  --background-modifier-error-hover: var(--red-4);
+  --background-modifier-error-hover: var(--red-3);
+  --background-modifier-success-rgb: var(--green-4-rgb);
+  --background-modifier-success: var(--green-4);
+  --background-modifier-warning: var(--yellow-3);
+  --background-modifier-warning-hover: var(--yellow-4);
+  --background-modifier-info: var(--blue-4);
+  --modifier-text: white;
+  --modifier-text-accent: var(--gray-light-7);
+  --background-modifier-message: rgba(0, 0, 0, 0.9);
+  --background-modifier-form-field: var(--background-primary);
+  --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22);
+  --background-modifier-box-shadow: rgba(0, 0, 0, 0.1);
+  --background-modifier-cover: rgba(220, 220, 220, 0.4);
   --text-normal: var(--gray-dark-5);
   --text-muted: var(--gray-dark-4);
   --text-faint: var(--gray-dark-1);
   --text-accent: var(--primary-accent-4);
   --text-accent-hover: var(--primary-accent-5);
   --text-success: var(--green-4);
-  --text-error: var(--red-5);
+  --text-error: var(--red-4);
   --text-highlight-fg: var(--gray-dark-7);
   --text-highlight-bg-rgb: var(--primary-accent-4-rgb);
   --text-highlight-bg: rgba(var(--text-highlight-bg-rgb), 0.2);
   --text-selection: rgba(var(--secondary-accent-4-rgb), 0.2);
-  --text-on-accent: var(--gray-light-8);
   --interactive-hover: var(--primary-accent-1);
   --interactive-normal: var(--background-primary-alt);
-  --interactive-accent: var(--secondary-accent-4);
-  --interactive-accent-hover: var(--primary-accent-4);
+  --text-on-accent: var(--gray-light-8);
+  --interactive-accent: var(--primary-accent-4);
+  --interactive-accent-hover: var(--primary-accent-3);
+  --interactive-toggle: var(--secondary-accent-3);
+  --interactive-disabled: var(--gray-light-3);
   --color-red-rgb: var(--red-4-rgb);
   --color-red: var(--red-4);
   --color-orange-rgb: var(--orange-4-rgb);
@@ -691,6 +725,13 @@ body {
   --color-base-70: var(--gray-dark-4);
   --color-base-100: var(--gray-dark-8);
 }
+@media (hover: hover) {
+  .theme-light button.mod-cta:hover,
+  .theme-light button.mod-destructive:hover {
+    --modifier-text: var(--gray-dark-8);
+    color: var(--modifier-text);
+  }
+}
 
 .theme-dark.is-tablet {
   --titlebar-background: var(--background-secondary);
@@ -757,6 +798,7 @@ body {
   background-color: var(--ebw-tab-title-active-bg);
 }
 
+.is-mobile,
 .is-focused {
   --divider-color: var(--background-modifier-border-focus);
   --ribbon-background: var(--titlebar-background-focused);
@@ -764,10 +806,12 @@ body {
   --status-bar-background: var(--titlebar-background-focused);
   --tab-outline-color: var(--background-modifier-border-focus);
 }
+.is-mobile .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
 .is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active {
   color: var(--ebw-tab-title-active-fg);
   background-color: var(--ebw-tab-title-active-focused-bg);
 }
+.is-mobile .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active .workspace-tab-header-inner-title,
 .is-focused .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active .workspace-tab-header-inner-title {
   color: inherit;
 }
@@ -793,6 +837,10 @@ body:not(.is-mobile) .mod-right-split.is-floating {
   right: 0;
 }
 
+body.is-mobile .workspace-drawer-header-icon.sync-status-icon {
+  background-color: var(--background-primary);
+}
+
 .ebullientworks-reverse-view-header-actions .popover.hover-editor .popover-content .workspace-leaf-content .view-header,
 .ebullientworks-reverse-view-header-actions .workspace-tabs .view-header {
   margin: 0;
@@ -933,6 +981,77 @@ body.is-tablet .view-header .view-action,
   display: none;
 }
 
+:is(.is-mobile, .is-phone) .workspace:not(:has(.workspace-drawer-backdrop)) .workspace-drawer.mod-right {
+  display: flex !important;
+  overflow: visible;
+  left: 100%;
+}
+:is(.is-mobile, .is-phone) .workspace:not(:has(.workspace-drawer-backdrop)) .workspace-drawer.mod-right .workspace-drawer-inner {
+  overflow: visible;
+}
+:is(.is-mobile, .is-phone) .workspace:not(:has(.workspace-drawer-backdrop)) .view-actions {
+  padding-right: 32px;
+}
+:is(.is-mobile, .is-phone) .workspace:not(:has(.workspace-drawer-backdrop)) .view-actions:is(.is-phone) {
+  padding-right: 23px;
+}
+
+.is-phone .sync-status-icon {
+  position: absolute;
+  top: 0.5rem;
+  left: -3.25rem;
+}
+
+.is-tablet .sync-status-icon {
+  position: absolute;
+  top: 2.3rem;
+  left: -3.25rem;
+}
+
+.message.mod-error,
+.message.mod-info,
+.message.mod-success,
+.message.mod-warning {
+  color: var(--modifier-text);
+}
+
+.message.mod-error a,
+.message.mod-info a,
+.message.mod-success a,
+.message.mod-warning a {
+  color: var(--modifier-text-accent);
+}
+
+.message.mod-info {
+  background-color: var(--background-modifier-info);
+}
+
+button.mod-warning,
+.message.mod-warning {
+  background-color: var(--background-modifier-warning);
+  color: var(--modifier-text);
+}
+
+button.mod-destructive {
+  background-color: var(--background-modifier-error);
+  color: var(--modifier-text);
+}
+
+.checkbox-container {
+  background-color: var(--interactive-disabled);
+}
+.checkbox-container.is-enabled {
+  background-color: var(--interactive-toggle);
+}
+
+@media (hover: hover) {
+  button.mod-warning:hover {
+    background-color: var(--background-modifier-warning-hover);
+  }
+  button.mod-destructive:hover {
+    background-color: var(--background-modifier-error-hover);
+  }
+}
 .modal-content .vertical-tab-header {
   --interactive-accent: var(--interactive-accent-hover);
 }
@@ -1072,6 +1191,19 @@ body {
   margin-bottom: 0;
 }
 
+@media screen and (max-width: 700px) {
+  .metadata-properties-title {
+    display: none;
+  }
+  .markdown-source-view .metadata-container .metadata-add-button {
+    margin-top: revert;
+    padding-left: revert;
+    position: revert;
+    font-size: revert;
+    left: revert;
+    top: revert;
+  }
+}
 body {
   --h1-size: 2em;
   --h2-size: 1.8em;
@@ -2362,7 +2494,7 @@ div.popover .callout[data-callout=toc] {
   margin-bottom: 0;
 }
 
-.markdown-source-view.mod-cm6 .admonition-parent > .edit-block-button {
+.markdown-source-view.mod-cm6 .edit-block-button {
   right: calc(var(--size-4-2) + var(--icon-size) + 0.375rem);
   top: calc(var(--size-2-2) + 0.125rem);
 }