init

.obsidian/plugins/obsidian-focus-mode/manifest.json

@@ -0,0 +1,10 @@
+{
+    "id": "obsidian-focus-mode",
+    "name": "Focus Mode",
+    "version": "1.11.4",
+    "minAppVersion": "0.9.12",
+    "description": "Add Focus Mode to Obsidian.",
+    "author": "ryanpcmcquen",
+    "authorUrl": "https://github.com/ryanpcmcquen",
+    "isDesktopOnly": true
+}

.obsidian/plugins/obsidian-focus-mode/styles.css

@@ -0,0 +1,44 @@
+.focus-mode .cm-s-obsidian .cm-line:not(.cm-active),
+.focus-mode .cm-s-obsidian div:not(.CodeMirror-activeline) > .CodeMirror-line {
+    opacity: 0.85;
+    filter: saturate(0.85);
+}
+
+.focus-mode .status-bar,
+.focus-mode .view-actions,
+.focus-mode .view-header-icon,
+.focus-mode .inline-title,
+.focus-mode .workspace-ribbon:not(.mod-left),
+.focus-mode .workspace-split.maximised .workspace-leaf:not(.mod-active),
+.focus-mode
+    .workspace-split.maximised
+    .workspace-leaf.mod-active
+    ~ .workspace-split,
+.focus-mode.plugin-tabs .stayopen .view-header,
+.super-focus-mode .workspace-tabs:not(.mod-active) {
+    display: none;
+}
+
+.super-focus-mode .workspace-tab-header-container {
+    padding-left: var(--size-4-8);
+}
+
+.focus-mode .view-content {
+    height: 100%;
+}
+
+.focus-mode .workspace-split.maximised .workspace-leaf.mod-active {
+    /* 4px is for scrollbar width: */
+    flex-basis: calc(100% - 4px);
+}
+
+.focus-mode .workspace-ribbon,
+.focus-mode .sidebar-toggle-button {
+    visibility: hidden;
+}
+
+.focus-mode .workspace-ribbon::before,
+.focus-mode
+    .side-dock-ribbon-action[aria-label="Toggle Focus Mode (Shift + Click to show active pane only)"] {
+    visibility: visible;
+}