diff --git a/ocean-dark.css b/ocean-dark.css
index c99fbbe..d4f6a27 100644
--- a/ocean-dark.css
+++ b/ocean-dark.css
@@ -5,136 +5,137 @@ This theme inspired by and meant to be paired with Linux theme Juno-Ocean by Eli
 ******************************************************************/
 /*****FONT IMPORTS*****/
 @font-face {
-    font-family: "JetBrainsMono";
-    src: url('/custom/themes/EFAD/JetBrainsMono-Regular.woff2') format("woff2");
-    font-weight: 400;
-    font-style: normal;
+   font-family: "JetBrainsMono";
+   src: url('/custom/themes/EFAD/JetBrainsMono-Regular.woff2') format("woff2");
+   font-weight: 400;
+   font-style: normal;
 }
 @font-face {
-    font-family: "JetBrainsMono";
-    src: url('/custom/themes/EFAD/JetBrainsMono-Italic.woff2') format("woff2");
-    font-weight: 400;
-    font-style: oblique;
+   font-family: "JetBrainsMono";
+   src: url('/custom/themes/EFAD/JetBrainsMono-Italic.woff2') format("woff2");
+   font-weight: 400;
+   font-style: oblique;
 }
 @font-face {
-    font-family: "JetBrainsMono";
-    src: url('/custom/themes/EFAD/JetBrainsMono-Bold.woff2') format("woff2");
-    font-weight: 700;
-    font-style: normal;
+   font-family: "JetBrainsMono";
+   src: url('/custom/themes/EFAD/JetBrainsMono-Bold.woff2') format("woff2");
+   font-weight: 700;
+   font-style: normal;
 }
 @font-face {
-    font-family: "JetBrainsMono";
-    src: url('/custom/themes/EFAD/JetBrainsMono-BoldItalic.woff2') format("woff2");
-    font-weight: 700;
-    font-style: oblique;
+   font-family: "JetBrainsMono";
+   src: url('/custom/themes/EFAD/JetBrainsMono-BoldItalic.woff2') format("woff2");
+   font-weight: 700;
+   font-style: oblique;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-300-Light.woff2') format("woff2");
-    font-weight: 300;
-    font-style: normal;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-300-Light.woff2') format("woff2");
+   font-weight: 300;
+   font-style: normal;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-300-LightItalic.woff2') format("woff2");
-    font-weight: 300;
-    font-style: oblique;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-300-LightItalic.woff2') format("woff2");
+   font-weight: 300;
+   font-style: oblique;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-400-Book.woff2') format("woff2");
-    font-weight: 400;
-    font-style: normal;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-400-Book.woff2') format("woff2");
+   font-weight: 400;
+   font-style: normal;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-400-BookItalic.woff2') format("woff2");
-    font-weight: 400;
-    font-style: oblique;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-400-BookItalic.woff2') format("woff2");
+   font-weight: 400;
+   font-style: oblique;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-500-Medium.woff2') format("woff2");
-    font-weight: 500;
-    font-style: normal;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-500-Medium.woff2') format("woff2");
+   font-weight: 500;
+   font-style: normal;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-500-MediumItalic.woff2') format("woff2");
-    font-weight: 500;
-    font-style: oblique;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-500-MediumItalic.woff2') format("woff2");
+   font-weight: 500;
+   font-style: oblique;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-600-Semi.woff2') format("woff2");
-    font-weight: 600;
-    font-style: normal;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-600-Semi.woff2') format("woff2");
+   font-weight: 600;
+   font-style: normal;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-600-SemiItalic.woff2') format("woff2");
-    font-weight: 600;
-    font-style: oblique;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-600-SemiItalic.woff2') format("woff2");
+   font-weight: 600;
+   font-style: oblique;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-700-Bold.woff2') format("woff2");
-    font-weight: 700;
-    font-style: normal;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-700-Bold.woff2') format("woff2");
+   font-weight: 700;
+   font-style: normal;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-700-BoldItalic.woff2') format("woff2");
-    font-weight: 700;
-    font-style: oblique;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-700-BoldItalic.woff2') format("woff2");
+   font-weight: 700;
+   font-style: oblique;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-800-Heavy.woff2') format("woff2");
-    font-weight: 800;
-    font-style: normal;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-800-Heavy.woff2') format("woff2");
+   font-weight: 800;
+   font-style: normal;
 }
 @font-face {
-    font-family: "Jost";
-    src: url('/custom/themes/EFAD/Jost-800-HeavyItalic.woff2') format("woff2");
-    font-weight: 800;
-    font-style: oblique;
+   font-family: "Jost";
+   src: url('/custom/themes/EFAD/Jost-800-HeavyItalic.woff2') format("woff2");
+   font-weight: 800;
+   font-style: oblique;
 }
 
 
 /*****ROOT (COLOR AND FONT KEY)*****/
 :root{
-   /***main body (including CKEditor), modal(options menu), and some code colors (see last section for more code colors)*/ 
-   --main-text-color: #e6dcbe; /*foreground/default*/
-   --main-background: #0E111A; /*background 1*/
-   --tree-background: #131520; /*background 2*/
-   --black: #161925;
-   --dark-grey: #6573aa;
-   --red: #eb3247;
-   --light-red: #f35645;
-   --green: #94f700;
-   --light-green: #94c800;
-   --brown: #fad32f;
-   --yellow: #c2a325;
-   --blue: #0066ff;
-   --light-blue: #5e32ff;
-   --purple: #ef11ff;
-   --light-purple: #c50ed2;
-   --cyan: #5294e2;
-   --light-cyan: #00c1e4;
-   --light-grey: #eec49a;
-   --white: #ffdab4;
-   
-   --devils-gray-lol: #666;
-   --soft-gray: #131520;
-   --sand: #e6dcbe;
-   --tan: #ffdab4;
-   --cool-gray: #5D7576;
-   --light-turquoise: #334b78;
-   --soft-sea-green: #00a9a5;
-   --header-font-family: Jost, sans-serif;
-   --code-select-gray: #253749;
-   --table-header-gray: #161925;
+  /***main body (including CKEditor), modal(options menu), and some code colors (see last section for more code colors)*/ 
+  --main-text-color: #e6dcbe; /*foreground/default*/
+  --main-background: #0E111A; /*background 1*/
+  --tree-background: #131520; /*background 2*/
+  --black: #161925;
+  --dark-grey: #6573aa;
+  --red: #eb3247;
+  --light-red: #f35645;
+  --green: #94f700;
+  --light-green: #94c800;
+  --brown: #fad32f;
+  --yellow: #c2a325;
+  --blue: #0066ff;
+  --light-blue: #5e32ff;
+  --purple: #ef11ff;
+  --light-purple: #c50ed2;
+  --cyan: #5294e2;
+  --light-cyan: #00c1e4;
+  --light-grey: #eec49a;
+  --white: #ffdab4;
+  --deep-blue: #030917;
+  
+  --devils-gray-lol: #666;
+  --soft-gray: #131520;
+  --sand: #e6dcbe;
+  --tan: #ffdab4;
+  --cool-gray: #5D7576;
+  --light-turquoise: #334b78;
+  --soft-sea-green: #00a9a5;
+  --header-font-family: Jost, sans-serif;
+  --code-select-gray: #253749;
+  --table-header-gray: #161925;
 }
 
 
