diff --git a/README.md b/README.md
index efb8e23..60b0750 100644
--- a/README.md
+++ b/README.md
@@ -4,20 +4,21 @@ The following will demonstrate how this theme looks like in a MacOs os in Retina
 
 This theme is build from [Typora Vue theme](https://github.com/blinkfox/typora-vue-theme) and some looks from Obsidean Editor.
 
-![img](./img/SCR-20240219-ubhu.png)
+![img](./img/SCR-20240713-oluo.png)
 
-![img](./img/SCR-20240219-ubss.png)
+![img](./img/SCR-20240713-olvw.png)
 
-![img](./img/SCR-20240219-ubul.png)
+![img](./img/SCR-20240713-olxc.png)
 
-![img](./img/SCR-20240219-ubwx.png)
+---
+![img](./img/SCR-20240713-olpx.png)
 
-![img](./img/SCR-20240219-ubxw.png)
+![img](./img/SCR-20240713-olrj.png)
 
-![img](./img/SCR-20240303-kcps.png)
+![img](./img/SCR-20240713-olsr.png)
 
 You can install this by downloading this and extracting it to your Typora theme folder. You can follow the official guide [here](https://theme.typora.io/doc/Install-Theme/).
 
 You can support me here [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/G2G2UOIB9)
 
-Thank you!
\ No newline at end of file
+Thank you!
diff --git a/ReleaseNote.md b/ReleaseNote.md
new file mode 100644
index 0000000..cdeaa0c
--- /dev/null
+++ b/ReleaseNote.md
@@ -0,0 +1,14 @@
+# Release Notes
+
+## Version 1.0.1
+
+### New Features
+
+- Sidebar Icon Improvements
+- Folder & File Icons on Actions
+- Heading hover & selection heading type display
+
+### Bug Fixes
+
+- [#1 Heading Indicator displacement on slection fix](https://github.com/tdarshana/typora-ceylon-theme/issues/1)
+- [#2 When output to a PDF, the colored line of title is much much longer than expected](https://github.com/tdarshana/typora-ceylon-theme/issues/2)
diff --git a/ceylon.css b/ceylon.css
index 5758c46..5409b2b 100644
--- a/ceylon.css
+++ b/ceylon.css
@@ -1,413 +1,12 @@
-@import "tailwind-light.user.css";
+@charset "UTF-8";
 
-/* FONTS */
-
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: block;
-  src: url("ceylon/Inter-roman.ttf") format("truetype");
-  font-named-instance: "Regular";
-}
-
-@font-face {
-  font-family: "Inter";
-  font-style: italic;
-  font-weight: 100 900;
-  font-display: block;
-  src: url("ceylon/Inter-italic.ttf") format("truetype");
-  font-named-instance: "Italic";
-}
-
-/* Display Font - IBM Plex Sans */
-/* License - SIL Open Font License 1.1 - https://github.com/IBM/plex/blob/master/LICENSE.txt */
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-Regular.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: italic;
-  font-weight: 400;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-Italic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: normal;
-  font-weight: 700;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-Bold.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: italic;
-  font-weight: 700;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-BoldItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: normal;
-  font-weight: 100;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-Thin.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: italic;
-  font-weight: 100;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-ThinItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: normal;
-  font-weight: 200;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-ExtraLight.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: italic;
-  font-weight: 200;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: normal;
-  font-weight: 300;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-Light.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: italic;
-  font-weight: 300;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-LightItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: normal;
-  font-weight: 500;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-Medium.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: italic;
-  font-weight: 500;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-MediumItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: normal;
-  font-weight: 600;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-SemiBold.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexSans';
-  font-style: italic;
-  font-weight: 600;
-  font-display: block;
-  src: url('ceylon/display/IBM-Plex-Sans/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');
-}
-
-/* Monospace Font - IBM Plex Mono */
-/* License - SIL Open Font License 1.1 - https://github.com/IBM/plex/blob/master/LICENSE.txt */
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-Regular.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: italic;
-  font-weight: 400;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-Italic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: normal;
-  font-weight: 700;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-Bold.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: italic;
-  font-weight: 700;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-BoldItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: normal;
-  font-weight: 100;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-Thin.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: italic;
-  font-weight: 100;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-ThinItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: normal;
-  font-weight: 200;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-ExtraLight.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: italic;
-  font-weight: 200;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: normal;
-  font-weight: 300;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-Light.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: italic;
-  font-weight: 300;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-LightItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: normal;
-  font-weight: 500;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-Medium.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: italic;
-  font-weight: 500;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-MediumItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: normal;
-  font-weight: 600;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-SemiBold.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'IBMPlexMono';
-  font-style: italic;
-  font-weight: 600;
-  font-display: block;
-  src: url('ceylon/monospace/IBMPlexMono/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');
-}
-
-/* Monospace Font - Fira Code */
-
-@font-face {
-  font-family: "FiraCode";
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: block;
-  src: url("ceylon/monospace/FiraCode-vf.ttf") format("truetype");
-  font-named-instance: "Regular";
-}
-
-/* Monospace Font - Fira Mono */
-
-@font-face {
-  font-family: "FiraMono";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("ceylon/monospace/FiraMono/FiraMono-Regular.ttf") format("truetype");
-  font-named-instance: "Regular";
-}
-
-@font-face {
-  font-family: "FiraMono";
-  font-style: bold;
-  font-weight: 800;
-  font-display: block;
-  src: url("ceylon/monospace/FiraMono/FiraMono-Bold.ttf") format("truetype");
-  font-named-instance: "Regular";
-}
-
-@font-face {
-  font-family: "FiraMono";
-  font-style: bold;
-  font-weight: 500;
-  font-display: block;
-  src: url("ceylon/monospace/FiraMono/fi-Bold.ttf") format("truetype");
-  font-named-instance: "Regular";
-}
-
-
-/* Display Font - Calibre */
-@font-face {
-  font-family: 'Calibre';
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreRegular.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: italic;
-  font-weight: 400;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreRegularItalic.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: normal;
-  font-weight: 700;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreBold.otf') format('openntype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: italic;
-  font-weight: 700;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreBoldItalic.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: normal;
-  font-weight: 100;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreThin.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: italic;
-  font-weight: 100;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreThinItalic.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: normal;
-  font-weight: 300;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreLight.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: italic;
-  font-weight: 300;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreLightItalic.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: normal;
-  font-weight: 500;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreMedium.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: italic;
-  font-weight: 500;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreMediumItalic.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: normal;
-  font-weight: 600;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreSemibold.otf') format('opentype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: italic;
-  font-weight: 600;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreSemiboldItalic.otf') format('opentype');
-}
-
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: normal;
-  font-weight: 900;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreBlack.otf') format('openntype');
-}
-
-@font-face {
-  font-family: 'Calibre';
-  font-style: italic;
-  font-weight: 900;
-  font-display: block;
-  src: url('ceylon/display/calibre/CalibreBlackItalic.otf') format('opentype');
-}
+/*** Custom fonts ***/
+@import url('./ceylon/fonts.css');
 
 /* VARIABLES */
-
 :root {
   --theme-0: #fff;
+  --theme-primary: #076DDD;
 
   --theme-muted: #F6F7F8;
   --theme-border: #EBEDF0;
@@ -429,7 +28,7 @@
   --theme-900: #0f172a;
 
   /* Tailwind variables */
-  --tw-primary: #62bbf3;
+  --tw-primary: #0967f3;
 
   --tw-prose-body: var(--theme-font-general);
   --tw-prose-headings: var(--theme-900);
@@ -482,7 +81,7 @@
   --background: var(--tw-prose-bg);
   --bg-color: var(--tw-prose-bg);
   --text-color: var(--tw-prose-body);
-  --primary-color: var(--tw-primary);
+  --primary-color: var(--theme-primary);
   --md-char-color: var(--theme-400);
   --meta-content-color: var(--theme-500);
   --typora-source-body: var(--theme-800);
@@ -521,8 +120,9 @@
   --rawblock-edit-panel-bd: var(--tw-prose-pre-bg);
   --item-hover-bg-color-inverted: var(--theme-700);
 
-  --monospace: "IBMPlexMono", "FiraCode", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    "Liberation Mono", "Courier New", monospace;
+  --ui-font-monospace: "IBMPlexMono", "FiraCode", "FiraMono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+
+  --ui-font-display: "IBMPlexSans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 
   /* Custom */
   --footnote: var(--tw-prose-body);
@@ -679,7 +279,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: var(--monospace);
+  font-family: var(--ui-font-monospace);
   /* 1 */
   font-size: 1em;
   /* 2 */
@@ -801,20 +401,13 @@ textarea {
 /* TAILWIND PROSE IMPLEMENTATION */
 
 #write {
-  /* font-size: 1.25rem;
-  line-height: 1.8; */
-
   font-size: 1.12rem;
-  /* 16px */
-  ;
   line-height: 1.5;
 }
 
 html,
 body {
-  /* font-family: "Inter"; */
-  font-family: "IBMPlexSans";
-  /*font-family: "Calibre";*/
+  font-family: var(--ui-font-display);
 }
 
 /* on Windows/Linux, it is the part that is not titlebar or status bar. */
@@ -828,7 +421,7 @@ titlebar {
   padding-bottom: 60px;
   color: var(--tw-prose-body);
   /*Custom width*/
-  max-width: 84ch;
+  max-width: 92ch;
   /*Default width*/
   /*max-width: 60ch;*/
 }
@@ -888,14 +481,79 @@ h4::before,
 h5::before,
 h6::before {
   content: '';
-  /* Required content property for pseudo-elements */
   position: absolute;
   left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  height: 100%;
-  width: 2px;
-  /* Width of the bar */
+  width: 3px;
+  top: 2px;
+  bottom: 2px;
+  height: calc(100% - 4px);
+}
+
+h1:hover::before,
+h1.md-focus::before {
+  content: 'H1';
+  border-color: var(--h1-ind-color);
+}
+
+h2:hover::before,
+h2.md-focus::before {
+  content: 'H2';
+  border-color: var(--h2-ind-color);
+}
+
+h3:hover::before,
+h3.md-focus::before {
+  content: 'H3';
+  border-color: var(--h3-ind-color);
+}
+
+h4:hover::before,
+h4.md-focus::before {
+  content: 'H4';
+  border-color: var(--h4-ind-color);
+}
+
+h5:hover::before,
+h5.md-focus::before {
+  content: 'H5';
+  border-color: var(--h5-ind-color);
+}
+
+h6:hover::before,
+h6.md-focus::before {
+  content: 'H6';
+  border-color: var(--h6-ind-color);
+}
+
+h1:hover::before,
+h2:hover::before,
+h3:hover::before,
+h4:hover::before,
+h5:hover::before,
+h6:hover::before,
+h1.md-focus::before,
+h2.md-focus::before,
+h3.md-focus::before, 
+h4.md-focus::before, 
+h5.md-focus::before, 
+h6.md-focus::before {
+  border-width: 0;
+  border-radius: 0;
+  left: 0;
+  background-color: var(--background);
+  width: 26px;
+  left: -23px;
+  font-size: 10px;
+  color: var(--theme-400);;
+  margin: 0 auto;
+  border-right-width: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: normal;
+  padding: 0;
+  top: 2px;
+  bottom: 2px;
 }
 
 /* headings */
@@ -1434,9 +1092,17 @@ g[data-mml-node="merror"]>g {
 
 .md-fences>.code-tooltip {
   height: 1.8rem;
-  bottom: -1.8rem;
-  font-size: 0.9rem;
-  border-radius: 0 0 0.5rem 0.5rem;
+  top: 0.4rem;
+  right: 0.4rem;
+  font-size: 0.8rem;
+  border-radius: 0.5rem;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  background-color: var(--theme-600);
+}
+
+.md-fences:hover>.code-tooltip {
+  background-color: var(--theme-700);
 }
 
 .code-tooltip .ty-input {
@@ -1615,7 +1281,7 @@ code {
   color: var(--inline-code-font-color);
   font-weight: normal;
   font-size: var(--inline-code-font-size);
-  font-family: var(--monospace);
+  font-family: var(--ui-font-monospace);
   padding: .2rem .2rem;
   border-radius: 3px;
   background: #f5f7f9 !important;
@@ -1695,7 +1361,7 @@ mark {
 }
 
 #typora-source {
-  font-family: var(--monospace);
+  font-family: var(--ui-font-monospace);
   color: var(--typora-source-body);
 }
 
@@ -1812,3 +1478,255 @@ mark {
 .btn-default {
   background-color: var(--button-bg);
 }
+
+
+/*sidebar file-list and search results*/
+
+#file-library-list[data-state="complete"] #sidebar-loading-template {
+  padding: 0rem;
+}
+
+#typora-sidebar .file-list-item,
+.ty-search-item {
+  border: none;
+  padding: 1rem;
+}
+
+body.html-for-mac #typora-sidebar .file-list-item,
+body.html-for-mac .ty-search-item {
+  transition-duration: 0.3s !important;
+  transition-property: background-color, border, color, height !important;
+}
+
+#typora-sidebar .file-list-item:hover,
+.ty-search-item:hover {
+  background: var(--borders);
+}
+
+#typora-sidebar .ty-search-item-line {
+  font-family: var(--font-family);
+  font-size: 0.8rem;
+  font-weight: 400;
+  padding: 0.3rem;
+  border-radius: 0.3rem;
+  margin-left: 24px;
+}
+
+body.o #typora-sidebar .ty-search-item-line {
+  transition-duration: 0.2s;
+}
+
+#typora-sidebar .ty-search-item-line * {
+  opacity: 1;
+}
+
+#typora-sidebar .ty-search-item .ty-search-item-line:hover,
+#typora-sidebar .ty-search-item-line.active {
+  background-color: var(--select-text-bg-color);
+  color: white;
+} /* makes easier identifying which searched item is active in the sidebar */
+
+#typora-sidebar .file-list-item-file-name {
+  font-weight: 800;
+  font-size: 0.9rem;
+  margin-bottom: 0rem;
+  line-height: 1.8rem;
+  float: right;
+}
+
+#typora-sidebar .file-list-item-file-ext-part {
+  font-weight: 800;
+  opacity: 0.5;
+}
+
+#typora-sidebar .file-list-item-parent-loc,
+#typora-sidebar .file-list-item-time {
+  font-family: var(--font-family);
+  font-weight: 400;
+  opacity: 0.5;
+  display: block;
+}
+
+#typora-sidebar .file-list-item-summary {
+  float: left;
+  font-size: 0.8rem;
+  opacity: 0.9;
+}
+
+#typora-sidebar .file-list-item-count {
+  font-size: 0.75rem;
+  background-color: var(--primary-color);
+  color: white;
+  border-radius: 0.2rem;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  text-align: center;
+  line-height: 1.25rem;
+  position: relative;
+  top: 0.3rem;
+}
+
+#typora-sidebar input.file-list-item-file-name {
+  margin: 0.5rem 0rem 0.5rem 0.7rem;
+  padding: 0.4rem !important;
+  line-height: 1rem;
+  float: right;
+  border-radius: 0.3rem;
+  font-weight: 500;
+  background-color: var(--background) !important;
+}
+
+#typora-sidebar .file-list-item.file-library-file-node {
+  border: none;
+}
+
+#typora-sidebar .file-tree-node.active .file-node-background,
+#typora-sidebar .file-list-item.active,
+#typora-sidebar .ty-search-item.active {
+  background-color: var(--background);
+  outline: 1px solid var(--borders);
+  border-right: none;
+  border-top: none;
+  border-bottom: none;
+  border-left: 3px solid var(--primary-color);
+  color: var(--primary-color) !important;
+  font-weight: 500;
+}
+
+#typora-sidebar .file-tree-node.active .file-node-content {
+  color: var(--primary-color) !important;
+  font-weight: 500;
+}
+
+#typora-sidebar .file-tree-node {
+  padding: 0rem;
+  font-weight: 400;
+  font-size: 1rem;
+  margin-left: 0.8rem;
+}
+
+#typora-sidebar .file-tree-node .file-node-content {
+  padding: 0rem;
+  line-height: 2.2rem;
+  height: 2.2rem;
+  background: none;
+  margin-bottom: 0px;
+}
+
+#typora-sidebar .file-tree-node .file-node-background {
+  padding: 0rem;
+  height: 2.2rem;
+}
+
+#typora-sidebar .file-tree-node .file-node-icon {
+  margin-right: 0.5rem;
+}
+
+#typora-sidebar .file-tree-node .file-node-icon.fa-file-text-o {
+  margin-top: 0.33rem;
+}
+
+#typora-sidebar .file-tree-node .file-node-icon.fa-folder {
+  margin-top: 0.36rem;
+}
+
+#typora-sidebar .file-tree-node .fa-caret-down,
+#typora-sidebar .file-tree-node .fa-caret-right {
+  position: relative;
+  top: 5px;
+}
+
+#typora-sidebar .file-tree-node .file-tree-rename-input {
+  height: 2.2rem;
+  background: none;
+  border: none;
+  font-weight: 400;
+  margin: 0rem;
+  padding-left: 0rem;
+}
+
+#typora-sidebar .ty-search-item-collapse-icon {
+  top: 9px;
+}
+
+/*no left border*/
+#typora-sidebar .file-tree-node.active > .file-node-background {
+  border: none;
+}
+
+/*no dotted highlighting*/
+.file-library-node:not(.file-node-root):focus > .file-node-content {
+  outline: none;
+}
+
+#typora-sidebar #sidebar-files-menu {
+  border: solid 1px var(--borders);
+  border-radius: 0.3rem;
+  box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px;
+}
+
+#typora-sidebar #ty-sidebar-footer {
+  background-color: var(--bg-color);
+  border-top: solid 1px var(--borders);
+  font-weight: 500;
+}
+
+#typora-sidebar #ty-sidebar-footer li {
+  transition-duration: 0.2s;
+  transition-property: background-color, color;
+}
+
+#typora-sidebar
+  #ty-sidebar-footer
+  li:not(.file-sort-item):not(:first-child):not(.empty-menu-group):not(.folder-menu-group):hover {
+  color: var(--primary-color);
+  background-color: var(--boxes);
+}
+
+#typora-sidebar
+  #ty-sidebar-footer
+  .file-action-item.file-sort-item
+  > span:first-of-type {
+  line-height: 2rem;
+}
+
+/* Folder + File Icons */
+
+/* Hide the original Font Awesome icon */
+#typora-sidebar .file-tree-node .file-node-icon {
+  font-size: 0; /* Hide the text/icon inside the <i> tag */
+  width: 16px; /* Set a fixed width */
+  height: 16px; /* Set a fixed height */
+  background-size: contain; /* Ensure the SVG scales correctly */
+  background-repeat: no-repeat; /* Prevent repeating */
+  display: inline-block; /* Maintain the element's block nature */
+}
+
+#typora-sidebar .file-tree-node .file-node-icon.fa-folder {
+  background-image: url('./ceylon/icons/dualtone-folder-closed.svg');
+  margin-top: 0.5rem;
+}
+
+/* Specific styling for the collapsed folder icon SVG */
+#typora-sidebar .file-tree-node.file-node-collapsed > .file-node-content > .file-node-icon.fa-folder {
+  background-image: url('./ceylon/icons/dualtone-folder-closed.svg');
+  margin-top: 0.5rem;
+}
+
+/* Specific styling for the expanded folder icon SVG */
+#typora-sidebar .file-tree-node.file-node-expanded > .file-node-content > .file-node-icon.fa-folder {
+  background-image: url('./ceylon/icons/dualtone-folder-open.svg');
+  margin-top: 0.5rem;
+}
+
+/* Specific styling for the file icon SVG */
+#typora-sidebar .file-tree-node > .file-node-content > .file-node-icon.fa-file-text-o {
+  background-image: url('./ceylon/icons/dualtone-file.svg');
+  margin-top: 0.5rem;
+}
+
+/* Specific styling for the active file icon SVG */
+#typora-sidebar .file-tree-node.active > .file-node-content > .file-node-icon.fa-file-text-o {
+  background-image: url('./ceylon/icons/dualtone-file-selected.svg');
+  margin-top: 0.5rem;
+}
\ No newline at end of file
diff --git a/ceylon/.DS_Store b/ceylon/.DS_Store
index 30abdf1..1658910 100644
Binary files a/ceylon/.DS_Store and b/ceylon/.DS_Store differ
diff --git a/ceylon/display/.DS_Store b/ceylon/display/.DS_Store
index f9d2669..28bbd4a 100644
Binary files a/ceylon/display/.DS_Store and b/ceylon/display/.DS_Store differ
diff --git a/ceylon/display/satoshi/Satoshi-Variable.woff2 b/ceylon/display/satoshi/Satoshi-Variable.woff2
new file mode 100644
index 0000000..b00e833
Binary files /dev/null and b/ceylon/display/satoshi/Satoshi-Variable.woff2 differ
diff --git a/ceylon/display/satoshi/Satoshi-VariableItalic.woff2 b/ceylon/display/satoshi/Satoshi-VariableItalic.woff2
new file mode 100644
index 0000000..e7ab3a0
Binary files /dev/null and b/ceylon/display/satoshi/Satoshi-VariableItalic.woff2 differ
diff --git a/ceylon/fonts.css b/ceylon/fonts.css
new file mode 100644
index 0000000..28f6cb3
--- /dev/null
+++ b/ceylon/fonts.css
@@ -0,0 +1,305 @@
+/* FONTS */
+
+/* Display Fonts */
+@font-face {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: block;
+  src: url("Inter-roman.ttf") format("truetype");
+  font-named-instance: "Regular";
+}
+
+@font-face {
+  font-family: "Inter";
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: block;
+  src: url("Inter-italic.ttf") format("truetype");
+  font-named-instance: "Italic";
+}
+
+/* Display Font - IBM Plex Sans */
+/* License - SIL Open Font License 1.1 - https://github.com/IBM/plex/blob/master/LICENSE.txt */
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: italic;
+  font-weight: 400;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-Italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-Bold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: italic;
+  font-weight: 700;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-BoldItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: normal;
+  font-weight: 100;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-Thin.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: italic;
+  font-weight: 100;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-ThinItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: normal;
+  font-weight: 200;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-ExtraLight.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: italic;
+  font-weight: 200;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-ExtraLightItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: normal;
+  font-weight: 300;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-Light.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: italic;
+  font-weight: 300;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-LightItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: normal;
+  font-weight: 500;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-Medium.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: italic;
+  font-weight: 500;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-MediumItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: normal;
+  font-weight: 600;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-SemiBold.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexSans";
+  font-style: italic;
+  font-weight: 600;
+  font-display: block;
+  src: url("./display/IBM-Plex-Sans/IBMPlexSans-SemiBoldItalic.ttf")
+    format("truetype");
+}
+
+/* Monospace Font - IBM Plex Mono */
+/* License - SIL Open Font License 1.1 - https://github.com/IBM/plex/blob/master/LICENSE.txt */
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: italic;
+  font-weight: 400;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-Italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: normal;
+  font-weight: 700;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-Bold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: italic;
+  font-weight: 700;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-BoldItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: normal;
+  font-weight: 100;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-Thin.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: italic;
+  font-weight: 100;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-ThinItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: normal;
+  font-weight: 200;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-ExtraLight.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: italic;
+  font-weight: 200;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-ExtraLightItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: normal;
+  font-weight: 300;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-Light.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: italic;
+  font-weight: 300;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-LightItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: normal;
+  font-weight: 500;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-Medium.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: italic;
+  font-weight: 500;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-MediumItalic.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: normal;
+  font-weight: 600;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-SemiBold.ttf")
+    format("truetype");
+}
+
+@font-face {
+  font-family: "IBMPlexMono";
+  font-style: italic;
+  font-weight: 600;
+  font-display: block;
+  src: url("./monospace/IBMPlexMono/IBMPlexMono-SemiBoldItalic.ttf")
+    format("truetype");
+}
+
+/* Monospace Font - Fira Code */
+
+@font-face {
+  font-family: "FiraCode";
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: block;
+  src: url("././monospace/FiraCode-vf.ttf") format("truetype");
+  font-named-instance: "Regular";
+}
+
+/* Monospace Font - Fira Mono */
+
+@font-face {
+  font-family: "FiraMono";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("./monospace/FiraMono/FiraMono-Regular.ttf") format("truetype");
+  font-named-instance: "Regular";
+}
+
+@font-face {
+  font-family: "FiraMono";
+  font-style: bold;
+  font-weight: 800;
+  font-display: block;
+  src: url("./monospace/FiraMono/FiraMono-Bold.ttf") format("truetype");
+  font-named-instance: "Regular";
+}
+
+@font-face {
+  font-family: "FiraMono";
+  font-style: bold;
+  font-weight: 500;
+  font-display: block;
+  src: url("./monospace/FiraMono/fi-Bold.ttf") format("truetype");
+  font-named-instance: "Regular";
+}
\ No newline at end of file
diff --git a/ceylon/icons/dark-file-selected.svg b/ceylon/icons/dark-file-selected.svg
new file mode 100644
index 0000000..3badda8
--- /dev/null
+++ b/ceylon/icons/dark-file-selected.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22Z" fill="#076DDD"/>
+<path d="M19.3517 7.61665L15.3929 4.05375C14.2651 3.03868 13.7012 2.53114 13.0092 2.26562L13 5.00011C13 7.35713 13 8.53564 13.7322 9.26787C14.4645 10.0001 15.643 10.0001 18 10.0001H21.5801C21.2175 9.29588 20.5684 8.71164 19.3517 7.61665Z" fill="#076DDD"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/dark-file.svg b/ceylon/icons/dark-file.svg
new file mode 100644
index 0000000..3c508e6
--- /dev/null
+++ b/ceylon/icons/dark-file.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22Z" fill="#1C274C"/>
+<path d="M19.3517 7.61665L15.3929 4.05375C14.2651 3.03868 13.7012 2.53114 13.0092 2.26562L13 5.00011C13 7.35713 13 8.53564 13.7322 9.26787C14.4645 10.0001 15.643 10.0001 18 10.0001H21.5801C21.2175 9.29588 20.5684 8.71164 19.3517 7.61665Z" fill="#1C274C"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/dark-folder-closed.svg b/ceylon/icons/dark-folder-closed.svg
new file mode 100644
index 0000000..69dea9c
--- /dev/null
+++ b/ceylon/icons/dark-folder-closed.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.06935 5.25839C2 5.62595 2 6.06722 2 6.94975V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14V11.7979C22 9.16554 22 7.84935 21.2305 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1506 6 18.8345 6 16.2021 6H15.8284C14.6747 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9804 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4L10.4497 3.44975C10.1763 3.17633 10.0396 3.03961 9.89594 2.92051C9.27652 2.40704 8.51665 2.09229 7.71557 2.01738C7.52976 2 7.33642 2 6.94975 2C6.06722 2 5.62595 2 5.25839 2.06935C3.64031 2.37464 2.37464 3.64031 2.06935 5.25839ZM12.25 10C12.25 9.58579 12.5858 9.25 13 9.25H18C18.4142 9.25 18.75 9.58579 18.75 10C18.75 10.4142 18.4142 10.75 18 10.75H13C12.5858 10.75 12.25 10.4142 12.25 10Z" fill="#1C274C"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/dark-folder-open.svg b/ceylon/icons/dark-folder-open.svg
new file mode 100644
index 0000000..7b8539a
--- /dev/null
+++ b/ceylon/icons/dark-folder-open.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0694 9.95182C17.3989 9.95177 18.5317 9.95172 19.436 10.054C19.5895 10.0714 19.7425 10.0923 19.8943 10.1178C20.4264 10.2071 20.9447 10.3533 21.4242 10.6063V9.75579C21.4242 8.84687 21.4243 8.09279 21.3389 7.49156C21.2489 6.85704 21.0526 6.29458 20.5834 5.83245C20.5069 5.75707 20.4261 5.68552 20.3415 5.61807C19.8297 5.21023 19.2162 5.04345 18.5217 4.96608C17.8526 4.89155 17.0097 4.89157 15.9765 4.89158L15.6237 4.89158C14.6416 4.89158 14.2895 4.88587 13.9706 4.80533C13.7833 4.75802 13.6035 4.69195 13.4348 4.60878C13.1505 4.46867 12.9028 4.25761 12.2072 3.64132L11.7331 3.22128C11.5341 3.04489 11.3982 2.9245 11.2526 2.81755C10.6279 2.35879 9.86732 2.08132 9.07098 2.01534C8.88555 1.99998 8.69632 1.99999 8.41308 2.00002L8.29666 2.00001C7.65599 1.9999 7.23317 1.99983 6.86604 2.0612C5.26119 2.32947 3.96344 3.45143 3.64735 4.93575C3.57543 5.27344 3.57554 5.66035 3.57571 6.21853L3.57573 10.6063C4.05523 10.3533 4.57357 10.2071 5.1056 10.1178C5.25746 10.0923 5.41043 10.0714 5.56394 10.054C6.46822 9.95172 7.60107 9.95177 8.93055 9.95182H16.0694Z" fill="#1C274C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.35791 12.7788C2.74772 13.7202 2.99956 15.0292 3.50323 17.6471C3.8658 19.5317 4.04709 20.474 4.67523 21.0993C4.8382 21.2615 5.02054 21.4053 5.2186 21.5278C5.98195 22 6.99539 22 9.02227 22H15.9777C18.0046 22 19.0181 22 19.7814 21.5278C19.9795 21.4053 20.1618 21.2615 20.3248 21.0993C20.9529 20.474 21.1342 19.5317 21.4968 17.6471C22.0004 15.0292 22.2523 13.7202 21.6421 12.7788C21.4864 12.5386 21.2943 12.3211 21.0721 12.1334C20.2011 11.3976 18.7933 11.3976 15.9777 11.3976H9.02227C6.20667 11.3976 4.79888 11.3976 3.92792 12.1334C3.70566 12.3211 3.51363 12.5386 3.35791 12.7788ZM9.69518 17.1807C9.69518 16.7815 10.0376 16.4578 10.4601 16.4578H14.5398C14.9622 16.4578 15.3047 16.7815 15.3047 17.1807C15.3047 17.58 14.9622 17.9036 14.5398 17.9036H10.4601C10.0376 17.9036 9.69518 17.58 9.69518 17.1807Z" fill="#1C274C"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/dualtone-file-selected.svg b/ceylon/icons/dualtone-file-selected.svg
new file mode 100644
index 0000000..d8e30d5
--- /dev/null
+++ b/ceylon/icons/dualtone-file-selected.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22Z" fill="#076DDD"/>
+</g>
+<path d="M11.5092 2.2601L11.5 5.0945C11.4999 6.1916 11.4998 7.16117 11.6049 7.94269C11.7188 8.78981 11.9803 9.6368 12.6716 10.3281C13.3629 11.0193 14.2098 11.2808 15.057 11.3947C15.8385 11.4998 16.808 11.4997 17.9051 11.4996L21.9574 11.4996C21.9698 11.6552 21.9786 11.821 21.9848 11.9995H22C22 11.732 22 11.5983 21.9901 11.4408C21.9335 10.5463 21.5617 9.52125 21.0315 8.79853C20.9382 8.6713 20.8743 8.59493 20.7467 8.44218C19.9542 7.49359 18.911 6.31193 18 5.49953C17.1892 4.77645 16.0787 3.98536 15.1101 3.3385C14.2781 2.78275 13.862 2.50487 13.2915 2.29834C13.1403 2.24359 12.9408 2.18311 12.7846 2.14466C12.4006 2.05013 12.0268 2.01725 11.5 2.00586L11.5092 2.2601Z" fill="#076DDD"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/dualtone-file.svg b/ceylon/icons/dualtone-file.svg
new file mode 100644
index 0000000..db867a8
--- /dev/null
+++ b/ceylon/icons/dualtone-file.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V10C2 6.22876 2 4.34315 3.17157 3.17157C4.34315 2 6.23869 2 10.0298 2C10.6358 2 11.1214 2 11.53 2.01666C11.5166 2.09659 11.5095 2.17813 11.5092 2.26057L11.5 5.09497C11.4999 6.19207 11.4998 7.16164 11.6049 7.94316C11.7188 8.79028 11.9803 9.63726 12.6716 10.3285C13.3628 11.0198 14.2098 11.2813 15.0569 11.3952C15.8385 11.5003 16.808 11.5002 17.9051 11.5001L18 11.5001H21.9574C22 12.0344 22 12.6901 22 13.5629V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22Z" fill="#1C274C"/>
+</g>
+<path d="M11.5092 2.2601L11.5 5.0945C11.4999 6.1916 11.4998 7.16117 11.6049 7.94269C11.7188 8.78981 11.9803 9.6368 12.6716 10.3281C13.3629 11.0193 14.2098 11.2808 15.057 11.3947C15.8385 11.4998 16.808 11.4997 17.9051 11.4996L21.9574 11.4996C21.9698 11.6552 21.9786 11.821 21.9848 11.9995H22C22 11.732 22 11.5983 21.9901 11.4408C21.9335 10.5463 21.5617 9.52125 21.0315 8.79853C20.9382 8.6713 20.8743 8.59493 20.7467 8.44218C19.9542 7.49359 18.911 6.31193 18 5.49953C17.1892 4.77645 16.0787 3.98536 15.1101 3.3385C14.2781 2.78275 13.862 2.50487 13.2915 2.29834C13.1403 2.24359 12.9408 2.18311 12.7846 2.14466C12.4006 2.05013 12.0268 2.01725 11.5 2.00586L11.5092 2.2601Z" fill="#1C274C"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/dualtone-folder-closed.svg b/ceylon/icons/dualtone-folder-closed.svg
new file mode 100644
index 0000000..1ec9c1e
--- /dev/null
+++ b/ceylon/icons/dualtone-folder-closed.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.5" d="M22 14V11.7979C22 9.16554 22 7.84935 21.2305 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1506 6 18.8345 6 16.2021 6H15.8284C14.6747 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9804 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4L10.4497 3.44975C10.1763 3.17633 10.0396 3.03961 9.89594 2.92051C9.27652 2.40704 8.51665 2.09229 7.71557 2.01738C7.52976 2 7.33642 2 6.94975 2C6.06722 2 5.62595 2 5.25839 2.06935C3.64031 2.37464 2.37464 3.64031 2.06935 5.25839C2 5.62595 2 6.06722 2 6.94975V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z" fill="#1C274C"/>
+<path d="M12.25 10C12.25 9.58579 12.5858 9.25 13 9.25H18C18.4142 9.25 18.75 9.58579 18.75 10C18.75 10.4142 18.4142 10.75 18 10.75H13C12.5858 10.75 12.25 10.4142 12.25 10Z" fill="#1C274C"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/dualtone-folder-open.svg b/ceylon/icons/dualtone-folder-open.svg
new file mode 100644
index 0000000..ecc8792
--- /dev/null
+++ b/ceylon/icons/dualtone-folder-open.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.35791 12.7787C2.74772 13.7201 2.99956 15.0291 3.50323 17.647C3.8658 19.5316 4.04709 20.4738 4.67523 21.0991C4.8382 21.2614 5.02054 21.4052 5.2186 21.5277C5.98195 21.9999 6.99539 21.9999 9.02227 21.9999H15.9777C18.0046 21.9999 19.0181 21.9999 19.7814 21.5277C19.9795 21.4052 20.1618 21.2614 20.3248 21.0991C20.9529 20.4738 21.1342 19.5316 21.4968 17.647C22.0004 15.0291 22.2523 13.7201 21.6421 12.7787C21.4864 12.5384 21.2943 12.321 21.0721 12.1332C20.2011 11.3975 18.7933 11.3975 15.9777 11.3975H9.02227C6.20667 11.3975 4.79888 11.3975 3.92792 12.1332C3.70566 12.321 3.51363 12.5384 3.35791 12.7787ZM9.69518 17.1806C9.69518 16.7814 10.0376 16.4577 10.4601 16.4577H14.5398C14.9622 16.4577 15.3047 16.7814 15.3047 17.1806C15.3047 17.5798 14.9622 17.9035 14.5398 17.9035H10.4601C10.0376 17.9035 9.69518 17.5798 9.69518 17.1806Z" fill="#1C274C"/>
+<path opacity="0.5" d="M3.5762 12.4846C3.68271 12.3586 3.80034 12.241 3.92792 12.1332C4.79888 11.3975 6.20667 11.3975 9.02227 11.3975H15.9777C18.7933 11.3975 20.2011 11.3975 21.0721 12.1332C21.2 12.2413 21.3179 12.3592 21.4247 12.4857V9.75579C21.4247 8.84687 21.4247 8.09279 21.3394 7.49156C21.2494 6.85704 21.0531 6.29458 20.5839 5.83245C20.5074 5.75707 20.4266 5.68552 20.342 5.61807C19.8302 5.21023 19.2167 5.04345 18.5222 4.96608C17.8531 4.89155 17.0102 4.89157 15.9769 4.89158L15.6242 4.89158C14.6421 4.89158 14.29 4.88587 13.9711 4.80533C13.7837 4.75802 13.604 4.69195 13.4352 4.60878C13.151 4.46867 12.9033 4.25762 12.2077 3.64132L11.7336 3.22128C11.5345 3.04489 11.3987 2.9245 11.2531 2.81755C10.6284 2.35879 9.86779 2.08132 9.07145 2.01534C8.88602 1.99998 8.6968 1.99999 8.41356 2.00002L8.29714 2.00001C7.65647 1.9999 7.23365 1.99983 6.86652 2.0612C5.26167 2.32947 3.96392 3.45143 3.64782 4.93575C3.57591 5.27344 3.57602 5.66035 3.57619 6.21853L3.5762 12.4846Z" fill="#1C274C"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/outline-file-selected.svg b/ceylon/icons/outline-file-selected.svg
new file mode 100644
index 0000000..055b510
--- /dev/null
+++ b/ceylon/icons/outline-file-selected.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z" fill="#076DDD"/>
+<path d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22" stroke="#076DDD" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/outline-file.svg b/ceylon/icons/outline-file.svg
new file mode 100644
index 0000000..67f06bc
--- /dev/null
+++ b/ceylon/icons/outline-file.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z" fill="#1C274C"/>
+<path d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22" stroke="#1C274C" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/outline-folder-closed.svg b/ceylon/icons/outline-folder-closed.svg
new file mode 100644
index 0000000..e55193a
--- /dev/null
+++ b/ceylon/icons/outline-folder-closed.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.85929 1.25001C6.88904 1.25001 6.91919 1.25002 6.94976 1.25002L6.98675 1.25001C7.33818 1.24999 7.56433 1.24998 7.78542 1.27065C8.7367 1.35961 9.63905 1.73337 10.3746 2.34313C10.5456 2.48485 10.7055 2.64477 10.954 2.89329L11.5303 3.46969C12.3761 4.3154 12.7012 4.6311 13.0768 4.84005C13.2948 4.96134 13.526 5.05713 13.766 5.12552C14.1793 5.24333 14.6324 5.25002 15.8284 5.25002L16.253 5.25002C17.526 5.25 18.5521 5.24998 19.364 5.35206C20.2054 5.45784 20.9204 5.68358 21.5077 6.21185C21.6061 6.30032 21.6997 6.39394 21.7882 6.49231C22.3165 7.07965 22.5422 7.79459 22.648 8.63601C22.75 9.4479 22.75 10.4741 22.75 11.747V14.0564C22.75 15.8942 22.75 17.3498 22.5969 18.489C22.4393 19.6615 22.1071 20.6104 21.3588 21.3588C20.6104 22.1071 19.6615 22.4393 18.489 22.5969C17.3498 22.75 15.8942 22.75 14.0564 22.75H9.94361C8.10584 22.75 6.65021 22.75 5.51099 22.5969C4.33857 22.4393 3.38962 22.1071 2.64126 21.3588C1.8929 20.6104 1.56078 19.6615 1.40315 18.489C1.24999 17.3498 1.25 15.8942 1.25002 14.0564L1.25002 6.94976C1.25002 6.91919 1.25001 6.88904 1.25001 6.85929C1.2499 6.06338 1.24982 5.55685 1.33237 5.11935C1.6949 3.19788 3.19788 1.6949 5.11935 1.33237C5.55685 1.24982 6.06338 1.2499 6.85929 1.25001ZM6.94976 2.75002C6.03312 2.75002 5.67873 2.75329 5.39746 2.80636C4.08277 3.05441 3.05441 4.08277 2.80636 5.39746C2.75329 5.67873 2.75002 6.03312 2.75002 6.94976V14C2.75002 15.9068 2.75161 17.2615 2.88978 18.2892C3.02504 19.2953 3.27871 19.8749 3.70192 20.2981C4.12513 20.7213 4.70478 20.975 5.71087 21.1103C6.73853 21.2484 8.0932 21.25 10 21.25H14C15.9068 21.25 17.2615 21.2484 18.2892 21.1103C19.2953 20.975 19.8749 20.7213 20.2981 20.2981C20.7213 19.8749 20.975 19.2953 21.1103 18.2892C21.2484 17.2615 21.25 15.9068 21.25 14V11.7979C21.25 10.4621 21.2486 9.5305 21.1597 8.82312C21.0731 8.13448 20.9141 7.76356 20.6729 7.49539C20.6198 7.43637 20.5637 7.3802 20.5046 7.32712C20.2365 7.08592 19.8656 6.92692 19.1769 6.84034C18.4695 6.75141 17.538 6.75002 16.2021 6.75002H15.8284C15.7912 6.75002 15.7545 6.75002 15.7182 6.75003C14.6702 6.75025 13.9944 6.75038 13.3548 6.56806C13.0041 6.46811 12.6661 6.32811 12.3475 6.15083C11.7663 5.82747 11.2885 5.3495 10.5476 4.60833C10.522 4.58265 10.496 4.55666 10.4697 4.53035L9.91943 3.98009C9.63616 3.69682 9.52778 3.58951 9.41731 3.49793C8.91403 3.08073 8.29664 2.825 7.64576 2.76413C7.50289 2.75077 7.35038 2.75002 6.94976 2.75002ZM12.25 10C12.25 9.5858 12.5858 9.25002 13 9.25002H18C18.4142 9.25002 18.75 9.5858 18.75 10C18.75 10.4142 18.4142 10.75 18 10.75H13C12.5858 10.75 12.25 10.4142 12.25 10Z" fill="#1C274C"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/icons/outline-folder-open.svg b/ceylon/icons/outline-folder-open.svg
new file mode 100644
index 0000000..b05ca2b
--- /dev/null
+++ b/ceylon/icons/outline-folder-open.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 11.5V5.71231C4 5.05041 4 4.71946 4.05548 4.44379C4.29971 3.23023 5.31225 2.28098 6.60671 2.05201C6.90076 2 7.25377 2 7.9598 2C8.26914 2 8.42381 2 8.57246 2.01303C9.21332 2.06921 9.82122 2.30528 10.3168 2.69039C10.4317 2.77971 10.5411 2.88224 10.7598 3.08731L11.2 3.5C11.8526 4.11183 12.1789 4.41775 12.5697 4.62157C12.7844 4.73353 13.012 4.82195 13.2483 4.88508C13.6783 5 14.1398 5 15.0627 5H15.3617C17.4676 5 18.5205 5 19.2049 5.5771C19.2679 5.63018 19.3278 5.68635 19.3844 5.74537C20 6.38701 20 7.37415 20 9.34843V11.5" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M10 17H14" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M3.47674 17.4839C2.99958 14.7678 2.761 13.4097 3.33908 12.433C3.4866 12.1838 3.66852 11.9582 3.87908 11.7634C4.7042 11 6.0379 11 8.7053 11H15.2947C17.9621 11 19.2958 11 20.1209 11.7634C20.3315 11.9582 20.5134 12.1838 20.6609 12.433C21.239 13.4097 21.0004 14.7678 20.5233 17.4839C20.1798 19.4391 20.008 20.4167 19.4129 21.0655C19.2585 21.2338 19.0858 21.383 18.8982 21.5101C18.175 22 17.2149 22 15.2947 22H8.70531C6.7851 22 5.825 22 5.10183 21.5101C4.9142 21.383 4.74145 21.2338 4.58706 21.0655C3.99198 20.4167 3.82024 19.4391 3.47674 17.4839Z" stroke="#1C274C" stroke-width="1.5"/>
+</svg>
\ No newline at end of file
diff --git a/ceylon/monospace/FiraCode-vf.ttf b/ceylon/monospace/FiraCode-vf.ttf
deleted file mode 100644
index c05ac82..0000000
Binary files a/ceylon/monospace/FiraCode-vf.ttf and /dev/null differ
diff --git a/ceylon/monospace/JetBrainsMono-vfw.ttf b/ceylon/monospace/JetBrainsMono-vfw.ttf
deleted file mode 100644
index d73994a..0000000
Binary files a/ceylon/monospace/JetBrainsMono-vfw.ttf and /dev/null differ
diff --git a/ceylon/monospace/MPLUS1Code-vfw.ttf b/ceylon/monospace/MPLUS1Code-vfw.ttf
deleted file mode 100644
index 20505b4..0000000
Binary files a/ceylon/monospace/MPLUS1Code-vfw.ttf and /dev/null differ
diff --git a/ceylon/monospace/NotoSansMono-vfww.ttf b/ceylon/monospace/NotoSansMono-vfww.ttf
deleted file mode 100644
index 122ef75..0000000
Binary files a/ceylon/monospace/NotoSansMono-vfww.ttf and /dev/null differ
diff --git a/ceylon/monospace/OpenSans-vfww.ttf b/ceylon/monospace/OpenSans-vfww.ttf
deleted file mode 100644
index ac587b4..0000000
Binary files a/ceylon/monospace/OpenSans-vfww.ttf and /dev/null differ
diff --git a/img/SCR-20240219-ubhu.png b/img/SCR-20240219-ubhu.png
deleted file mode 100644
index 886c02a..0000000
Binary files a/img/SCR-20240219-ubhu.png and /dev/null differ
diff --git a/img/SCR-20240219-ubss.png b/img/SCR-20240219-ubss.png
deleted file mode 100644
index 37501e4..0000000
Binary files a/img/SCR-20240219-ubss.png and /dev/null differ
diff --git a/img/SCR-20240219-ubul.png b/img/SCR-20240219-ubul.png
deleted file mode 100644
index 8234406..0000000
Binary files a/img/SCR-20240219-ubul.png and /dev/null differ
diff --git a/img/SCR-20240219-ubwx.png b/img/SCR-20240219-ubwx.png
deleted file mode 100644
index 3704202..0000000
Binary files a/img/SCR-20240219-ubwx.png and /dev/null differ
diff --git a/img/SCR-20240219-ubxw.png b/img/SCR-20240219-ubxw.png
deleted file mode 100644
index bf42b7c..0000000
Binary files a/img/SCR-20240219-ubxw.png and /dev/null differ
diff --git a/img/SCR-20240303-kcps.png b/img/SCR-20240303-kcps.png
deleted file mode 100644
index e149ebf..0000000
Binary files a/img/SCR-20240303-kcps.png and /dev/null differ
diff --git a/img/SCR-20240713-olpx.png b/img/SCR-20240713-olpx.png
new file mode 100644
index 0000000..ca0f8e1
Binary files /dev/null and b/img/SCR-20240713-olpx.png differ
diff --git a/img/SCR-20240713-olrj.png b/img/SCR-20240713-olrj.png
new file mode 100644
index 0000000..125bce8
Binary files /dev/null and b/img/SCR-20240713-olrj.png differ
diff --git a/img/SCR-20240713-olsr.png b/img/SCR-20240713-olsr.png
new file mode 100644
index 0000000..19710a6
Binary files /dev/null and b/img/SCR-20240713-olsr.png differ
diff --git a/img/SCR-20240713-oluo.png b/img/SCR-20240713-oluo.png
new file mode 100644
index 0000000..1401eaf
Binary files /dev/null and b/img/SCR-20240713-oluo.png differ
diff --git a/img/SCR-20240713-olvw.png b/img/SCR-20240713-olvw.png
new file mode 100644
index 0000000..2992e59
Binary files /dev/null and b/img/SCR-20240713-olvw.png differ
diff --git a/img/SCR-20240713-olxc.png b/img/SCR-20240713-olxc.png
new file mode 100644
index 0000000..89437b9
Binary files /dev/null and b/img/SCR-20240713-olxc.png differ