@@ -143,686 +144,686 @@ This theme inspired by and meant to be paired with Linux theme Juno-Ocean by Eli
 These are variables that already exist in the native stylesheet, just redefined here. This could have been put in ':root' or 'body{}' but for the sake of organization, I kept them in 'html' where they have been similarly placed in the Light Theme.
 ******************************************************************/
 html {
-   --theme-style: dark;
+  --theme-style: dark;
 
-   /***fonts***/
-   /*general fonts*/
-   --main-font-family: Jost, sans-serif;
-   --main-font-size: 1.2rem;
+  /***fonts***/
+  /*general fonts*/
+  --main-font-family: Jost, sans-serif;
+  --main-font-size: 1.2rem;
 
-   --tree-font-family: Jost, sans-serif;
-   --tree-font-size: 1.3rem;
+  --tree-font-family: Jost, sans-serif;
+  --tree-font-size: 1.3rem;
 
-   --detail-font-family: Jost, sans-serif;
-   --detail-font-size: 1.3rem;
+  --detail-font-family: Jost, sans-serif;
+  --detail-font-size: 1.3rem;
 
-  /*code fonts*/
-   --monospace-font-family: JetBrainsMono, monospace;
-   --monospace-font-size: 1.2rem;
+ /*code fonts*/
+  --monospace-font-family: JetBrainsMono, monospace;
+  --monospace-font-size: 1.2rem;
 
-   /***colors***/
-   /*main notes window*/
-   --main-background-color: var(--main-background);
-   --main-text-color: var(--main-text-color);
-   --main-border-color: var(--devils-gray-lol);
+  /***colors***/
+  /*main notes window*/
+  --main-background-color: var(--main-background);
+  --main-text-color: var(--main-text-color);
+  --main-border-color: var(--devils-gray-lol);
 
-   /*changes the window icons(x, [], -) and some text fields*/
-   --accented-background-color: var(--soft-gray);
+  /*changes the window icons(x, [], -) and some text fields*/
+  --accented-background-color: var(--soft-gray);
 
-   /*changes the edit icons on text notes and the alert messages*/
-   --more-accented-background-color: var(--table-header-gray);
+  /*changes the edit icons on text notes and the alert messages*/
+  --more-accented-background-color: var(--table-header-gray);
 
-  /*left, bottom left, and lower upper right icons*/
-   --button-background-color: transparent;
-   --button-disabled-background-color: var(--table-header-gray);
-   --button-border-color: var(--main-text-color);
-   --button-text-color: var(--main-text-color);
-   --button-border-radius: 5px;
+ /*left, bottom left, and lower upper right icons*/
+  --button-background-color: transparent;
+  --button-disabled-background-color: var(--table-header-gray);
+  --button-border-color: var(--main-text-color);
+  --button-text-color: var(--main-text-color);
+  --button-border-radius: 5px;
 
-   /*changes button in label detail*/
-   --primary-button-background-color: var(--table-header-gray);
-   --primary-button-text-color:  var(--main-text-color);
-   --primary-button-border-color:  var(--main-text-color);
+  /*changes button in label detail*/
+  --primary-button-background-color: var(--table-header-gray);
+  --primary-button-text-color:  var(--main-text-color);
+  --primary-button-border-color:  var(--main-text-color);
 
-   /* "muted-text-color" affects several components, but most are individually styled in this doc, so this should only affect the drop shadow of protected notes titles. */
-   --muted-text-color: var(--devils-gray-lol);
+  /* "muted-text-color" affects several components, but most are individually styled in this doc, so this should only affect the drop shadow of protected notes titles. */
+  --muted-text-color: var(--devils-gray-lol);
 
-   /*notes title and text fields in options menu and find (ctrl+f) search*/
-   --input-text-color: var(--sand);
-   /*affects find (ctrl+f) search input when inactive*/
-   --input-background-color: var(--sand);
+  /*notes title and text fields in options menu and find (ctrl+f) search*/
+  --input-text-color: var(--sand);
+  /*affects find (ctrl+f) search input when inactive*/
+  --input-background-color: var(--sand);
 
-   /*changes the 'x' on the note tabs and the right+click and trilium (icon) menus*/
-   --hover-item-text-color: var(--main-text-color);
-   /*changes side and right+click menus and note tabs*/
-   --hover-item-background-color: var(--soft-gray);
+  /*changes the 'x' on the note tabs and the right+click and trilium (icon) menus*/
+  --hover-item-text-color: var(--main-text-color);
+  /*changes side and right+click menus and note tabs*/
+  --hover-item-background-color: var(--soft-gray);
 
-   /*tree*/
-   --active-item-text-color: var(--soft-gray);
-   --active-item-background-color: var(--sand);
-   --left-pane-background-color: var(--tree-background);
-   --left-pane-text-color: var(--main-text-color);
+  /*tree*/
+  --active-item-text-color: var(--soft-gray);
+  --active-item-background-color: var(--sand);
+  --left-pane-background-color: var(--tree-background);
+  --left-pane-text-color: var(--main-text-color);
 
-   /*right+click menus*/
-   --menu-text-color: var(--main-text-color);
-   --menu-background-color: var(--main-background);
+  /*right+click menus*/
+  --menu-text-color: var(--main-text-color);
+  --menu-background-color: var(--main-background);
 
-   /*the options menu*/
-   --modal-background-color: var(--main-background);
-   --modal-backdrop-color: var(--main-text-color);
+  /*the options menu*/
+  --modal-background-color: var(--main-background);
+  --modal-backdrop-color: var(--main-text-color);
 
-   /*left and bottom left menus*/
-   --launcher-pane-background-color: var(--main-background);
-   --launcher-pane-text-color: var(--sand);
+  /*left and bottom left menus*/
+  --launcher-pane-background-color: var(--main-background);
+  --launcher-pane-text-color: var(--sand);
 
-   /*tabs*/
-   --active-tab-background-color: var(--sand);
-   --active-tab-text-color: var(--main-background);
-   --inactive-tab-background-color: var(--table-header-gray);
-   --inactive-tab-text-color: var(--main-text-color);
-   --active-tab-hover-background-color: var(--main-text-color);
-   --inactive-tab-hover-background-color: var(--soft-gray);
+  /*tabs*/
+  --active-tab-background-color: var(--sand);
+  --active-tab-text-color: var(--main-background);
+  --inactive-tab-background-color: var(--table-header-gray);
+  --inactive-tab-text-color: var(--main-text-color);
+  --active-tab-hover-background-color: var(--main-text-color);
+  --inactive-tab-hover-background-color: var(--soft-gray);
 
-   /*general*/
-   --scrollbar-border-color: var(--sand);
-   --tooltip-background-color: var(--main-background);
-   --link-color: var(--light-turquoise);
+  /*general*/
+  --scrollbar-border-color: var(--sand);
+  --tooltip-background-color: var(--main-background);
+  --link-color: var(--light-turquoise);
 
-   --mermaid-theme: dark;
+  --mermaid-theme: dark;
 }
 
 
 /*****Image Caption*****/
 .ck-content figure.image>figcaption {
-   font-size: 1rem;
-   font-weight: 300;
-   font-style: oblique;
-   color: var(--sand) !important;
+  font-size: 1rem;
+  font-weight: 300;
+  font-style: oblique;
+  color: var(--sand) !important;
 }
 .ck-content figure.image>figcaption code {
-   font-size: .8rem;
+  font-size: .8rem;
 }
 .ck-content figure.image>figcaption i {
-   font-style: normal;
-   color: var(--main-text-color);
+  font-style: normal;
+  color: var(--main-text-color);
 }
 .ck-content figure.image>figcaption b, .ck-content figure.image>figcaption strong {
-   color: var(--main-text-color);
+  color: var(--main-text-color);
 }
 
 
 /*****Scrollbar*****/
 ::-webkit-scrollbar-thumb{
-   background-color: transparent !important;
+  background-color: transparent !important;
 }
 ::-webkit-scrollbar-thumb:hover{
-   border-color: var(--tan) !important;
+  border-color: var(--tan) !important;
 }
 
 
 /*****TABS*****/
 .tab-row-widget .note-tab .note-tab-wrapper {
-   height: 46px !important;
-   font-size: var(--detail-font-size);
-   font-family: var(--header-font-family);
+  height: 46px !important;
+  font-size: var(--detail-font-size);
+  font-family: var(--header-font-family);
 }
 .tab-row-widget .note-tab .note-tab-title {
-   font-size: 1.5rem;
+  font-size: 1.5rem;
 }
 .tab-row-widget .note-tab .note-tab-close {
-   font-size: 1.5rem;
-   margin-bottom: 10px;
+  font-size: 1.5rem;
+  margin-bottom: 10px;
 }
 .note-tab div.note-tab-close.bx.bx-x:hover {
-   background: transparent;
-   color: var(--tan);
+  background: transparent;
+  color: var(--tan);
 }
 .note-tab[active] div.note-tab-close.bx.bx-x:hover {
-   background: transparent;
-   color: var(--red);
+  background: transparent;
+  color: var(--red);
 }
 
 /*fixes the issue of not being able to access widgets in the top bar*/
 .tab-row-filler {
-   -webkit-app-region: none !important;
+  -webkit-app-region: none !important;
 }
 
 
 /*****TOC*****/
 .toc-widget{
-   overflow: visible !important;
-   font-size: var(--tree-font-size);
+  overflow: visible !important;
+  font-size: var(--tree-font-size);
 }
 
 /***Only applies if 'Show Position in TOC' widget is in use***/
 .toc-widget span.toc li[style] {
-   color: var(--tan) !important;
+  color: var(--tan) !important;
 }
 .toc-widget span.toc li:not([style*="color:"]) {
-   color: inherit !important;
+  color: inherit !important;
 }
 
 .toc-widget .toc li, .highlights-list > ol > li {
-   text-align: left;
+  text-align: left;
 }
 
 
 /*****Included Notes*****/
 .include-note {
-   margin-bottom: 1.1rem !important;
+  margin-bottom: 1.1rem !important;
 }
 
 
 /*****HEADERS*****/
 /*h1 is not defined, because it's not currently an option for headers in the main body*/
 .ck-content h2 {
-   color: #C0902B;
-   font-weight: 800;
-   font-family: var(--header-font-family);
-   font-size: 2rem;
+  color: #C0902B;
+  font-weight: 800;
+  font-family: var(--header-font-family);
+  font-size: 2rem;
 }
 .ck-content h2 code, .ck-content h2 code b, .ck-content h2 code strong, .ck-content h2 code i, .ck-content h2 code em {
-   font-size: 1.7rem;
-   background: transparent;
+  font-size: 1.7rem;
+  background: transparent;
 }
 
 .ck-content h3 {
-   color: #B29556;
-   font-weight: 700;
-   font-family: var(--header-font-family);
-   font-size: 1.9rem;
+  color: #B29556;
+  font-weight: 700;
+  font-family: var(--header-font-family);
+  font-size: 1.9rem;
 }
 .ck-content h3 code, .ck-content h3 code b, .ck-content h3 code strong, .ck-content h3 code i, .ck-content h3 code em {
-   font-size: 1.6rem;
-   background: transparent;
+  font-size: 1.6rem;
+  background: transparent;
 }
 
 .ck-content h4 {
-   color: #E2B24D;
-   font-weight: 600;
-   font-family: var(--header-font-family);
-   font-size: 1.78rem;
+  color: #E2B24D;
+  font-weight: 600;
+  font-family: var(--header-font-family);
+  font-size: 1.78rem;
 }
 .ck-content h4 code, .ck-content h4 code b, .ck-content h4 code strong, .ck-content h4 code i, .ck-content h4 code em {
-   font-size: 1.5rem;
-   background: transparent;
+  font-size: 1.5rem;
+  background: transparent;
 }
 
 .ck-content h5 {
-   color: #BDA97F;
-   font-weight: 600;
-   font-family: var(--header-font-family);
-   font-size: 1.65rem;
+  color: #BDA97F;
+  font-weight: 600;
+  font-family: var(--header-font-family);
+  font-size: 1.65rem;
 }
 .ck-content h5 code, .ck-content h5 code b, .ck-content h5 code strong, .ck-content h5 code i, .ck-content h5 code em {
-   font-size: 1.4rem;
-   background: transparent;
+  font-size: 1.4rem;
+  background: transparent;
 }
 
 .ck-content h6 {
-   color: var(--tan);
-   font-weight: 600;
-   font-family: var(--header-font-family);
-   font-size: 1.53rem;
+  color: var(--tan);
+  font-weight: 600;
+  font-family: var(--header-font-family);
+  font-size: 1.53rem;
 }
 .ck-content h6 code, .ck-content h6 code b, .ck-content h6 code strong, .ck-content h6 code i, .ck-content h6 code em {
-   font-size: 1.3rem;
-   background: transparent;
+  font-size: 1.3rem;
+  background: transparent;
 }
 
 
 /*****TABLE*****/
 .ck-content .table>figcaption {
-   background-color: var(--table-header-gray);
-   color: var(--tan);
-   font-size: 1.3rem;
-   font-weight: 600;
-   font-family: var(--header-font-family);
+  background-color: var(--table-header-gray);
+  color: var(--tan);
+  font-size: 1.3rem;
+  font-weight: 600;
+  font-family: var(--header-font-family);
 }
 .ck-content .table table, .ck-content .table table td, .ck-content .table table th {
-   border: none;
+  border: none;
 }
 .ck-content .table table th {
-   font-weight: 600 !important;
-   font-size: 1.15rem;
-   color: var(--sand)
+  font-weight: 600 !important;
+  font-size: 1.15rem;
+  color: var(--sand)
 }
 tr:nth-child(odd) {
-   background-color: var(--table-header-gray);
+  background-color: var(--table-header-gray);
 }
 .ck-content .table table th {
-   background-color: var(--main-background) !important;
+  background-color: var(--deep-blue) !important;
 }
 .ck-content .table table tbody tr:nth-child(odd) th{
-   background-color: var(--table-header-gray) !important;
+  background-color: var(--table-header-gray) !important;
 }
-.ck-content .table table tbody tr:nth-child(even) th{
-   background-color: var(--main-background) !important;
+.ck-content .table table tbody tr:nth-child(even) th, .ck-content .table table tbody tr:nth-child(even) td{
+  background-color: var(--deep-blue) !important;
 }
 .ck-content .table table {
-   width: 100%;
-   max-height: 90vh;
-   overflow: auto;
+  width: 100%;
+  max-height: 90vh;
+  overflow: auto;
 }
 .ck-content .table table thead th {
-   position: sticky;
-   position: -webkit-sticky;
-   top: 0;
-   z-index: 1;
+  position: sticky;
+  position: -webkit-sticky;
+  top: 0;
+  z-index: 1;
 }
 .ck-content .table table tbody th {
-   position: relative;
+  position: relative;
 }
 .ck-content .table table thead th:first-child {
-   position: sticky;
-   position: -webkit-sticky;
-   left: 0;
-   z-index: 2;
+  position: sticky;
+  position: -webkit-sticky;
+  left: 0;
+  z-index: 2;
 }
 .ck-content .table table tbody th {
-   position: sticky;
-   left: 0;
-   z-index: 1;
+  position: sticky;
+  left: 0;
+  z-index: 1;
 }
 
 
 /*****TEXT DECORATION*****/
 /*bold*/
 body strong, body b {
- color:var(--sand);
- font-weight: 700;
+color:var(--sand);
+font-weight: 700;
 }
 
 /***lists***/
 li label {
-   display: inline;
-   line-height: 2rem;
+  display: inline;
+  line-height: 2rem;
 }
 .ck-content .todo-list .todo-list__label>input[checked]:before, .ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input[checked]:before{
-   background: var(--soft-sea-green);
-   border-color: var(--soft-sea-green) !important;
+  background: var(--soft-sea-green);
+  border-color: var(--soft-sea-green) !important;
 }
 .ck-content .todo-list .todo-list__label>input[checked]:after, .ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input[checked]:after {
-   border-color: var(--main-background);
+  border-color: var(--main-background);
 }
 .ck-content .todo-list .todo-list__label > input:not([checked]):before, .ck-editor__editable.ck-content .todo-list .todo-list__label>span[contenteditable=false]>input:not([checked]):before {
-   border: 1px solid var(--red) !important;
+  border: 1px solid var(--red) !important;
 }
 
 /***italics and quotes***/
 body em, body i {
- color:var(--sand);
+color:var(--sand);
 }
 .ck-content blockquote {
-   color: var(--sand);
-   font-weight: 300;
-   font-size: 1.5rem;
-   overflow: hidden;
-   padding-right: 1.5em;
-   padding-left: .5em;
-   margin-left: 0;
-   margin-right: 0;
-   font-style: italic;
-   border-left: 3px solid var(--tan);
+  color: var(--sand);
+  font-weight: 300;
+  font-size: 1.5rem;
+  overflow: hidden;
+  padding-right: 1.5em;
+  padding-left: .5em;
+  margin-left: 0;
+  margin-right: 0;
+  font-style: italic;
+  border-left: 3px solid var(--tan);
 }
 .ck-content blockquote p{
-   margin-bottom: 0;
-   padding-bottom: .3em;
+  margin-bottom: 0;
+  padding-bottom: .3em;
 }
 .ck-content blockquote i{
-   font-style: normal;
-   color: var(--main-text-color);
+  font-style: normal;
+  color: var(--main-text-color);
 }
 .ck-content blockquote b, .ck-content blockquote strong{
-   color: var(--main-text-color);
-   font-weight: 500;
+  color: var(--main-text-color);
+  font-weight: 500;
 }
 .ck-content blockquote code, .ck-content blockquote code i, .ck-content blockquote code strong {
-   font-size: 1.1rem;
+  font-size: 1.1rem;
 }
 .ck-content blockquote code strong {
-   font-weight: 700;
+  font-weight: 700;
 }
 
 /***decorated links***/
 a > i, a > em, a > b, a > strong {
-   color: var(--link-color);
+  color: var(--link-color);
 }
 
 
 /*****ICONS*****/
 /*main note icon*/
 .note-icon::before {
-   color: var(--devils-gray-lol);
+  color: var(--devils-gray-lol);
 }
 .note-icon:hover::before {
-   color: var(--sand);
-   border-color: var(--sand) !important; /*not working*/
+  color: var(--sand);
+  border-color: var(--sand) !important; /*not working*/
 }
 .note-icon:focus::before, .bx-calendar:focus::before {
-   color: var(--sand);
+  color: var(--sand);
 }
 .icon-list {
-   color: var(--soft-sea-green);
+  color: var(--soft-sea-green);
 }
 
 /***note properties menu***/
 .ribbon-tab-title-icon {
-    color: var(--devils-gray-lol);
+   color: var(--devils-gray-lol);
 }
 .ribbon-tab-title-icon:hover {
-    color: var(--sand);
+   color: var(--sand);
 }
 
 /***launcher, floating tree, icon action and title bar buttons***/
 div.title-bar-buttons.component button, button.icon-action, .icon-action {
-   color: var(--sand) !important;
+  color: var(--sand) !important;
 }
 #launcher-pane .launcher-button:hover, button.tree-floating-button:hover, .title-bar-buttons div:hover button, button.icon-action:hover, .icon-action:hover {
-   color: var(--tan) !important;
-   border: none !important;
+  color: var(--tan) !important;
+  border: none !important;
 }
 
 /***Calendar***/
 div.dropdown-menu.dropdown-menu-right > div.calendar-dropdown-widget > div.calendar-body > a.calendar-date:hover, .calendar-dropdown-widget .calendar-btn:hover {
-   color: var(--tan) !important;
-   background: var(--soft-gray);
+  color: var(--tan) !important;
+  background: var(--soft-gray);
 }
 a.calendar-date.calendar-date-exists {
-   color: var(--sand);
+  color: var(--sand);
 }
 a.calendar-date.calendar-date-today {
-   background: var(--table-header-gray);
+  background: var(--table-header-gray);
 }
 
 /***tree***/
 /*note icon*/
 .fancytree-custom-icon {
-   color: var(--sand);
+  color: var(--sand);
 }
 span.fancytree-active > .fancytree-custom-icon {
-   color: var(--soft-gray);
+  color: var(--soft-gray);
 }
 .note-icon-widget button.note-icon {
-   border: none !important;
+  border: none !important;
 }
 span.fancytree-node.protected > span.fancytree-custom-icon {
-   filter: drop-shadow(2px 2px 2px var(--soft-sea-green));
+  filter: drop-shadow(2px 2px 2px var(--soft-sea-green));
 }
 /*drop down icon*/
 .fancytree-expander::before {
-   color: var(--devils-gray-lol);
+  color: var(--devils-gray-lol);
 }
 /*tree action buttons*/
 button.tree-floating-button {
-   font-size: 1.5rem !important;
+  font-size: 1.5rem !important;
 }
 
 /***Trilium icon***/
 body .global-menu-button {
-   background-image: url("/assets/vX/images/icon-grey.png");
+  background-image: url("/assets/vX/images/icon-grey.png");
 }
 
 
 /*****INPUT FIELDS*****/
 /***password and options menu fields***/
 .form-control {
-   color: var(--main-text-color) !important;
+  color: var(--main-text-color) !important;
 }
 .form-control:focus {
-   color: var(--sand) !important;
-   background-color: var(--soft-gray);
-   border-color: var(--main-text-color) !important;
-   outline: 0;
-   box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
+  color: var(--sand) !important;
+  background-color: var(--soft-gray);
+  border-color: var(--main-text-color) !important;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
 }
 
 .component.title-row{
-   margin-top: 10px;
-   margin-bottom: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 .note-title-widget input.note-title {
-   font-family: var(--header-font-family);
+  font-family: var(--header-font-family);
 }
 .note-title:focus {
-   color: var(--main-text-color) !important;
-   background-color: var(--soft-gray) !important;
-   border-color: var(--main-text-color) !important;
-   outline: 0;
-   box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
+  color: var(--main-text-color) !important;
+  background-color: var(--soft-gray) !important;
+  border-color: var(--main-text-color) !important;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
 }
 
 /***selection and find/replace (button)***/
 ::selection {
-   background: #253749 !important /*var(--code-select-gray)*/;
+  background: #253749 !important /*var(--code-select-gray)*/;
 }
 span.ck-find-result {
-   color: var(--main-background) !important;
-   background: var(--sand);
+  color: var(--main-background) !important;
+  background: var(--sand);
 }
 span.ck-find-result_selected {
-   color: var(--main-background) !important;
-   background: var(--tan);
+  color: var(--main-background) !important;
+  background: var(--tan);
 }
 
 /***Modal search active dropdown selection***/
 .aa-dropdown-menu .aa-suggestion.aa-cursor b {
-   color: var(--soft-gray);
+  color: var(--soft-gray);
 }
 
 /***Empty note field***/
 input.form-control.note-autocomplete.note-autocomplete-input.aa-input {
-   height: auto;
+  height: auto;
 }
 
 
 /*****BUTTONS*****/
 .help-button {
-   color: hsl(15, 100%, 56%);
+  color: hsl(15, 100%, 56%);
 }
 .help-button:hover {
-   color: var(--sand);
+  color: var(--sand);
 }
 
 /*edit button*/
 .bx-edit-alt {
-   height: 40px;
+  height: 40px;
 }
 
 /***primary and secondary buttons***/
 button:focus :not(.close) :not(.help-button) :not(.ck-button-save) :not(.ck-button-cancel), .btn:focus {
-   color: var(--main-text-color) !important;
-   background-color: var(--devils-gray-lol) !important;
-   border-color: var(--main-text-color) !important;
-   outline: 0;
-   box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
+  color: var(--main-text-color) !important;
+  background-color: var(--devils-gray-lol) !important;
+  border-color: var(--main-text-color) !important;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
 }
 button:hover :not(.close) :not(.help-button) :not(.ck-button-save) :not(.ck-button-cancel), .btn:hover {
-   background-color: var(--soft-gray) !important;
-   color: var(--sand);
-   border-color: var(--sand);
+  background-color: var(--soft-gray) !important;
+  color: var(--sand);
+  border-color: var(--sand);
 }
 
 /***table sub-menu***/
 /*table field input label*/
 .ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
-   background: var(--soft-gray);
-   color: var(--main-text-color);
+  background: var(--soft-gray);
+  color: var(--main-text-color);
 }
 /*table field and button inputs*/
 .ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus, .ck.ck-input-text:focus {
-   border: 1px solid var(--main-text-color) !important;
-   box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
+  border: 1px solid var(--main-text-color) !important;
+  box-shadow: 0 0 0 0.2rem rgb(252 251 179 / 50%) !important;
 }
 .ck.ck-input-text[readonly]:focus {
-   border: 1px solid var(--ck-color-input-disabled-border) !important;
-   background: var(--ck-color-input-disabled-background) !important;
-   color: var(--ck-color-input-disabled-text) !important;
+  border: 1px solid var(--ck-color-input-disabled-border) !important;
+  background: var(--ck-color-input-disabled-background) !important;
+  color: var(--ck-color-input-disabled-text) !important;
 }
 /*color button*/
 .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button.ck-disabled, .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button.ck-disabled>.ck.ck-input-color__button__preview, .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button.ck-disabled>.ck.ck-input-color__button__preview>.ck.ck-input-color__button__preview__no-color-indicator {
-   border: 1px solid var(--ck-color-input-disabled-border) !important;
+  border: 1px solid var(--ck-color-input-disabled-border) !important;
 }
 /*image caption field*/
 .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus {
-   background-color: var(--ck-color-widget-editable-focus-background);
-   border: none /*var(--ck-focus-ring)*/;
-   box-shadow: var(--ck-inner-shadow),0 0;
-   outline: none;
+  background-color: var(--ck-color-widget-editable-focus-background);
+  border: none /*var(--ck-focus-ring)*/;
+  box-shadow: var(--ck-inner-shadow),0 0;
+  outline: none;
 }
 /*backend logs*/
 textarea.backend-log-textarea {
-   color: var(--soft-sea-green) !important;
-   background: var(--soft-gray) !important;
+  color: var(--soft-sea-green) !important;
+  background: var(--soft-gray) !important;
 }
 
 
 /*****NOTE MAP*****/
 .note-detail-relation-map path, .note-detail-relation-map .jtk-endpoint{
-   fill: var(--soft-sea-green) !important;
+  fill: var(--soft-sea-green) !important;
 }
 svg.jtk-connector path {
-   stroke: var(--soft-sea-green);
-   fill: none !important;
+  stroke: var(--soft-sea-green);
+  fill: none !important;
 }
 .note-detail-relation-map .note-box {
-   padding: 12px 30px 12px 12px;
-   position: absolute !important;
-   background-color: var(--tree-background);
-   color: var(--main-text-color);
-   z-index: 4;
-   border: 1px solid #666;
-   box-shadow: 1px 1px 12px #777;
-   border-radius: 8px;
-   opacity: 0.9;
-   font-size: 15px;
-   width: auto;
-   height: auto;
-   max-width: 230px;
-   min-width: 150px;
-   max-height: 200px;
-   overflow: hidden;
+  padding: 12px 30px 12px 12px;
+  position: absolute !important;
+  background-color: var(--tree-background);
+  color: var(--main-text-color);
+  z-index: 4;
+  border: 1px solid #666;
+  box-shadow: 1px 1px 12px #777;
+  border-radius: 8px;
+  opacity: 0.9;
+  font-size: 15px;
+  width: auto;
+  height: auto;
+  max-width: 230px;
+  min-width: 150px;
+  max-height: 200px;
+  overflow: hidden;
 }
 
 
 /*****FLOATING BUTTONS*****/
 /***Backlinks Popup***/
 .floating-buttons-children {
-   flex-direction: column-reverse !important;
+  flex-direction: column-reverse !important;
 }
 .backlinks-ticker {
-   padding: 6px 3px !important;
-   writing-mode: vertical-lr;
-   margin-bottom: 15px;
+  padding: 6px 3px !important;
+  writing-mode: vertical-lr;
+  margin-bottom: 15px;
 }
 div.backlinks-items {
-   z-index: 10;
-   position: absolute;
-   top: 50px;
-   right: 10px;
-   width: 400px;
-   border-radius: 10px;
-   background-color: var(--soft-gray);
-   color: var(--main-text-color);
-   padding: 20px;
-   overflow-y: auto;
-   box-shadow: 2px 2px 5px  var(--main-text-color);
+  z-index: 10;
+  position: absolute;
+  top: 50px;
+  right: 10px;
+  width: 400px;
+  border-radius: 10px;
+  background-color: var(--soft-gray);
+  color: var(--main-text-color);
+  padding: 20px;
+  overflow-y: auto;
+  box-shadow: 2px 2px 5px  var(--main-text-color);
 }
 div.backlinks-items div:hover {
-   background-color: var(--code-select-gray);
+  background-color: var(--code-select-gray);
 }
 .backlink-excerpt .backlink-link {
-    background-color: var(--table-header-gray) !important;
+   background-color: var(--table-header-gray) !important;
 }
 .backlinks-ticker:hover {
-   background-color: var(--code-select-gray);
+  background-color: var(--code-select-gray);
 }
 
 /***Relation Map and CanvasButtons***/
 .relation-map-buttons {
-   display: flex;
-   gap: 10px;
-   flex-direction: column;
+  display: flex;
+  gap: 10px;
+  flex-direction: column;
 }
 .relation-map-buttons > .btn-group {
-   position: relative;
-   display: -ms-inline-flexbox;
-   display: inline-flex;
-   flex-direction: column;
-   vertical-align: middle;
+  position: relative;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  flex-direction: column;
+  vertical-align: middle;
 }
 .relation-map-buttons > button, .relation-map-buttons > .btn-group button {
-   border: none !important;
+  border: none !important;
 }
 .relation-map-buttons > .btn-group > .btn-group:not(:first-child), .relation-map-buttons > .btn-group > .btn:not(:first-child), .relation-map-buttons > .btn-group > .btn-group:not(:last-child) >.btn, .relation-map-buttons > .btn-group > .btn:not(:last-child):not(.dropdown-toggle), button.copy-image-reference-button, button.export-mermaid-button  {
-   margin: 5px 0 5px 1px !important;
-   border-radius: var(--button-border-radius);
+  margin: 5px 0 5px 1px !important;
+  border-radius: var(--button-border-radius);
 }
 .relation-map-buttons > button:hover, .relation-map-buttons > .btn-group button:hover, button.copy-image-reference-button:hover, button.export-mermaid-button:hover {
-   border: none;
-   background: transparent !important;
-   color: var(--tan);
+  border: none;
+  background: transparent !important;
+  color: var(--tan);
 }
 
 /***Close Button***/
 .close-floating-buttons-button {
-   border: none !important;
-   color: var(--button-text-color);
-   padding: 6px;
-   border-radius: 100px;
-   margin: 5px;
+  border: none !important;
+  color: var(--button-text-color);
+  padding: 6px;
+  border-radius: 100px;
+  margin: 5px;
 }
 .close-floating-buttons-button:hover {
-   border: none !important;
-   color: var(--red) !important;
+  border: none !important;
+  color: var(--red) !important;
 }
 
 
 /*****ATTRIBUTES POPUP*****/
 .attr-help td {
-   color: var(--main-text-color) !important;
+  color: var(--main-text-color) !important;
 }
 
 
 /*****DELETION ALERT*****/
 .alert-danger {
-   color: #f5c6cb;
-   background-color: #930210;
-   border-color: #f5c6cb;
+  color: #f5c6cb;
+  background-color: #930210;
+  border-color: #f5c6cb;
 }
 
 
 /*****CODE IN TEXT NOTES)*****/
 /***code blocks***/
 .ck-content pre {
-   background: var(--soft-gray);
-   font-size: 0.95rem;
-   border-color: var(--soft-sea-green);
+  background: var(--soft-gray);
+  font-size: 0.95rem;
+  border-color: var(--soft-sea-green);
 }
 .ck-content pre code  {
-   font-size: 0.95rem;
-   background: transparent !important;
-   color: var(--soft-sea-green) !important;
+  font-size: 0.95rem;
+  background: transparent !important;
+  color: var(--soft-sea-green) !important;
 }
 /*code block label*/
 pre::after{
-   background: var(--code-select-gray) !important;
-   color: var(--sand) !important;
-   border-color: var(--sand) !important;
-   letter-spacing: 1px;
+  background: var(--code-select-gray) !important;
+  color: var(--sand) !important;
+  border-color: var(--sand) !important;
+  letter-spacing: 1px;
 }
 
 /***inline code***/
 .ck-content code, .ck-content code i, .ck-content code strong  {
-   font-size: .95rem;
-   background: var(--soft-gray);
-   color: var(--soft-sea-green) !important;
-   letter-spacing: 1px;
-   padding: 0;
+  font-size: .95rem;
+  background: var(--soft-gray);
+  color: var(--soft-sea-green) !important;
+  letter-spacing: 1px;
+  padding: 0;
 }
 .ck-content .ck-code_selected {
-   background-color: var(--code-select-gray) !important;
-   letter-spacing: 1px;
+  background-color: var(--code-select-gray) !important;
+  letter-spacing: 1px;
 }
 
 
@@ -834,99 +835,99 @@ I've commented out the lines that don't seem to have an affect on anything, alon
 ******************************************************************/
 
 body {
-   /***overrides generic colors***/
-   --ck-color-base-text: var(--tan); /*toggled color (editor sub-menu)*/
-   --ck-color-base-foreground: var(--table-header-gray); /*tiny attached triangle and selection hover*/
-   --ck-color-focus-border: var(--sand); /*table and color (editor menu) focus*/
-   --ck-color-text: var(--soft-sea-green); /*text color*/
-   /* --ck-color-shadow-drop: red; /*?*/
-   /* --ck-color-shadow-inner: red; /*?*/
+  /***overrides generic colors***/
+  --ck-color-base-text: var(--tan); /*toggled color (editor sub-menu)*/
+  --ck-color-base-foreground: var(--table-header-gray); /*tiny attached triangle and selection hover*/
+  --ck-color-focus-border: var(--sand); /*table and color (editor menu) focus*/
+  --ck-color-text: var(--soft-sea-green); /*text color*/
+  /* --ck-color-shadow-drop: red; /*?*/
+  /* --ck-color-shadow-inner: red; /*?*/
 
-   /***overrides the default '.ck-button' class colors***/
-   /*general buttons*/
-   --ck-color-button-default-background: transparent;
-   --ck-color-button-default-hover-background: var(--table-header-gray);
-   --ck-color-button-default-active-background: var(--devils-gray-lol);
-   --ck-color-button-default-active-shadow: var(--devils-gray-lol); /*thin line on top of active buttons*/
-   --ck-color-button-default-disabled-background:  var(--main-background); /*disabled buttons*/
-   --ck-color-button-on-color: var(--tan); /*selected property/button*/
+  /***overrides the default '.ck-button' class colors***/
+  /*general buttons*/
+  --ck-color-button-default-background: transparent;
+  --ck-color-button-default-hover-background: var(--table-header-gray);
+  --ck-color-button-default-active-background: var(--devils-gray-lol);
+  --ck-color-button-default-active-shadow: var(--devils-gray-lol); /*thin line on top of active buttons*/
+  --ck-color-button-default-disabled-background:  var(--main-background); /*disabled buttons*/
+  --ck-color-button-on-color: var(--tan); /*selected property/button*/
 
-   /*dropdown buttons*/
-   --ck-color-button-on-background: var(--code-select-gray); /*active*/
-   --ck-color-button-on-hover-background: var(--table-header-gray); /*hover*/
-   --ck-color-button-on-active-background: var(--devils-gray-lol); /*exit click on active*/
-   --ck-color-button-on-active-shadow: transparent; /*top line on exit click of active*/
-   /*--ck-color-button-on-disabled-background: red; /*?*/
+  /*dropdown buttons*/
+  --ck-color-button-on-background: var(--code-select-gray); /*active*/
+  --ck-color-button-on-hover-background: var(--table-header-gray); /*hover*/
+  --ck-color-button-on-active-background: var(--devils-gray-lol); /*exit click on active*/
+  --ck-color-button-on-active-shadow: transparent; /*top line on exit click of active*/
+  /*--ck-color-button-on-disabled-background: red; /*?*/
 
-   /*find button (editor sub-menu)*/
-   --ck-color-button-action-background: var(--tan) !important;
-   --ck-color-button-action-hover-background: var(--devils-gray-lol) !important;
-   --ck-color-button-action-active-background: var(--tan) !important; /*find button active and field descritpion*/
-   --ck-color-button-action-active-shadow: transparent !important; /*top line*/
-   /*--ck-color-button-action-disabled-background: red; /*?*/
-   --ck-color-button-action-text: var(--soft-gray) !important; /*find button(editor sub-menu)*/
+  /*find button (editor sub-menu)*/
+  --ck-color-button-action-background: var(--tan) !important;
+  --ck-color-button-action-hover-background: var(--devils-gray-lol) !important;
+  --ck-color-button-action-active-background: var(--tan) !important; /*find button active and field descritpion*/
+  --ck-color-button-action-active-shadow: transparent !important; /*top line*/
+  /*--ck-color-button-action-disabled-background: red; /*?*/
+  --ck-color-button-action-text: var(--soft-gray) !important; /*find button(editor sub-menu)*/
 
-   /*save and cancel*/
-   --ck-color-button-save: var(--soft-sea-green) /*hsl(120, 100%, 46%)*/; /*table sub-menu*/
-   --ck-color-button-cancel: hsl(15, 100%, 56%); /*table sub-menu*/
+  /*save and cancel*/
+  --ck-color-button-save: var(--soft-sea-green) /*hsl(120, 100%, 46%)*/; /*table sub-menu*/
+  --ck-color-button-cancel: hsl(15, 100%, 56%); /*table sub-menu*/
 
-   /***overrides the default '.ck-dropdown' class colors (color sub-menus)***/
-   --ck-color-dropdown-panel-background: var(--soft-gray);
-   --ck-color-dropdown-panel-border: var(--devils-gray-lol);
+  /***overrides the default '.ck-dropdown' class colors (color sub-menus)***/
+  --ck-color-dropdown-panel-background: var(--soft-gray);
+  --ck-color-dropdown-panel-border: var(--devils-gray-lol);
 
-   /***overrides the default '.ck-splitbutton' class colors***/
-   --ck-color-split-button-hover-background: var(--devils-gray-lol);
-   --ck-color-split-button-hover-border: var(--soft-sea-green);
+  /***overrides the default '.ck-splitbutton' class colors***/
+  --ck-color-split-button-hover-background: var(--devils-gray-lol);
+  --ck-color-split-button-hover-border: var(--soft-sea-green);
 
-   /***overrides the default '.ck-input' class colors***/
-   /*--ck-color-input-background: red; /*?*/
-   --ck-color-input-border: var(--main-text-color); /*inactive (enabled AND disabled) editable field(editor sub-menus)*/
-   /*--ck-color-input-text: red; /*?*/
-   --ck-color-input-disabled-background: var(--soft-gray); /*disabled color picker(table sub-menu)*/
-   --ck-color-input-disabled-border: var(--main-background); /*disabled editor border (table sub-menu)*/
-   --ck-color-input-disabled-text: var(--main-text-color); /*editor input text (enable AND disabled)*/
+  /***overrides the default '.ck-input' class colors***/
+  /*--ck-color-input-background: red; /*?*/
+  --ck-color-input-border: var(--main-text-color); /*inactive (enabled AND disabled) editable field(editor sub-menus)*/
+  /*--ck-color-input-text: red; /*?*/
+  --ck-color-input-disabled-background: var(--soft-gray); /*disabled color picker(table sub-menu)*/
+  --ck-color-input-disabled-border: var(--main-background); /*disabled editor border (table sub-menu)*/
+  --ck-color-input-disabled-text: var(--main-text-color); /*editor input text (enable AND disabled)*/
 
-   /***overrides the default '.ck-list' (list menus) class colors***/
-   --ck-color-list-background: transparent; /*focus out*/
-   --ck-color-list-button-hover-background: var(--table-header-gray);
-   --ck-color-list-button-on-background:  var(--sand); /*toggled active*/
-   --ck-color-list-button-on-background-focus: var(--devils-gray-lol); /*hover on toggled/active*/
-   --ck-color-list-button-on-text: var(--soft-gray); /*toggled/active*/
+  /***overrides the default '.ck-list' (list menus) class colors***/
+  --ck-color-list-background: transparent; /*focus out*/
+  --ck-color-list-button-hover-background: var(--table-header-gray);
+  --ck-color-list-button-on-background:  var(--sand); /*toggled active*/
+  --ck-color-list-button-on-background-focus: var(--devils-gray-lol); /*hover on toggled/active*/
+  --ck-color-list-button-on-text: var(--soft-gray); /*toggled/active*/
 
-   /***overrides the default .ck-balloon-panel class colors (overall look and feel of the editor toolbars and sub-menus)***/
-   --ck-color-panel-background: var(--soft-gray);
-   --ck-color-panel-border: var(--devils-gray-lol);
+  /***overrides the default .ck-balloon-panel class colors (overall look and feel of the editor toolbars and sub-menus)***/
+  --ck-color-panel-background: var(--soft-gray);
+  --ck-color-panel-border: var(--devils-gray-lol);
 
-   /***overrides the default .ck-toolbar class colors***/
-   --ck-color-toolbar-background: var(--soft-gray); /*lots of overlap with the above backgound setting*/
-   --ck-color-toolbar-border: var(--sand); /*section separators*/
+  /***overrides the default .ck-toolbar class colors***/
+  --ck-color-toolbar-background: var(--soft-gray); /*lots of overlap with the above backgound setting*/
+  --ck-color-toolbar-border: var(--sand); /*section separators*/
 
-   /***overrides the default .ck-tooltip class colors***/
-   --ck-color-tooltip-background: var(--sand);
-   --ck-color-tooltip-text: var(--main-background);
+  /***overrides the default .ck-tooltip class colors***/
+  --ck-color-tooltip-background: var(--sand);
+  --ck-color-tooltip-text: var(--main-background);
 
-   /* Overrides the default colors used by the ckeditor5-image package.*/
-   /*--ck-color-image-caption-background: red; /*?*/
-   /*--ck-color-image-caption-text: red; /*?*/
+  /* Overrides the default colors used by the ckeditor5-image package.*/
+  /*--ck-color-image-caption-background: red; /*?*/
+  /*--ck-color-image-caption-text: red; /*?*/
 
-   /***overrides the default colors used by the ckeditor5-widget (image/table) package***/
-   --ck-color-widget-blurred-border: var(--devils-gray-lol); /*shows up briefly after switching tabs*/
-   --ck-color-widget-hover-border: var(--sand); /*object in focus*/
-   --ck-color-widget-editable-focus-background: var(--table-header-gray); /*table caption in focus*/
+  /***overrides the default colors used by the ckeditor5-widget (image/table) package***/
+  --ck-color-widget-blurred-border: var(--devils-gray-lol); /*shows up briefly after switching tabs*/
+  --ck-color-widget-hover-border: var(--sand); /*object in focus*/
+  --ck-color-widget-editable-focus-background: var(--table-header-gray); /*table caption in focus*/
 
-   /***overrides the default colors used by the ckeditor5-link package***/
-   /*--ck-color-link-default: red; /*this is overridden by a link setting set earlier in the code*/
+  /***overrides the default colors used by the ckeditor5-link package***/
+  /*--ck-color-link-default: red; /*this is overridden by a link setting set earlier in the code*/
 
-   --ck-color-table-focused-cell-background: var(--table-header-gray);
+  --ck-color-table-focused-cell-background: var(--table-header-gray);
 
-   /*--ck-color-todo-list-checkmark-border: red; /*?*/
+  /*--ck-color-todo-list-checkmark-border: red; /*?*/
 
-   --ck-color-engine-placeholder-text: var(--main-text-color); /*caption placeholder text*/
+  --ck-color-engine-placeholder-text: var(--main-text-color); /*caption placeholder text*/
 
-   --ck-z-modal: 10000;
+  --ck-z-modal: 10000;
 
-   /*--ck-color-widget-type-around-button: red; /*?*/
-   --ck-color-widget-type-around-button-hover: var(--tan); /*applies when table/image is in focus*/
+  /*--ck-color-widget-type-around-button: red; /*?*/
+  --ck-color-widget-type-around-button-hover: var(--tan); /*applies when table/image is in focus*/
 }
 
 
@@ -939,24 +940,24 @@ NOTE: comments for this section are for how they appear in CSS code notes unless
 /*'...line' is for regular code notes text, not sure what '...line-like' is for*/
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
-   color: var(--main-text-color);
+  color: var(--main-text-color);
 }
 
 .CodeMirror-linenumber {color: var(--devils-gray-lol);}
 .CodeMirror-cursor {
-   border-left: 1px solid var(--devils-gray-lol);
+  border-left: 1px solid var(--devils-gray-lol);
 }
 
 /***highlighted and selected text in code notes***/
 .CodeMirror-selected {
-  background-color: var(--code-select-gray);
+ background-color: var(--code-select-gray);
 }
 .CodeMirror-focused .CodeMirror-selected {
-   background-color: var(--code-select-gray);
+  background-color: var(--code-select-gray);
 }
 .cm-s-default .cm-matchhighlight{
-   color: var(--main-text-color) !important;
-   background-color: var(--table-header-gray);
+  color: var(--main-text-color) !important;
+  background-color: var(--table-header-gray);
 }
 
 /***general elements***/
@@ -993,122 +994,122 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: var(--red);}
 /*****ADDONS*****/
 /***Highlight.js***/
 pre code.hljs {
-   display:block;
-   overflow-x:auto;
-   padding:1em;
+  display:block;
+  overflow-x:auto;
+  padding:1em;
 }
 code.hljs {
-   padding:3px 5px;
+  padding:3px 5px;
 }
 .hljs{
-   background:#fff;
-   color: yellow !important;
+  background:#fff;
+  color: yellow !important;
 }
 .hljs-number {
-   color: var(--light-green) !important;
+  color: var(--light-green) !important;
 }
 .hljs-selector-class {
-   color: var(--light-blue) !important;
+  color: var(--light-blue) !important;
 }
 .hljs-selector-pseudo {
-   color: var(--brown) !important;
+  color: var(--brown) !important;
 }
 .hljs-keyword {
-   color: var(--light-red) !important;
+  color: var(--light-red) !important;
 }
 .hljs-meta {
-   color: var(--cyan) !important;
+  color: var(--cyan) !important;
 }
 .hljs-title,.hljs-property {
-   color: var(--light-cyan) !important;
+  color: var(--light-cyan) !important;
 }
 .hljs-variable,.hljs-params,.hljs-subst {
-   color: var(--blue) !important;
+  color: var(--blue) !important;
 }
 .hljs-comment,.hljs-quote {
-   color: var(--dark-grey) !important;
+  color: var(--dark-grey) !important;
 }
 .hljs-name,.hljs-selector-tag,.hljs-tag,.hljs-deletion,.hljs-selector-attr {
-   color: var(--green) !important;
+  color: var(--green) !important;
 }
 .hljs-attribute {
-   color: var(--light-purple) !important;
+  color: var(--light-purple) !important;
 }
 .hljs-addition,.hljs-literal,.hljs-section,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-type {
-   color: var(--yellow) !important;
+  color: var(--yellow) !important;
 }
 .hljs-built_in {
-   color: var(--purple) !important;
+  color: var(--purple) !important;
 }
 .hljs-doctag,.hljs-attr,.hljs-bullet,.hljs-link,.hljs-symbol {
-   color: var(--soft-sea-green) !important;
+  color: var(--soft-sea-green) !important;
 }
 .hljs-emphasis {
-   font-style:italic;
+  font-style:italic;
 }
 .hljs-strong {
-   font-weight:700;
+  font-weight:700;
 }
 
 /***Zen Mode***/
 /*Use the button or alt+z to toggle it on and off*/
 /* hide launcher buttons*/
 .zen-mode button.bx-chevrons-left,.zen-mode #launcher-pane > .component > :not(button.component.button-widget.bx-spa) {
-   display: none !important;
+  display: none !important;
 }
 /*hide note tree*/
 .zen-mode #left-pane {
-   display: none !important;
+  display: none !important;
 }
 /*hide ribbon buttons*/
 .zen-mode .ribbon-container {
-   display: none !important;
+  display: none !important;
 }
 /*hide note title*/
 .zen-mode .title-row {
-   display: none !important;
+  display: none !important;
 }
 /*hide note tabs*/
 .zen-mode .tab-row-widget .tab-row-widget-container {
-   display: none !important;
+  display: none !important;
 }
 /*hide none-essential title-bar buttons*/
 .zen-mode .title-bar-buttons > :not(.top-btn,.minimize-btn,.maximize-btn,.close-btn) {
-   display: none;
+  display: none;
 }
 /*hide preview of child notes*/
 .zen-mode .note-list-widget {
-   display: none !important;
+  display: none !important;
 }
 /*hide backlink, code buttons, etc.*/
 .zen-mode .floating-buttons-children {
-   display: none !important;
+  display: none !important;
 }
 /*hide nonessential center pane widgets*/
 .zen-mode #center-pane > :not(.split-note-container-widget) {
-   display: none !important;
+  display: none !important;
 }
 /*hide right pane*
 .zen-mode #right-pane {
-   display: none !important;
+  display: none !important;
 }
 
 /***Theme Switcher***/
 .theme-selection.component .switch {
-   top: 5.75px !important;
+  top: 5.75px !important;
 }
 .theme-selection.component {
-   --background-hover-dark: var(--tan) !important;
-   --icon-dark: var(--sand) !important;
+  --background-hover-dark: var(--tan) !important;
+  --icon-dark: var(--sand) !important;
 }
 .theme-selection.component:hover {
-   --icon-dark: var(--soft-gray) !important;
+  --icon-dark: var(--soft-gray) !important;
 }
 
 /***Trilium Chat***/
 .chat-wrapper {
-   --trilium-green: var(--soft-sea-green);
+  --trilium-green: var(--soft-sea-green);
 }
 .chat-wrapper .header_face:hover {
-   color: var(--sand) !important;
+  color: var(--sand) !important;
 }