diff --git a/README.md b/README.md
new file mode 100644
index 0000000..90dd265
--- /dev/null
+++ b/README.md
@@ -0,0 +1,4 @@
+# evlic@Typora theme
+
+## fork-list
+- [Notion Theme](https://github.com/adrian-fuertes/typora-notion-theme)
diff --git a/cobalt.css b/cobalt.css
deleted file mode 100644
index 0d5428d..0000000
--- a/cobalt.css
+++ /dev/null
@@ -1,1024 +0,0 @@
-:root {
-    --bg-color: #141d28;
-    --side-bar-bg-color: #090b10;
-    --control-text-color: #a9aaab;
-    --primary-color: #efb752;
-    --primary-btn-border-color: #f0b752;
-    --active-file-text-color: inherit;
-    --active-file-border-color: #f0b752;
-    --active-file-bg-color: #131c29;
-    --primary-btn-text-color: #f0b752;
-    --window-border: 1px solid #16161a;
-    --item-hover-bg-color: #1a283d;
-    --item-hover-text-color: #f0b752;
-    --meta-content-color: #f0b752;
-    --search-select-text-color: #f0b752;
-    /* --control-text-color: var(--text-color); */
-    --control-text-color: #6db7d1;
-    /* --control-text-hover-color: var(--text-color); */
-    --control-text-hover-color: #f0b752;
-    --heading-char-color: #f0b752;
-}
-
-.dropdown-menu {
-    background-color: #1a283d !important;
-    border-color: #313d50 !important;
-}
-
-@font-face {
-    font-family: 'Nunito';
-    font-style: normal;
-    font-weight: normal;
-    src: local("Nunito Sans Regular"), url("./cobalt/nunito/NunitoSans-Regular.woff") format("woff");
-}
-
-@font-face {
-    font-family: 'Nunito';
-    font-style: italic;
-    font-weight: normal;
-    src: local("Nunito Sans It"), url("./cobalt/nunito/NunitoSans-Italic.woff") format("woff");
-}
-
-@font-face {
-    font-family: 'Nunito';
-    font-style: normal;
-    font-weight: bold;
-    src: local("Nunito Sans Bold"), url("./cobalt/nunito/NunitoSans-ExtraBold.woff") format("woff");
-}
-
-@font-face {
-    font-family: 'Nunito';
-    font-style: italic;
-    font-weight: bold;
-    src: local("Nunito Sans Bold Italic"), url("./cobalt/nunito/NunitoSans-ExtraBoldItalic.woff") format("woff");
-}
-
-html {
-    background: #141b28;
-    font-size: 0.925rem;
-}
-
-body {
-    background: #141b28;
-    color: #a9aaab;
-    font-family: "Nunito", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-size: 1em;
-    height: 100%;
-    line-height: 1.6;
-}
-
-#write {
-    background: #131b29;
-    color: #a9aaab;
-    margin: 0 auto;
-    max-width: 800px;
-    padding: 30px;
-    padding-bottom: 100px;
-    position: static;
-    width: 90%;
-}
-
-#write>ul:first-child,
-#write>ol:first-child {
-    margin-top: 30px;
-}
-
-a {
-    color: #71bfd9;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    cursor: text;
-    font-weight: bold;
-    line-height: 1.4;
-    margin-bottom: 1rem;
-    margin-top: 1rem;
-    position: relative;
-}
-
-#write h1,
-#write h2,
-#write h3,
-#write h4,
-#write h5,
-#write h6,
-#write pre {
-    color: #efb752;
-    width: auto;
-}
-
-#write h1::before,
-#write h2::before,
-#write h3::before,
-#write h4::before,
-#write h5::before,
-#write h6::before {
-    border-radius: 0;
-    bottom: 0;
-    color: #517090;
-    float: none;
-    font-size: 1rem;
-    font-variant: 'small-caps';
-    font-weight: bold;
-    left: auto;
-    line-height: 20px;
-    padding: 0;
-    position: absolute;
-    right: calc(100% + 10px);
-    vertical-align: baseline;
-}
-
-#write h1 {
-    font-size: 3.2rem;
-    margin: 0.6rem 0;
-}
-
-#write h1::before {
-    bottom: 1.45rem;
-    content: 'H1';
-}
-
-#write h2 {
-    font-size: 1.8rem;
-    margin: 0.7rem 0;
-}
-
-#write h2::before {
-    bottom: 0.2rem;
-    content: 'H2';
-}
-
-#write h3 {
-    font-size: 1.2rem;
-    margin: 0.5rem 0;
-}
-
-#write h3::before {
-    bottom: 0.18rem;
-    content: 'H3';
-}
-
-#write h4 {
-    font-size: 1rem;
-    margin: 0.2rem 0;
-}
-
-#write h4::before {
-    content: 'H4';
-    bottom: 0.15rem;
-}
-
-#write h5,
-#write h6 {
-    font-size: 1rem;
-    margin: 0;
-}
-
-#write h5::before,
-#write h6::before {
-    bottom: 0.1rem;
-}
-
-#write h5::before {
-    content: 'H5';
-}
-
-#write h6::before {
-    content: 'H6';
-}
-
-h1:hover a.anchor,
-h2:hover a.anchor,
-h3:hover a.anchor,
-h4:hover a.anchor,
-h5:hover a.anchor,
-h6:hover a.anchor {
-    text-decoration: none;
-}
-
-h1 tt,
-h1 code {
-    font-size: inherit;
-}
-
-h2 tt,
-h2 code {
-    font-size: inherit;
-}
-
-h3 tt,
-h3 code {
-    font-size: inherit;
-}
-
-h4 tt,
-h4 code {
-    font-size: inherit;
-}
-
-h5 tt,
-h5 code {
-    font-size: inherit;
-}
-
-h6 tt,
-h6 code {
-    font-size: inherit;
-}
-
-h1 {
-    text-align: center;
-    border-bottom: 1px solid #f79f2a;
-    font-size: 3.25em;
-    line-height: 1.2;
-    padding-bottom: 0.3em;
-}
-
-h2 {
-    border-bottom: 1px solid #f79f2a;
-    font-size: 2.75em;
-    line-height: 1.225;
-    padding-bottom: 0.3em;
-}
-
-h3 {
-    font-size: 1.8em;
-    line-height: 1.43;
-}
-
-h4 {
-    font-size: 1.45em;
-}
-
-h5 {
-    font-size: 1.2em;
-}
-
-h6 {
-    font-size: 1em;
-}
-
-p,
-blockquote,
-ul,
-ol,
-dl,
-table {
-    margin: 0.8em 0;
-}
-
-#write ol,
-#write ul {
-    padding-left: 2rem;
-    margin: .5rem 0;
-}
-
-#write ol>li,
-#write ul>li {
-    color: #f0b752;
-}
-
-#write ol>li>*,
-#write ul>li>* {
-    color: #b0b0b0;
-}
-
-#write ol>li>*:not(ol):not(ul),
-#write ul>li>*:not(ol):not(ul) {
-    padding-left: .25rem;
-}
-
-#write ul {
-    list-style-type: disc;
-}
-
-hr {
-    background-color: #f0b752;
-    border: 0 none;
-    box-sizing: content-box;
-    height: 2px;
-    margin: 16px 0;
-    overflow: hidden;
-    padding: 0;
-}
-
-li p.first {
-    display: inline-block;
-}
-
-ul,
-ol {
-    padding-left: 30px;
-}
-
-ul:first-child,
-ol:first-child {
-    margin-top: 0;
-}
-
-ul:last-child,
-ol:last-child {
-    margin-bottom: 0;
-}
-
-blockquote {
-    font-family: 'Nunito', 'Times New Roman', serif;
-    margin: 1rem 0 1rem 2rem;
-    position: relative;
-}
-
-blockquote::before {
-    background: #f0b752;
-    content: '';
-    height: 100%;
-    left: -2rem;
-    position: absolute;
-    width: 0.25rem;
-}
-
-table {
-    font-size: 0.875rem;
-    padding: 0;
-    word-break: initial;
-}
-
-table tr {
-    border-top: 1px solid #57708d;
-    margin: 0;
-    padding: 0;
-}
-
-thead {
-    background-color: #324963;
-    color: #9dbbdd;
-}
-
-table tr th {
-    border: 1px solid #57708d;
-    border-bottom: solid 2px #ccc;
-    border-bottom: 0;
-    font-weight: bold;
-    margin: 0;
-    padding: 10px 16px;
-}
-
-table tr td {
-    background: #192534;
-    border: 1px solid #57708d;
-    margin: 0;
-    padding: 10px 16px;
-}
-
-table tr th:first-child,
-table tr td:first-child {
-    margin-top: 0;
-}
-
-table tr th:last-child,
-table tr td:last-child {
-    margin-bottom: 0;
-}
-
-.CodeMirror-lines {
-    padding: 4px 0;
-}
-
-.code-tooltip {
-    background: #1a283d;
-    border-top: 1px solid #1a283d;
-    box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3);
-}
-
-.dropdown-menu {
-    color: #70c0d8;
-    margin-right: 5px;
-}
-
-.file-action-item.not-empty-menu-group.show {
-    background: #1a283d;
-    border-color: #1a283d;
-}
-
-.sidebar-footer-main-item #sidebar-files-menu {
-    background: #1a283d;
-    border-color: #303d50 !important;
-    color: #6db7d1;
-}
-
-.file-action-item.not-empty-menu-group.show a:hover,
-.dropdown-menu a:hover {
-    background-color: #1a283d !important;
-    color: #f4c25e !important;
-}
-
-.info-panel-tab.active,
-.info-panel-tab.active a {
-    background: #000 !important;
-}
-
-.info-panel-tab.active {
-    background: #000 !important;
-}
-
-.info-panel-tab-border {
-    background: #000 !important;
-    border-color: #000 !important;
-}
-
-.file-action-item a {
-    color: #70bed9 !important;
-}
-
-.md-fences,
-/* code, */
-
-tt {
-    border-radius: 3px;
-    color: #b9bcba;
-    font-size: 0.9em;
-    padding: 0;
-}
-
-code {
-    background-color: #6952b6;
-    border-radius: 4px;
-    color: #fff;
-    font-weight: bold;
-    line-height: 1;
-    padding: 5px 7px 2px 7px;
-}
-
-.md-fences {
-    margin-bottom: 15px;
-    margin-top: 15px;
-    padding-bottom: 6px;
-    padding-top: 8px;
-}
-
-.md-task-list-item>input {
-    background: #1a283d;
-    margin-left: -1.3em;
-}
-
-@media print {
-    html {
-        font-size: 13px;
-    }
-
-    table,
-    pre {
-        page-break-inside: avoid;
-    }
-
-    pre {
-        word-wrap: break-word;
-    }
-}
-
-.md-fences {
-    /* background-color: #f8f8f8; */
-}
-
-#write pre.md-meta-block {
-    background-color: #1a283d;
-    border: 0;
-    border-radius: 3px;
-    color: #fff;
-    font-size: 85%;
-    line-height: 1.45;
-    margin-top: 0 !important;
-    padding: 1rem;
-}
-
-.mathjax-block>.code-tooltip {
-    bottom: 0.375rem;
-}
-
-.md-mathjax-midline {
-    background: #fafafa;
-}
-
-#write>h3.md-focus:before {
-    left: -1.5625rem;
-    top: 0.375rem;
-}
-
-#write>h4.md-focus:before {
-    left: -1.5625rem;
-    top: 0.285714286rem;
-}
-
-#write>h5.md-focus:before {
-    left: -1.5625rem;
-    top: 0.285714286rem;
-}
-
-#write>h6.md-focus:before {
-    left: -1.5625rem;
-    top: 0.285714286rem;
-}
-
-.md-image>.md-meta {
-    border-radius: 3px;
-    color: inherit;
-    font-size: 0.9em;
-    padding: 2px 0px 0px 4px;
-}
-
-.md-tag {
-    color: #70bfd9;
-    opacity: 1;
-}
-
-.md-toc {
-    margin-top: 20px;
-    padding-bottom: 20px;
-}
-
-.sidebar-tabs {
-    border-bottom: 1px solid #090b11;
-    font-weight: normal;
-}
-
-#typora-sidebar .sidebar-tabs {
-    border-bottom: 1px solid #090b11;
-    font-family: 'Nunito' !important;
-    font-weight: bold;
-}
-
-#typora-sidebar .file-list-item-file-name {
-    color: #71bfd9;
-    font-family: 'Nunito';
-    font-weight: bold;
-}
-
-#file-library-list-children {
-    background: #141d28;
-}
-
-#typora-sidebar .file-list-item-summary,
-#typora-sidebar .ty-search-item-line {
-    color: #c4d4ed;
-    font-family: 'Nunito';
-}
-
-.file-list-item-file-ext-part {
-    color: #57708d;
-    opacity: 1;
-}
-
-.active .file-list-item-file-ext-part {
-    color: #1b1531;
-    font-weight: bold;
-}
-
-.file-list-item.file-library-node.file-library-file-node {
-    background: #151b27;
-    border-color: #090c11;
-    opacity: 1;
-}
-
-.file-list-item.file-library-node.file-library-file-node:hover {
-    background: #090c11;
-    color: #fff;
-}
-
-#typora-sidebar #outline-content .outline-h1>.outline-item {
-    font-family: 'Nunito';
-}
-
-.info-panel-tab-wrapper {
-    background: #1a283d !important;
-    border-color: #1a283d !important;
-}
-
-#typora-sidebar .file-tree-node.file-library-file-node.active .file-node-background,
-#typora-sidebar .file-list-item.file-library-file-node.active {
-    background: #493a7e;
-    border-left: 4px solid #f0b752;
-    color: #fff;
-}
-
-.file-library-node:not(.file-node-root):focus>.file-node-content {
-    outline: none;
-    border-color: #151d2b;
-}
-
-#typora-sidebar .file-list-item.file-library-file-node:hover {
-    background: #18202d;
-}
-
-#typora-sidebar .file-list-item.file-library-file-node.active .file-list-item-file-name-part {
-    color: #f0b752;
-}
-
-#typora-sidebar .file-list-item.file-library-file-node.active:hover {
-    background: #403173;
-}
-
-#typora-sidebar {
-    color: #83bed6;
-}
-
-.file-node-title {
-    color: #83bed6;
-}
-
-
-/* menu button hover */
-
-.sidebar-footer-item:hover {
-    background: none !important;
-}
-
-#typora-sidebar .file-tree-node.file-library-file-node {
-    /* padding: 0; */
-}
-
-#typora-sidebar .file-tree-node.file-library-file-node.active .file-node-title {
-    color: #efb752;
-    color: #fff;
-}
-
-#typora-sidebar .file-tree-node.file-library-node.file-node-root .file-node-content:hover .file-node-title {
-    color: #efb752;
-}
-
-#typora-sidebar .file-tree-node.file-library-file-node.active:hover .file-node-title {
-    color: #fff;
-}
-
-/* this is the sidebar file tree padding */
-#typora-sidebar .file-tree-node {
-    border: 0;
-    margin: 0;
-    padding: 0;
-    padding-left: 15px;
-}
-
-
-
-#typora-sidebar .file-library-node.file-node-root .file-tree-node.file-library-file-node .file-node-icon::before {
-    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#70bfd9' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M438.944,352c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H133.056c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h245.888c44.113,0,80-35.888,80.001-80c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20 c0,22.056-17.944,40-40,40H133.056c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v252 C418.944,343.046,427.899,352,438.944,352z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,120,358.944,120z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,200h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,200,358.944,200z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.054,280H152.944c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h125.112c11.046,0,19.999-8.954,19.999-20 C298.054,288.954,289.1,280,278.054,280z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-    content: '';
-    display: inline-block;
-    height: 20px;
-    width: 20px;
-}
-
-#typora-sidebar .file-library-node.file-node-root .file-tree-node.file-library-file-node:hover .file-node-icon::before {
-    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#f4c25d' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M438.944,352c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H133.056c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h245.888c44.113,0,80-35.888,80.001-80c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20 c0,22.056-17.944,40-40,40H133.056c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v252 C418.944,343.046,427.899,352,438.944,352z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,120,358.944,120z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,200h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,200,358.944,200z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.054,280H152.944c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h125.112c11.046,0,19.999-8.954,19.999-20 C298.054,288.954,289.1,280,278.054,280z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-    content: '';
-    display: inline-block;
-    height: 20px;
-    width: 20px;
-}
-
-.file-library-node.file-node-root .file-node-content {
-    color: #6db7d1 !important;
-}
-
-.file-library-node.file-node-root .file-node-content:hover {
-    color: #efb752 !important;
-}
-
-.file-library-node.file-node-root {
-    color: yellow !important;
-}
-
-.file-node-icon {
-    color: #70bfd9;
-    margin-right: 8px;
-}
-
-/* .file-node-icon::before { */
-.file-library-node.file-node-root .file-node-content .file-node-icon::before {
-    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' fill='%236db7d1' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath d='M448,106.7H264.8l-58.5-57.8c-4-3.9-9.4-6.2-15-6.2H61.8C27.7,42.7,0,71,0,105.7v300.5c0,34.8,27.7,63.1,61.8,63.1h388.4 c34.1,0,61.8-28.3,61.8-63.1V172.5C512,137.4,482.1,106.7,448,106.7z'/%3E%3C/svg%3E%0A");
-    content: '';
-    display: inline-block;
-    height: 20px;
-    width: 20px;
-}
-
-.file-library-node.file-node-root .file-node-content:hover .file-node-icon::before {
-    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' fill='%23efb752' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath d='M448,106.7H264.8l-58.5-57.8c-4-3.9-9.4-6.2-15-6.2H61.8C27.7,42.7,0,71,0,105.7v300.5c0,34.8,27.7,63.1,61.8,63.1h388.4 c34.1,0,61.8-28.3,61.8-63.1V172.5C512,137.4,482.1,106.7,448,106.7z'/%3E%3C/svg%3E%0A");
-    content: '';
-    display: inline-block;
-    height: 20px;
-    width: 20px;
-}
-
-#typora-sidebar .file-tree-node.file-library-file-node:hover .file-node-icon::before {
-    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#f4c25d' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M438.944,352c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H133.056c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h245.888c44.113,0,80-35.888,80.001-80c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20 c0,22.056-17.944,40-40,40H133.056c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v252 C418.944,343.046,427.899,352,438.944,352z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,120,358.944,120z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M358.944,200h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S369.989,200,358.944,200z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M278.054,280H152.944c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h125.112c11.046,0,19.999-8.954,19.999-20 C298.054,288.954,289.1,280,278.054,280z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-    content: '';
-    display: inline-block;
-    height: 20px;
-    width: 20px;
-}
-
-#typora-sidebar .file-tree-node.file-library-file-node.active:hover .file-node-icon::before {
-    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#ffffff' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M352.459,220c0-11.046-8.954-20-20-20h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206 C343.505,240,352.459,231.046,352.459,220z'/%3E%3Cpath d='M126.459,280c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20H251.57c11.046,0,20-8.954,20-20c0-11.046-8.954-20-20-20 H126.459z'/%3E%3Cpath d='M173.459,472H106.57c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v123 c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H106.57c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h66.889c11.046,0,20-8.954,20-20C193.459,480.954,184.505,472,173.459,472z'/%3E%3Cpath d='M467.884,289.572c-23.394-23.394-61.458-23.395-84.837-0.016l-109.803,109.56c-2.332,2.327-4.052,5.193-5.01,8.345 l-23.913,78.725c-2.12,6.98-0.273,14.559,4.821,19.78c3.816,3.911,9,6.034,14.317,6.034c1.779,0,3.575-0.238,5.338-0.727 l80.725-22.361c3.322-0.92,6.35-2.683,8.79-5.119l109.573-109.367C491.279,351.032,491.279,312.968,467.884,289.572z M333.776,451.768l-40.612,11.25l11.885-39.129l74.089-73.925l28.29,28.29L333.776,451.768z M439.615,346.13l-3.875,3.867 l-28.285-28.285l3.862-3.854c7.798-7.798,20.486-7.798,28.284,0C447.399,325.656,447.399,338.344,439.615,346.13z'/%3E%3Cpath d='M332.459,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S343.505,120,332.459,120z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
-    content: '';
-    display: inline-block;
-    height: 20px;
-    width: 20px;
-}
-
-#typora-sidebar .file-library-node.file-node-root .file-tree-node.file-library-file-node .active .file-node-icon::before,
-.active .file-node-icon::before {
-    background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='#ffffff' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M352.459,220c0-11.046-8.954-20-20-20h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206 C343.505,240,352.459,231.046,352.459,220z'/%3E%3Cpath d='M126.459,280c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20H251.57c11.046,0,20-8.954,20-20c0-11.046-8.954-20-20-20 H126.459z'/%3E%3Cpath d='M173.459,472H106.57c-22.056,0-40-17.944-40-40V80c0-22.056,17.944-40,40-40h245.889c22.056,0,40,17.944,40,40v123 c0,11.046,8.954,20,20,20c11.046,0,20-8.954,20-20V80c0-44.112-35.888-80-80-80H106.57c-44.112,0-80,35.888-80,80v352 c0,44.112,35.888,80,80,80h66.889c11.046,0,20-8.954,20-20C193.459,480.954,184.505,472,173.459,472z'/%3E%3Cpath d='M467.884,289.572c-23.394-23.394-61.458-23.395-84.837-0.016l-109.803,109.56c-2.332,2.327-4.052,5.193-5.01,8.345 l-23.913,78.725c-2.12,6.98-0.273,14.559,4.821,19.78c3.816,3.911,9,6.034,14.317,6.034c1.779,0,3.575-0.238,5.338-0.727 l80.725-22.361c3.322-0.92,6.35-2.683,8.79-5.119l109.573-109.367C491.279,351.032,491.279,312.968,467.884,289.572z M333.776,451.768l-40.612,11.25l11.885-39.129l74.089-73.925l28.29,28.29L333.776,451.768z M439.615,346.13l-3.875,3.867 l-28.285-28.285l3.862-3.854c7.798-7.798,20.486-7.798,28.284,0C447.399,325.656,447.399,338.344,439.615,346.13z'/%3E%3Cpath d='M332.459,120h-206c-11.046,0-20,8.954-20,20s8.954,20,20,20h206c11.046,0,20-8.954,20-20S343.505,120,332.459,120z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") !important;
-    content: '';
-    display: inline-block;
-    height: 20px;
-    width: 20px;
-}
-
-
-
-.active .file-node-icon {
-    color: #fff;
-}
-
-.file-library-node.file-tree-node {
-    margin: 0;
-    padding: 0;
-}
-
-.file-library-node.file-tree-node.file-library-file-node .file-node-title {
-    color: #e7f3fd;
-}
-
-.file-library-node.file-tree-node.file-library-file-node:hover {
-    color: #fff;
-}
-
-.file-node-background {
-    padding: 18px 10px 18px 0;
-}
-
-.file-node-content {
-    padding: 8px 8px 8px 0;
-}
-
-.file-node-content:hover {
-    cursor: pointer;
-}
-
-.active .file-node-content {
-    font-weight: bold;
-}
-
-#typora-quick-open {
-    background-color: #141d28;
-    color: #fff !important;
-}
-
-#typora-quick-open-item {
-    background-color: #131c29;
-    border-color: #090c11;
-    border-color: #efb752 !important;
-    border-style: solid;
-    border-width: 1px;
-    color: #fff;
-    font-size: 15px;
-    font-weight: bold;
-}
-
-/* focus mode */
-.on-focus-mode blockquote {
-    border-left-color: rgba(85, 85, 85, 0.12);
-}
-
-header,
-.context-menu,
-.megamenu-content,
-footer {
-    font-family: "Nunito", "Arial", sans-serif;
-}
-
-.megamenu-opened header {
-    background-image: none;
-}
-
-#typora-sidebar #ty-sidebar-footer {
-    background-color: #131b29 !important;
-    border-top: 1px solid #090b10;
-}
-
-.megamenu-menu-header {
-    border-bottom: 1px solid #090b10;
-}
-
-.megamenu-menu-list li:not(.saved) a:not(.active):hover,
-.megamenu-menu-list li a.active {
-    background: #101010 !important;
-}
-
-.file-node-content:hover .file-node-icon,
-.file-node-content:hover .file-node-open-state {
-    visibility: visible;
-}
-
-.mac-seamless-mode #typora-sidebar {
-    /* background-color: #f79f2a; */
-    background-color: #090c12;
-    border-right: 1px solid #090c12;
-    font-weight: 100;
-}
-
-.md-lang {
-    color: #b4654d;
-}
-
-.html-for-mac .context-menu {
-    --item-hover-bg-color: #090c12;
-}
-
-input {
-    color: #82bed6;
-}
-
-#searchpanel-word-option-btn,
-#find-and-replace-icon-word,
-#find-and-replace-icon-case,
-.searchpanel-search-option-btn,
-.icon,
-.glyphicon .popover,
-.popover-title {
-    color: #82bed6 !important;
-    fill: #82bed6 !important;
-}
-
-#md-notification .btn {
-    border: 0;
-}
-
-.long-btn:hover {
-    background-color: #82bed6;
-}
-
-.show-word-count #footer-word-count {
-    background: #000;
-}
-
-#recent-file-panel-action-btn {
-    background-color: #82bed6;
-}
-
-.dropdown-menu .divider {
-    border-color: #303d50;
-}
-
-.ty-preferences .window-content {
-    background-color: #fafafa;
-}
-
-.ty-preferences .nav-group-item.active {
-    background: #999;
-    color: white;
-}
-
-.cm-s-inner {
-    border: 1px solid #324560;
-    border-radius: 0.25rem;
-    padding: 0.5rem 0.2rem;
-}
-
-.cm-s-inner.CodeMirror,
-.cm-s-inner .CodeMirror-gutters {
-    background-color: #192133 !important;
-    border: 1px solid #324560;
-    /* padding: 10px 20px; */
-}
-
-.cm-s-inner .CodeMirror-gutters {
-    border: 0;
-    color: #6d8a88;
-    width: 5ch;
-}
-
-.cm-s-inner .CodeMirror-cursor {
-    border-left: solid thin #f8f8f2 !important;
-}
-
-.cm-s-inner .CodeMirror-linenumber {
-    color: #6D8A88;
-}
-
-.cm-s-inner .CodeMirror-line::selection,
-.cm-s-inner .CodeMirror-line::-moz-selection,
-.cm-s-inner .CodeMirror-line>span::selection,
-.cm-s-inner .CodeMirror-line>span::-moz-selection,
-.cm-s-inner .CodeMirror-line>span>span::selection,
-.cm-s-inner .CodeMirror-line>span>span::-moz-selection {
-    background: rgba(255, 255, 255, 0.1);
-}
-
-.cm-s-inner span.cm-comment {
-    color: #6272a4;
-}
-
-.cm-s-inner span.cm-string,
-.cm-s-inner span.cm-string-2 {
-    color: #f1fa8c;
-}
-
-.cm-s-inner span.cm-number {
-    color: #bd93f9;
-}
-
-.cm-s-inner span.cm-variable,
-.cm-s-inner span.cm-variable-2 {
-    color: #50fa7b;
-}
-
-.cm-s-inner span.cm-def {
-    color: white;
-}
-
-.cm-s-inner span.cm-operator {
-    color: #ff79c6;
-}
-
-.cm-s-inner span.cm-keyword {
-    color: #ff79c6;
-}
-
-.cm-s-inner span.cm-atom {
-    color: #bd93f9;
-}
-
-.cm-s-inner span.cm-meta {
-    color: #f8f8f2;
-}
-
-.cm-s-inner span.cm-tag {
-    color: #ff79c6;
-}
-
-.cm-s-inner span.cm-attribute {
-    color: #50fa7b;
-}
-
-.cm-s-inner span.cm-qualifier {
-    color: #50fa7b;
-}
-
-.cm-s-inner span.cm-property {
-    color: #66d9ef;
-}
-
-.cm-s-inner span.cm-builtin {
-    color: #50fa7b;
-}
-
-.cm-s-inner span.cm-variable-3,
-.cm-s-inner span.cm-type {
-    color: #ffb86c;
-}
-
-.md-fences.md-focus .cm-s-inner .CodeMirror-activeline-background {
-    background: rgba(255, 255, 255, 0.1);
-}
-
-.cm-s-inner .CodeMirror-matchingbracket {
-    color: white !important;
-    text-decoration: underline;
-}
-
-.cm-s-inner .CodeMirror-selected,
-.cm-s-inner .CodeMirror-selectedtext {
-    background: #3b4254 !important;
-    color: inherit;
-    text-shadow: none;
-}
-
-#write>p:first-child:empty {
-    position: static;
-}
-
-#write>p:first-child:not(:only-child)::before,
-#write>p:only-child::before {
-    background: url("cobalt/splash.png") no-repeat 45% 90% transparent;
-    background-size: cover;
-    bottom: 0;
-    content: '';
-    display: block;
-    height: 100%;
-    left: 0;
-    max-width: 100%;
-    opacity: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: 100%;
-}
-
-#write>p:only-child:empty::before {
-    opacity: 1;
-}
\ No newline at end of file
diff --git a/cobalt/aurum.psd b/cobalt/aurum.psd
deleted file mode 100644
index 8d020f7..0000000
Binary files a/cobalt/aurum.psd and /dev/null differ
diff --git a/cobalt/hack/hack-regular.woff b/cobalt/hack/hack-regular.woff
deleted file mode 100644
index e835381..0000000
Binary files a/cobalt/hack/hack-regular.woff and /dev/null differ
diff --git a/cobalt/nunito/NunitoSans-ExtraBold.woff b/cobalt/nunito/NunitoSans-ExtraBold.woff
deleted file mode 100644
index f18a354..0000000
Binary files a/cobalt/nunito/NunitoSans-ExtraBold.woff and /dev/null differ
diff --git a/cobalt/nunito/NunitoSans-ExtraBoldItalic.woff b/cobalt/nunito/NunitoSans-ExtraBoldItalic.woff
deleted file mode 100644
index 0f6e8a6..0000000
Binary files a/cobalt/nunito/NunitoSans-ExtraBoldItalic.woff and /dev/null differ
diff --git a/cobalt/nunito/NunitoSans-Italic.woff b/cobalt/nunito/NunitoSans-Italic.woff
deleted file mode 100644
index 2e1a133..0000000
Binary files a/cobalt/nunito/NunitoSans-Italic.woff and /dev/null differ
diff --git a/cobalt/nunito/NunitoSans-Regular.woff b/cobalt/nunito/NunitoSans-Regular.woff
deleted file mode 100644
index b573ec1..0000000
Binary files a/cobalt/nunito/NunitoSans-Regular.woff and /dev/null differ
diff --git a/cobalt/splash.png b/cobalt/splash.png
deleted file mode 100644
index 61621f5..0000000
Binary files a/cobalt/splash.png and /dev/null differ
diff --git a/notion-dark-classic.css b/notion-dark-classic.css
new file mode 100644
index 0000000..7743ed1
--- /dev/null
+++ b/notion-dark-classic.css
@@ -0,0 +1,704 @@
+:root {
+    --primary-color: #ebebeb;
+    --bg-color: #2f3437;
+    --bg-color-dark: #3f4447;
+    --dark-trait: #393c3f;
+    --light-trait-100: #3d4145;
+    --light-trait-200: #3d4145;
+    --light-trait-300: #72706b;
+    --light-trait-400: #37352f;
+    --text-color: #ebebeb;
+    --text-color-secondary: #73726e;
+    --text-highlight-color: #fff;
+    --text-highlight-bg: rgba(var(--primary-color-rgb), 0.3);
+    --select-text-bg-color: #2e5767;
+	--search-select-text-color:#eaedec;
+    --search-select-bg-color: #2e443a;
+    --code-color: #9a6e3a;
+    --border-radius: 4px;
+    --font-size: 16px;
+    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+    --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
+    --heading-char-color: var(--light-trait-400);
+    --color-popover-bg-color: var(--text-color);
+    --rawblock-edit-panel-bd: var(--bg-color-dark);
+    --control-text-color: #afb1b2;
+    --meta-content-color: var(--primary-color);
+    --primary-btn-border-color: var(--primary-color);
+    --side-bar-bg-color: var(--bg-color-dark);
+    --item-hover-bg-color: #4b5053;
+    --active-file-bg-color: #4b5053;
+    --active-file-border-color: var(--bg-color);
+    --window-border: 1px solid var(--bg-color);
+    --focus-ring-color: transparent;
+}
+
+html {
+    font-size: var(--font-size);
+}
+
+body {
+    font-family: var(--font-family);
+    -webkit-font-smoothing: antialiased;
+    color: var(--text-color);
+    line-height: 1.6;
+}
+
+code {
+    color: #ec5757;
+    background-color: #3d4041;
+    padding: 0 2px 0 2px;
+}
+
+a {
+    color: var(--primary-color);
+}
+
+h1, h2, h3, h4, h5, h6 {
+    position: relative;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    font-weight: 700;
+    line-height: 1.4;
+    cursor: text;
+}
+
+h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
+    text-decoration: none;
+}
+
+h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
+    font-size: inherit;
+}
+
+h1 {
+    padding-bottom: 0.3em;
+    font-size: 2.2em;
+    line-height: 1.3;
+}
+
+h2 {
+    padding-bottom: 0.3em;
+    font-size: 1.75em;
+    line-height: 1.225;
+}
+
+h3 {
+    font-size: 1.4em;
+    line-height: 1.43;
+}
+
+h4 {
+    font-size: 1.2em;
+}
+
+h5 {
+    font-size: 1em;
+}
+
+h6 {
+    font-size: 1em;
+    color: var(--light-trait-300);
+}
+
+p, blockquote, ul, ol, dl, table {
+    margin: 0.8em 0;
+}
+
+li>ol, li>ul {
+    margin: 0 0;
+}
+
+hr {
+    background-color: var(--light-trait-100);
+    height: 1.5px;
+    border: none
+}
+
+a,
+.md-def-url {
+    color: var(--text-color);
+    text-decoration: none;
+    border-bottom:0.05em solid;
+    border-color: #37352f;
+    opacity:0.6;
+    transition: all .1s ease-in; 
+}
+
+a:hover {
+    text-decoration: none;
+    opacity:1;
+}
+
+sup.md-footnote {
+    background-color: var(--dark-trait);
+    color: #b1b3b4;
+}
+
+li p.first {
+    display: inline-block;
+}
+
+ul, ol {
+    padding-left: 30px;
+}
+
+ul:first-child, ol:first-child {
+    margin-top: 0.35%;
+}
+
+ul:last-child, ol:last-child {
+    margin-bottom: 0;
+}
+
+mark, .ty-file-search-match-text, .md-search-hit {
+    background: #5e3436;
+	color: #eceded;
+}
+
+mark {
+    border-radius: 4px;
+    color: #edecea;
+    font-weight: inherit;
+    background-color: #4f4029;
+    padding-left: 4px;
+    padding-right: 4px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    margin-left: 2px;
+    margin-right: 2px;
+}
+
+
+#write {
+    max-width: 860px;
+    margin: 0 auto;
+    padding: 30px;
+    padding-bottom: 100px;
+}
+
+@media only screen and (min-width: 1400px) {
+    #write {
+        max-width: 1024px;
+    }
+}
+
+@media only screen and (min-width: 1800px) {
+    #write {
+        max-width: 1200px;
+    }
+}
+
+#write>ul:first-child, #write>ol:first-child {
+    margin-top: 30px;
+}
+
+.md-search-hit * {
+    color: var(--search-select-text-color);
+}
+
+/* Search highlight */
+.cm-search-hit.CodeMirror-selectedtext, .md-search-hit.md-search-select, .md-search-select {
+    outline: 0px solid var(--search-select-text-color);
+}
+
+.outline-item.select, .ty-search-item-line.select, .ty-search-item.select {
+    outline-width: 2px;
+}
+
+.outline-item.select {
+    outline-offset: 0px;
+}
+
+blockquote {
+    margin-left: 1.75px;
+    margin-right: 0px;
+    border-left: 4px solid var(--text-color);
+    padding: 10px 14px 7px 22px;
+}
+
+blockquote blockquote {
+    padding-right: 0;
+}
+
+table {
+    padding: 0;
+    word-break: initial;
+}
+
+table tr {
+    border-top: 1px solid var(--dark-trait);
+    margin: 0;
+    padding: 0;
+}
+
+table tr th {
+    font-weight: bold;
+    border: 1px solid var(--dark-trait);
+    border-bottom: 0;
+    margin: 0;
+    padding: 6px 13px;
+}
+
+table tr td {
+    border: 1px solid var(--dark-trait);
+    margin: 0;
+    padding: 6px 13px;
+}
+
+table tr th:first-child, table tr td:first-child {
+    margin-top: 0;
+}
+
+table tr th:last-child, table tr td:last-child {
+    margin-bottom: 0;
+}
+
+kbd {
+    font-size: 0.875rem;
+    background: var(--bg-color-dark);
+    border: 1px solid var(--dark-trait);
+    box-shadow: 0 2px 0 var(--dark-trait);
+    color: #acaeaf;
+}
+
+.md-fences, code, tt {
+    border: none;
+    background-color: #3f4447;
+    border-radius: var(--border-radius);
+    padding: 2px 4px 0px 4px;
+    font-size: 0.975em;
+    font-weight: medium;
+    font-family: var(--monospace);
+}
+
+.md-fences {
+    margin-bottom: 15px;
+    margin-top: 15px;
+    padding-top: 8px;
+    padding-bottom: 6px;
+}
+
+#write pre.md-meta-block {
+    padding: 1rem;
+    font-size: 85%;
+    line-height: 1.45;
+    background-color: var(--bg-color-dark);
+    border: 0;
+    border-radius: var(--border-radius);
+    color: var(--text-color-secondary);
+    margin-top: 0 !important;
+}
+
+#write .mathjax-block .md-rawblock-tooltip {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#write .mathjax-block .md-math-container {
+    border-top-left-radius: var(--border-radius);
+    border-bottom-right-radius: var(--border-radius);
+    border-bottom-left-radius: var(--border-radius);
+}
+
+#write .md-mathblock-panel .md-rawblock-control:first-of-type {
+    border-top-left-radius: var(--border-radius);
+}
+
+.md-mathjax-midline {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+}
+
+.md-inline-math script {
+    color: var(--code-color);
+}
+
+.CodeMirror-lines {
+    padding-left: 4px;
+}
+
+.code-tooltip {
+    box-shadow: none;
+    border-radius: var(--border-radius);
+}
+
+#write .code-tooltip {
+    bottom: initial;
+    top: 100%;
+    left: initial;
+    right: -1px;
+    background: var(--bg-color-dark);
+    border: 1px solid var(--dark-trait);
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top: 0;
+    font-family: var(--monospace);
+}
+
+#write .md-mathblock-panel .code-tooltip {
+    right: 0;
+    border: none;
+}
+
+/* TODO */
+#write .md-task-list-item>input {
+    -webkit-appearance: initial;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
+    position: absolute;
+    border: 1px solid var(--text-color);
+    margin-left: -1.45rem;
+    height: 0.95rem;
+    width: 0.95rem;
+    transition: all 0.35s;
+}
+
+#write .md-task-list-item>input:focus {
+    outline: none;
+    box-shadow: none;
+}
+
+#write .md-task-list-item>input[checked] {
+    background: #2eaadc;
+    border: 1px solid #2eaadc;
+    text-decoration: line-through;
+}
+
+#write .md-task-list-item>input[checked]::before {
+    display: inline-block;
+    vertical-align: middle;
+    content: '✓';
+    position: absolute;
+    margin-top: 0.05rem;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    text-align: absolute;
+    color: #ffffff;
+    font-size: 0.75em;
+    font-weight: 750;
+}
+#write .md-task-list-item>input[checked]::after {
+    text-decoration: line-through;
+}
+
+/* TODO */
+
+.md-image>.md-meta {
+    border-radius: var(--border-radius);
+    padding: 2px 0px 0px 4px;
+    font-size: 0.9em;
+    color: inherit;
+}
+
+.md-toc {
+    margin-top: 20px;
+    padding-bottom: 20px;
+}
+
+/* Source mode */
+.CodeMirror.cm-s-typora-default *, .cm-s-typora-default * {
+    background: inherit;
+    color: var(--text-color);
+    font-family: var(--monospace);
+    font-size: var(--font-size) !important;
+    font-style: normal;
+    font-weight: medium;
+}
+
+.CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
+    border-left: 2px solid var(--text-color);
+}
+
+.sidebar-tabs {
+    border-bottom: none;
+}
+
+.outline-expander {
+    width: 1.5rem;
+    vertical-align: initial;
+}
+
+.outline-expander:before, .outline-expander:hover:before, .outline-item-open>.outline-item>.outline-expander:before, .outline-item-open>.outline-item>.outline-expander:hover:before {
+    content: "\f125";
+    transition: transform 125ms ease-in-out;
+}
+
+.outline-item-open>.outline-item>.outline-expander:hover:before, .outline-item-open>.outline-item>.outline-expander:before {
+    transform: rotate(90deg);
+}
+
+.outline-label:hover {
+    text-decoration: none;
+}
+
+#toc-dropmenu {
+    background: var(--bg-color-dark);
+}
+
+#toc-dropmenu .outline-title {
+    font-size: 1rem;
+    text-transform: uppercase;
+}
+
+.dropdown-menu .divider {
+    display: none;
+}
+
+.context-menu {
+    border: none!important;
+    backdrop-filter: saturate(180%) blur(20px) brightness(1.1);
+    background-color: var(--bg-color-dark);
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18)!important;
+}
+
+.file-node-background {
+    height: 31px;
+}
+
+.file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state {
+    visibility: visible;
+}
+
+.file-node-icon {
+    margin-right: 8px;
+}
+
+.file-library-node:not(.file-node-root):focus>.file-node-content {
+    outline: none;
+}
+
+/* New file animation */
+.blink-area {
+    animation: none;
+}
+
+.file-list-item-summary {
+    font-size: var(--font-size);
+    font-family: var(--font-family);
+}
+
+#md-searchpanel input {
+    border-radius: var(--border-radius);
+    box-shadow: none;
+}
+
+#md-searchpanel input:focus {
+    box-shadow: none;
+    border-color: var(--meta-content-color);
+}
+
+#md-searchpanel .search-type-selection {
+    width: auto;
+}
+
+#md-searchpanel .btn:not(.close-btn):hover {
+    box-shadow: none;
+}
+
+
+
+.mac-seamless-mode #typora-sidebar {
+    background-color: var(--side-bar-bg-color);
+}
+
+#md-notification .btn {
+    border: 0;
+}
+
+/* CODE */
+pre.CodeMirror-line {
+    color: #b8babb!important
+}
+
+.cm-variable {
+    color: var(--text-color)!important;
+}
+
+.cm-keyword {
+    color: #d1949e !important
+}
+
+.cm-tag {
+    color: #d1949e!important
+}
+
+.cm-variable-3 {
+    color: #bde052!important;
+}
+
+.cm-bracket, .cm-error {
+    color: #d1949e!important
+}
+
+
+.cm-attribute {
+    color: #d1949e!important;
+	/* font-style: italic!important; */
+}
+
+.cm-def {
+    color: #eceded!important;
+}
+
+.cm-comment {
+    color: #998066!important;
+}
+
+.cm-string {
+    color: #bde052!important;
+    font-variant-ligatures: common-ligatures!important;
+}
+
+.cm-tag:not() {
+    font-weight: 700;
+}
+
+.cm-operator {
+    color: #f5b83d!important;
+}
+
+.cm-number {
+    color: #d1949e!important;
+}
+
+.cm-meta {
+    color: var(--text-color) !important;
+    font-weight: 700!important;
+}
+
+.cm-atom { color: #845dc4; }
+
+
+.cm-builtin {
+    color: #bde052 !important;
+}
+
+.cm-property {
+    color: var(--text-color) !important;
+}
+
+.cm-variable-2 {
+    color: var(--text-color) !important;
+}
+
+.cm-variable-3 {
+    color: #845dc4;
+}
+
+.file-tree-node.active>.file-node-background {
+    background-color: var(--active-file-bg-color);
+    border-left: 0px solid #4b5053!important;
+    border-color: #4b5053!important;
+    background-color: #4b5053!important;
+}
+
+.CodeMirror-gutters {
+    border-right: 1px solid #f1f3f450;
+    background: inherit;
+    white-space: nowrap;
+}
+
+.ty-footer, .sidebar-footer, footer {
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+    border: none!important;
+    background: none;
+    background-color: #373c3f;
+}
+
+.code-tooltip {
+    border-radius: 4px;
+    background-color: #313334;
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .52), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28)!important;
+}
+
+#sidebar-files-menu {
+    border-radius: 4px;
+    border: none!important;
+}
+
+.code-tooltip.md-tooltip-hide.md-hover-tip {
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .52), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28);
+}
+
+#typora-sidebar {
+    border: none !important;
+}
+
+#footer-word-count-info, #spell-check-panel {
+    border: none!important;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85)!important;
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .32), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28)!important;
+}
+/* Windows/Linux unibody mode */
+.megamenu-content,
+.megamenu-opened header {
+    color:  var(--primary-color);
+    background: var(--bg-color-dark);
+}
+
+#recent-file-panel-action-btn {
+    background: inherit;
+    border: 1px var(--light-trait-300) solid;
+}
+
+.megamenu-menu-panel table td:nth-child(1) {
+    color: var(--text-color);
+    background: var(--bg-color-dark);
+}
+
+.megamenu-menu-panel table td:nth-child(2) {
+    color: var(--text-color);
+    background: var(--bg-color-dark);
+}
+
+.megamenu-menu-panel tbody tr:hover td:nth-child(1) {
+    color: var(--text-color);
+    background: var( --active-file-bg-color);
+}
+
+.megamenu-menu-panel tbody tr:hover td:nth-child(2) {
+    color: var(--text-color);
+    background: var( --active-file-bg-color);
+}
+
+.megamenu-menu-panel input[type='text'] {
+    background: inherit;
+    border: 1px var(--control-text-color) solid;
+}
+
+#recent-file-panel-action-btn {
+    background: inherit;
+}
+
+.megamenu-menu, .megamenu-content {
+	background: var(--side-bar-bg-color);
+	color: var(--text-color);
+}
+
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
+.megamenu-menu-header #megamenu-menu-header-title:before {
+	color:  var(--text-color);
+}
+
+megamenu-back-btn {
+	color: var(--text-color);
+	border-color: var(--text-color);
+}
+
+.megamenu-menu-header #megamenu-menu-header-title,
+.megamenu-menu-header:hover,
+.megamenu-menu-header:focus {
+	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
+}
\ No newline at end of file
diff --git a/notion-darker-enhanced.css b/notion-darker-enhanced.css
new file mode 100644
index 0000000..94e8551
--- /dev/null
+++ b/notion-darker-enhanced.css
@@ -0,0 +1,724 @@
+:root {
+    --primary-color: #c1c1c1;
+    --bg-color: #191919;
+    --bg-color-dark: #202020;
+    --dark-trait: #393c3f;
+    --light-trait-100: #3d4145;
+    --light-trait-300: #72706b;
+    --light-trait-400: #37352f;
+    --text-color: #c1c0c1;
+    --text-color-secondary: #73726e;
+    --text-highlight-color: #fff;
+    --text-highlight-bg: rgba(var(--primary-color-rgb), 0.3);
+    --select-text-bg-color: #2e5767;
+	--search-select-text-color: #eceded;
+    --search-select-bg-color: #24312a;
+    --code-color: #202020;
+    --border-radius: 4px;
+    --font-size: 16px;
+    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+    --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
+    --heading-char-color: var(--light-trait-400);
+    --color-popover-bg-color: var(--text-color);
+    --rawblock-edit-panel-bd: var(--bg-color-dark);
+    --control-text-color: #afb1b2;
+    --meta-content-color: var(--primary-color);
+    --primary-btn-border-color: var(--primary-color);
+    --side-bar-bg-color: var(--bg-color-dark);
+    --item-hover-bg-color: #2c2c2c;
+    --active-file-bg-color: #2c2c2c;
+    --active-file-border-color: var(--bg-color);
+    --window-border: 1px solid var(--bg-color);
+    --focus-ring-color: transparent;
+    --inline-code-bg-color: #2a2a28;
+    --inline-code-text-color: var(--text-color)
+}
+
+html {
+    font-size: var(--font-size);
+}
+
+body {
+    font-family: var(--font-family);
+    -webkit-font-smoothing: antialiased;
+    color: var(--text-color);
+    line-height: 1.6;
+}
+
+a {
+    color: var(--primary-color);
+}
+
+h1, h2, h3, h4, h5, h6 {
+    position: relative;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    font-weight: 700;
+    line-height: 1.4;
+    cursor: text;
+}
+
+h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
+    text-decoration: none;
+}
+
+h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
+    font-size: inherit;
+}
+
+h1 {
+    padding-bottom: 0.3em;
+    font-size: 2.2em;
+    line-height: 1.3;
+}
+
+h2 {
+    padding-bottom: 0.3em;
+    font-size: 1.75em;
+    line-height: 1.225;
+}
+
+h3 {
+    font-size: 1.4em;
+    line-height: 1.43;
+}
+
+h4 {
+    font-size: 1.2em;
+}
+
+h5    font-size: 1em;
+}
+
+h6 {
+    font-size: 1em;
+    color: var(--text-color);
+}
+
+p, blockquote, ul, ol, dl, table {
+    margin: 0.8em 0;
+}
+
+li>ol, li>ul {
+    margin: 0 0;
+}
+
+hr {
+    background-color: var(--light-trait-100);
+    height: 1.5px;
+    border: none
+}
+
+a,
+.md-def-url {
+    color: var(--text-color);
+    text-decoration: none;
+    border-bottom:0.05em solid;
+    border-color: #37352f;
+    opacity:0.6;
+    transition: all .1s ease-in; 
+}
+
+a:hover {
+    text-decoration: none;
+    opacity:1;
+}
+
+sup.md-footnote {
+    /* Footnote reference coloring */
+    background-color: #272626;
+    color: #6b696a;
+}
+
+li p.first {
+    display: inline-block;
+}
+
+ul, ol {
+    padding-left: 30px;
+}
+
+ul:first-child, ol:first-child {
+    margin-top: 0.35%;
+}
+
+ul:last-child, ol:last-child {
+    margin-bottom: 0;
+}
+
+mark, .ty-file-search-match-text, .md-search-hit {
+    /*Secondary search result color*/
+    background: #3e2825;
+	color: #eceded;
+}
+
+mark {
+    border-radius: 4px;
+    color: #edecea;
+    font-weight: inherit;
+    background-color: #413324;
+    padding-left: 4px;
+    padding-right: 4px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    margin-left: 2px;
+    margin-right: 2px;
+}
+
+
+#write {
+    max-width: 860px;
+    margin: 0 auto;
+    padding: 30px;
+    padding-bottom: 100px;
+}
+
+@media only screen and (min-width: 1400px) {
+    #write {
+        max-width: 1024px;
+    }
+}
+
+@media only screen and (min-width: 1800px) {
+    #write {
+        max-width: 1200px;
+    }
+}
+
+#write>ul:first-child, #write>ol:first-child {
+    margin-top: 30px;
+}
+
+.md-search-hit * {
+    color: var(--search-select-text-color);
+}
+
+/* Search highlight */
+.cm-search-hit.CodeMirror-selectedtext, .md-search-hit.md-search-select, .md-search-select {
+    outline: 0px solid var(--search-select-text-color);
+}
+
+.outline-item.select, .ty-search-item-line.select, .ty-search-item.select {
+    outline-width: 2px;
+}
+
+.outline-item.select {
+    outline-offset: 0px;
+}
+
+blockquote {
+    margin-left: 1.75px;
+    margin-right: 0px;
+    border-left: 4px solid var(--text-color);
+    padding: 10px 14px 7px 22px;
+    /* change the quote highlight */
+    background-color: #252525;
+}
+
+blockquote blockquote {
+    padding-right: 0;
+}
+
+table {
+    padding: 0;
+    word-break: initial;
+}
+
+table tr {
+    border-top: 1px solid var(--dark-trait);
+    margin: 0;
+    padding: 0;
+}
+
+table tr th {
+    font-weight: bold;
+    border: 1px solid var(--dark-trait);
+    border-bottom: 0;
+    margin: 0;
+    padding: 6px 13px;
+}
+
+table tr td {
+    border: 1px solid var(--dark-trait);
+    margin: 0;
+    padding: 6px 13px;
+}
+
+table tr th:first-child, table tr td:first-child {
+    margin-top: 0;
+}
+
+table tr th:last-child, table tr td:last-child {
+    margin-bottom: 0;
+}
+
+/* Alternating table: does not look good in dark mode*/
+
+/* table tr:nth-child(2n) {
+    background-color: #2f3437;
+  } */
+
+/* table tr:nth-child(2n + 1) {
+    background-color: #373c3f;
+} */
+
+kbd {
+    font-size: 0.875rem;
+    background: var(--bg-color-dark);
+    border: 1px solid var(--dark-trait);
+    box-shadow: 0 2px 0 var(--dark-trait);
+    color: #acaeaf;
+}
+
+.md-fences, tt {
+    border: none;
+    background-color: #202020;
+    border-radius: var(--border-radius);
+    padding: 2px 4px 0px 4px;
+    font-size: 0.975em;
+    font-weight: medium;
+    font-family: var(--monospace);
+}
+
+/* Inline code fences*/
+code {
+    border: none;
+    background-color: var(--inline-code-bg-color);
+    border-radius: var(--border-radius);
+    padding: 2px 4px 0px 4px;
+    font-size: 0.975em;
+    font-weight: medium;
+    font-family: var(--monospace); 
+}
+
+.md-fences {
+    margin-bottom: 15px;
+    margin-top: 15px;
+    padding-top: 8px;
+    padding-bottom: 6px;
+}
+
+#write pre.md-meta-block {
+    padding: 1rem;
+    font-size: 85%;
+    line-height: 1.45;
+    background-color: var(--bg-color-dark);
+    border: 0;
+    border-radius: var(--border-radius);
+    color: var(--text-color-secondary);
+    margin-top: 0 !important;
+}
+
+#write .mathjax-block .md-rawblock-tooltip {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#write .mathjax-block .md-math-container {
+    border-top-left-radius: var(--border-radius);
+    border-bottom-right-radius: var(--border-radius);
+    border-bottom-left-radius: var(--border-radius);
+}
+
+#write .md-mathblock-panel .md-rawblock-control:first-of-type {
+    border-top-left-radius: var(--border-radius);
+}
+
+.md-mathjax-midline {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+}
+
+.md-inline-math script {
+    color: var(--code-color);
+}
+
+.CodeMirror-lines {
+    padding-left: 4px;
+}
+
+.code-tooltip {
+    box-shadow: none;
+    border-radius: var(--border-radius);
+}
+
+#write .code-tooltip {
+    bottom: initial;
+    top: 100%;
+    left: initial;
+    right: -1px;
+    background: var(--bg-color-dark);
+    border: 1px solid var(--dark-trait);
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top: 0;
+    font-family: var(--monospace);
+}
+
+#write .md-mathblock-panel .code-tooltip {
+    right: 0;
+    border: none;
+}
+
+/* TODO */
+#write .md-task-list-item>input {
+    -webkit-appearance: initial;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
+    position: absolute;
+    border: 1px solid var(--text-color);
+    margin-left: -1.45rem;
+    height: 0.95rem;
+    width: 0.95rem;
+    transition: all 0.35s;
+}
+
+#write .md-task-list-item>input:focus {
+    outline: none;
+    box-shadow: none;
+}
+
+#write .md-task-list-item>input[checked] {
+    background: #2eaadc;
+    border: 1px solid #2eaadc;
+    text-decoration: line-through;
+}
+
+#write .md-task-list-item>input[checked]::before {
+    display: inline-block;
+    vertical-align: middle;
+    content: '✓';
+    position: absolute;
+    margin-top: 0.05rem;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    text-align: absolute;
+    color: #ffffff;
+    font-size: 0.75em;
+    font-weight: 750;
+}
+#write .md-task-list-item>input[checked]::after {
+    text-decoration: line-through;
+}
+
+/* TODO */
+
+.md-image>.md-meta {
+    border-radius: var(--border-radius);
+    padding: 2px 0px 0px 4px;
+    font-size: 0.9em;
+    color: inherit;
+}
+
+.md-toc {
+    margin-top: 20px;
+    padding-bottom: 20px;
+}
+
+/* Source mode */
+.CodeMirror.cm-s-typora-default *, .cm-s-typora-default * {
+    background: inherit;
+    color: var(--text-color);
+    font-family: var(--monospace);
+    font-size: var(--font-size) !important;
+    font-style: normal;
+    font-weight: medium;
+}
+
+.CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
+    border-left: 2px solid var(--text-color);
+}
+
+.sidebar-tabs {
+    border-bottom: none;
+}
+
+.outline-expander {
+    width: 1.5rem;
+    vertical-align: initial;
+}
+
+.outline-expander:before, .outline-expander:hover:before, .outline-item-open>.outline-item>.outline-expander:before, .outline-item-open>.outline-item>.outline-expander:hover:before {
+    content: "\f125";
+    transition: transform 125ms ease-in-out;
+}
+
+.outline-item-open>.outline-item>.outline-expander:hover:before, .outline-item-open>.outline-item>.outline-expander:before {
+    transform: rotate(90deg);
+}
+
+.outline-label:hover {
+    text-decoration: none;
+}
+
+#toc-dropmenu {
+    background: var(--bg-color-dark);
+}
+
+#toc-dropmenu .outline-title {
+    font-size: 1rem;
+    text-transform: uppercase;
+}
+
+.dropdown-menu .divider {
+    display: none;
+}
+
+.context-menu {
+    border: none!important;
+    backdrop-filter: saturate(180%) blur(20px) brightness(1.1);
+    background-color: var(--bg-color-dark);
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18)!important;
+}
+
+.file-node-background {
+    height: 31px;
+}
+
+.file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state {
+    visibility: visible;
+}
+
+.file-node-icon {
+    margin-right: 8px;
+}
+
+.file-library-node:not(.file-node-root):focus>.file-node-content {
+    outline: none;
+}
+
+/* New file animation */
+.blink-area {
+    animation: none;
+}
+
+.file-list-item-summary {
+    font-size: var(--font-size);
+    font-family: var(--font-family);
+}
+
+#md-searchpanel input {
+    border-radius: var(--border-radius);
+    box-shadow: none;
+}
+
+#md-searchpanel input:focus {
+    box-shadow: none;
+    border-color: var(--meta-content-color);
+}
+
+#md-searchpanel .search-type-selection {
+    width: auto;
+}
+
+#md-searchpanel .btn:not(.close-btn):hover {
+    box-shadow: none;
+}
+
+
+
+.mac-seamless-mode #typora-sidebar {
+    background-color: var(--side-bar-bg-color);
+}
+
+#md-notification .btn {
+    border: 0;
+}
+
+/* CODE */
+pre.CodeMirror-line {
+    color: #b8babb!important
+}
+
+.cm-variable {
+    color: var(--text-color)!important;
+}
+
+.cm-keyword {
+    color: #d1949e !important
+}
+
+.cm-tag {
+    color: #d1949e!important
+}
+
+.cm-variable-3 {
+    color: #bde052!important;
+}
+
+.cm-bracket, .cm-error {
+    color: #d1949e!important
+}
+
+
+.cm-attribute {
+    color: #d1949e!important;
+	/* font-style: italic!important; */
+}
+
+.cm-def {
+    color: #c2c0c1!important;
+}
+
+.cm-comment {
+    color: #998066!important;
+}
+
+.cm-string {
+    color: #bde052!important;
+    font-variant-ligatures: common-ligatures!important;
+}
+
+.cm-tag:not() {
+    font-weight: 700;
+}
+
+.cm-operator {
+    color: #f5b83d!important;
+}
+
+.cm-number {
+    color: #d1949e!important;
+}
+
+.cm-meta {
+    color: var(--text-color) !important;
+    font-weight: 700!important;
+}
+
+.cm-atom { color: #845dc4; }
+
+
+.cm-builtin {
+    color: #bde052 !important;
+}
+
+.cm-property {
+    color: var(--text-color) !important;
+}
+
+.cm-variable-2 {
+    color: var(--text-color) !important;
+}
+
+.cm-variable-3 {
+    color: #845dc4;
+}
+
+.file-tree-node.active>.file-node-background {
+    background-color: var(--active-file-bg-color);
+    border-left: 0px solid var(--active-file-bg-color)!important;
+    border-color: var(--active-file-bg-color)!important;
+    background-color: var(--active-file-bg-color)!important;
+}
+
+.CodeMirror-gutters {
+    border-right: 1px solid #f1f3f450;
+    background: inherit;
+    white-space: nowrap;
+}
+
+.ty-footer, .sidebar-footer, footer {
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+    border: none!important;
+    background: none;
+    background-color: --bg-color-dark;
+}
+
+.code-tooltip {
+    border-radius: 4px;
+    background-color: #313334;
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .52), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28)!important;
+}
+
+#sidebar-files-menu {
+    border-radius: 4px;
+    border: none!important;
+}
+
+.code-tooltip.md-tooltip-hide.md-hover-tip {
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .52), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28);
+}
+
+#typora-sidebar {
+    border: none !important;
+}
+
+#footer-word-count-info, #spell-check-panel {
+    border: none!important;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85)!important;
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .32), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28)!important;
+}
+
+/* Windows/Linux unibody mode */
+.megamenu-content,
+.megamenu-opened header {
+    color:  var(--primary-color);
+    background: var(--bg-color-dark);
+}
+
+#recent-file-panel-action-btn {
+    background: inherit;
+    border: 1px var(--light-trait-300) solid;
+}
+
+.megamenu-menu-panel table td:nth-child(1) {
+    color: var(--text-color);
+    background: var(--bg-color-dark);
+}
+
+.megamenu-menu-panel table td:nth-child(2) {
+    color: var(--text-color);
+    background: var(--bg-color-dark);
+}
+
+.megamenu-menu-panel tbody tr:hover td:nth-child(1) {
+    color: var(--text-color);
+    background: var( --active-file-bg-color);
+}
+
+.megamenu-menu-panel tbody tr:hover td:nth-child(2) {
+    color: var(--text-color);
+    background: var( --active-file-bg-color);
+}
+
+.megamenu-menu-panel input[type='text'] {
+    background: inherit;
+    border: 1px var(--control-text-color) solid;
+}
+
+#recent-file-panel-action-btn {
+    background: inherit;
+}
+
+.megamenu-menu, .megamenu-content {
+	background: var(--side-bar-bg-color);
+	color: var(--text-color);
+}
+
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
+.megamenu-menu-header #megamenu-menu-header-title:before {
+	color:  var(--text-color);
+}
+
+megamenu-back-btn {
+	color: var(--text-color);
+	border-color: var(--text-color);
+}
+
+.megamenu-menu-header #megamenu-menu-header-title,
+.megamenu-menu-header:hover,
+.megamenu-menu-header:focus {
+	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
+}
\ No newline at end of file
diff --git a/notion-light-enhanced.css b/notion-light-enhanced.css
new file mode 100644
index 0000000..568c0c6
--- /dev/null
+++ b/notion-light-enhanced.css
@@ -0,0 +1,713 @@
+:root {
+    --primary-color: #37352f;
+    --bg-color: #ffffff;
+    --bg-color-dark: #f7f6f3;
+    --dark-trait: #e9e9e7;
+    --light-trait-100: #ecedec;
+    --light-trait-200: #c70000;
+    --light-trait-300: #37352f;
+    --light-trait-400: #f7f6f3;
+    --text-color: #37352f;
+    --text-color-secondary: #73726e;
+    --text-highlight-color: #fff;
+    --text-highlight-bg: rgba(var(--primary-color-rgb), 0.3);
+    --select-text-bg-color: #c0e5f4;
+	--search-select-text-color:#448361;
+    --search-select-bg-color: #edf3ec;
+    --code-color: #9a6e3a;
+    --border-radius: 4px;
+    --font-size: 16px;
+    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+    --monospace: 'SF Mono Medium', 'Fira Code', 'Cousine', 'Consolas', monospace;
+    --heading-char-color: var(--light-trait-400);
+    --color-popover-bg-color: var(--text-color);
+    --rawblock-edit-panel-bd: var(--bg-color-dark);
+    --control-text-color: #72706b;
+    --meta-content-color: var(--primary-color);
+    --primary-btn-border-color: var(--primary-color);
+    --side-bar-bg-color: var(--bg-color-dark);
+    --item-hover-bg-color: #e8e7e4;
+    --active-file-bg-color: #e8e7e4;
+    --active-file-border-color: var(--bg-color);
+    --window-border: 1px solid var(--bg-color);
+    --focus-ring-color: transparent;
+}
+
+html {
+    font-size: var(--font-size);
+}
+
+body {
+    font-family: var(--font-family);
+    -webkit-font-smoothing: antialiased;
+    color: var(--text-color);
+    line-height: 1.6;
+}
+
+code {
+    background-color: #f7f6f3;
+    padding: 0 2px 0 2px;
+}
+
+#write {
+    max-width: 860px;
+    margin: 0 auto;
+    padding: 30px;
+    padding-bottom: 100px;
+}
+
+@media only screen and (min-width: 1400px) {
+    #write {
+        max-width: 1024px;
+    }
+}
+
+@media only screen and (min-width: 1800px) {
+    #write {
+        max-width: 1200px;
+    }
+}
+
+#write>ul:first-child, #write>ol:first-child {
+    margin-top: 30px;
+}
+
+a {
+    color: var(--primary-color);
+}
+
+h1, h2, h3, h4, h5, h6 {
+    position: relative;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    font-weight: 700;
+    line-height: 1.4;
+    cursor: text;
+}
+
+h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
+    text-decoration: none;
+}
+
+h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
+    font-size: inherit;
+}
+
+h1 {
+    padding-bottom: 0.3em;
+    font-size: 2.2em;
+    line-height: 1.3;
+}
+
+h2 {
+    padding-bottom: 0.3em;
+    font-size: 1.75em;
+    line-height: 1.225;
+}
+
+h3 {
+    font-size: 1.4em;
+    line-height: 1.43;
+}
+
+h4 {
+    font-size: 1.2em;
+}
+
+h5 {
+    font-size: 1em;
+}
+
+h6 {
+    font-size: 1em;
+    color: var(--light-trait-300);
+}
+
+p, blockquote, ul, ol, dl, table {
+    margin: 0.8em 0;
+}
+
+li>ol, li>ul {
+    margin: 0 0;
+}
+
+hr {
+    background-color: var(--light-trait-100);
+    height: 1.5px;
+    border: none
+}
+
+a,
+.md-def-url {
+    color: var(--text-color);
+    text-decoration: none;
+    border-bottom:0.05em solid;
+    border-color: #37352f;
+    opacity:0.6;
+    transition: all .1s ease-in; 
+}
+
+a:hover {
+    text-decoration: none;
+    opacity:1;
+}
+
+sup.md-footnote {
+    background-color: var(--light-trait-400);
+    color: #888884;
+}
+
+li p.first {
+    display: inline-block;
+}
+
+ul, ol {
+    padding-left: 30px;
+}
+
+ul:first-child, ol:first-child {
+    margin-top: 0.35%;
+}
+
+ul:last-child, ol:last-child {
+    margin-bottom: 0;
+}
+
+mark, .ty-file-search-match-text, .md-search-hit {
+    background: #fdebec;
+	color: #d44c47;
+}
+
+mark {
+    border-radius: 4px;
+    color: #402c1b;
+    font-weight: inherit;
+    background-color: #fdecc8;
+    padding-left: 4px;
+    padding-right: 4px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    margin-left: 2px;
+    margin-right: 2px;
+}
+
+.md-search-hit * {
+    color: var(--search-select-text-color);
+}
+
+/* Search highlight */
+.cm-search-hit.CodeMirror-selectedtext, .md-search-hit.md-search-select, .md-search-select {
+    outline: 0px solid var(--search-select-text-color);
+}
+
+.outline-item.select, .ty-search-item-line.select, .ty-search-item.select {
+    outline-width: 2px;
+}
+
+.outline-item.select {
+    outline-offset: 0px;
+}
+
+blockquote {
+    margin-left: 1.75px;
+    margin-right: 0px;
+    border-left: 4px solid var(--text-color);
+    padding: 10px 14px 7px 22px;
+    /* change the quote highlight */
+    background-color: #f7f7f7;
+}
+
+blockquote blockquote {
+    padding-right: 0;
+}
+
+/* Alternating color rows in table*/
+table tr:nth-child(2n) {
+    background-color: #f7f7f7;
+  }
+
+table tr:nth-child(2n + 1) {
+    background-color: #fdfdfd;
+}
+/* Alternating color rows in table*/
+
+table {
+    padding: 0;
+    word-break: initial;
+}
+
+table tr {
+    border-top: 1px solid var(--dark-trait);
+    margin: 0;
+    padding: 0;
+}
+
+table tr th {
+    font-weight: bold;
+    border: 1px solid var(--dark-trait);
+    border-bottom: 0;
+    margin: 0;
+    padding: 6px 13px;
+}
+
+table tr td {
+    border: 1px solid var(--dark-trait);
+    margin: 0;
+    padding: 6px 13px;
+}
+
+table tr th:first-child, table tr td:first-child {
+    margin-top: 0;
+}
+
+table tr th:last-child, table tr td:last-child {
+    margin-bottom: 0;
+}
+
+
+kbd {
+    font-size: 0.875rem;
+    background: var(--bg-color-dark);
+    border: 1px solid var(--dark-trait);
+    box-shadow: 0 2px 0 var(--dark-trait);
+    color: var(--text-color-secondary);
+}
+
+.md-fences, code, tt {
+    border: none;
+    background-color: #f7f6f3;
+    border-radius: var(--border-radius);
+    padding: 2px 4px 0px 4px;
+    font-size: 0.975em;
+    font-weight: medium;
+    font-family: var(--monospace)
+}
+.md-fences {
+    margin-bottom: 15px;
+    margin-top: 15px;
+    padding-top: 8px;
+    padding-bottom: 6px;
+}
+
+#write pre.md-meta-block {
+    padding: 1rem;
+    font-size: 85%;
+    line-height: 1.45;
+    background-color: var(--bg-color-dark);
+    border: 0;
+    border-radius: var(--border-radius);
+    color: var(--text-color-secondary);
+    margin-top: 0 !important;
+}
+
+#write .mathjax-block .md-rawblock-tooltip {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+}
+
+#write .mathjax-block .md-math-container {
+    border-top-left-radius: var(--border-radius);
+    border-bottom-right-radius: var(--border-radius);
+    border-bottom-left-radius: var(--border-radius);
+}
+
+#write .md-mathblock-panel .md-rawblock-control:first-of-type {
+    border-top-left-radius: var(--border-radius);
+}
+
+.md-mathjax-midline {
+    background-color: var(--bg-color);
+    color: var(--text-color);
+}
+
+.md-inline-math script {
+    color: var(--code-color);
+}
+
+.CodeMirror-lines {
+    padding-left: 4px;
+}
+
+.code-tooltip {
+    box-shadow: none;
+    border-radius: var(--border-radius);
+}
+
+#write .code-tooltip {
+    bottom: initial;
+    top: 100%;
+    left: initial;
+    right: -1px;
+    background: var(--bg-color-dark);
+    border: 1px solid var(--dark-trait);
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top: 0;
+    font-family: var(--monospace);
+}
+
+#write .md-mathblock-panel .code-tooltip {
+    right: 0;
+    border: none;
+}
+
+/* TODO */
+#write .md-task-list-item>input {
+    -webkit-appearance: initial;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
+    position: absolute;
+    border: 1px solid var(--text-color);
+    /* border-radius: 100%; */
+    margin-left: -1.45rem;
+    height: 0.95rem;
+    width: 0.95rem;
+    transition: all 0.35s;
+}
+
+#write .md-task-list-item>input:focus {
+    outline: none;
+    box-shadow: none;
+}
+
+#write .md-task-list-item>input[checked] {
+    background: #2eaadc;
+    border: 1px solid #2eaadc;
+    text-decoration: line-through;
+}
+
+#write .md-task-list-item>input[checked]::before {
+    display: inline-block;
+    vertical-align: middle;
+    content: '✓';
+    position: absolute;
+    margin-top: 0.05rem;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    text-align: absolute;
+    color: var(--bg-color);
+    font-size: 0.75em;
+    font-weight: 760;
+}
+
+#write .md-task-list-item>input[checked]::after {
+    text-decoration: line-through;
+}
+
+/* TODO */
+.md-image>.md-meta {
+    border-radius: var(--border-radius);
+    padding: 2px 0px 0px 4px;
+    font-size: 0.9em;
+    color: inherit;
+}
+
+.md-toc {
+    margin-top: 20px;
+    padding-bottom: 20px;
+}
+
+/* Source mode */
+.CodeMirror.cm-s-typora-default *, .cm-s-typora-default * {
+    background: inherit;
+    color: var(--text-color);
+    font-family: var(--monospace);
+    font-size: var(--font-size) !important;
+    font-style: normal;
+    font-weight: medium;
+}
+
+.CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
+    border-left: 2px solid var(--text-color);
+}
+
+.sidebar-tabs {
+    border-bottom: none;
+}
+
+.outline-expander {
+    width: 1.5rem;
+    vertical-align: initial;
+}
+
+.outline-expander:before, .outline-expander:hover:before, .outline-item-open>.outline-item>.outline-expander:before, .outline-item-open>.outline-item>.outline-expander:hover:before {
+    content: "\f125";
+    transition: transform 125ms ease-in-out;
+}
+
+.outline-item-open>.outline-item>.outline-expander:hover:before, .outline-item-open>.outline-item>.outline-expander:before {
+    transform: rotate(90deg);
+}
+
+.outline-label:hover {
+    text-decoration: none;
+}
+
+#toc-dropmenu {
+    background: var(--bg-color-dark);
+}
+
+#toc-dropmenu .outline-title {
+    font-size: 1rem;
+    text-transform: uppercase;
+}
+
+.dropdown-menu .divider {
+    display: none;
+}
+
+.context-menu {
+    border: none!important;
+    backdrop-filter: saturate(180%) blur(20px) brightness(1.1);
+    background-color: var(--bg-color-dark);
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18)!important;
+}
+
+.file-node-background {
+    height: 31px;
+}
+
+.file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state {
+    visibility: visible;
+}
+
+.file-node-icon {
+    margin-right: 8px;
+}
+
+.file-library-node:not(.file-node-root):focus>.file-node-content {
+    outline: none;
+}
+
+/* New file animation */
+.blink-area {
+    animation: none;
+}
+
+.file-list-item-summary {
+    font-size: var(--font-size);
+    font-family: var(--font-family);
+}
+
+#md-searchpanel input {
+    border-radius: var(--border-radius);
+    box-shadow: none;
+}
+
+#md-searchpanel input:focus {
+    box-shadow: none;
+    border-color: var(--meta-content-color);
+}
+
+#md-searchpanel .search-type-selection {
+    width: auto;
+}
+
+#md-searchpanel .btn:not(.close-btn):hover {
+    box-shadow: none;
+}
+
+.mac-seamless-mode #typora-sidebar {
+    background-color: var(--side-bar-bg-color);
+}
+
+#md-notification .btn {
+    border: 0;
+}
+
+/* CODE HIGHLIGHT */
+pre.CodeMirror-line {
+    color: #999999!important
+}
+
+.cm-variable {
+    color: #37352f!important;
+}
+
+.cm-keyword {
+    color: #0277aa !important
+}
+
+.cm-tag {
+    color: #ff5a5a!important
+}
+
+.cm-variable-3 {
+    color: #48ff00!important;
+}
+
+.cm-bracket, .cm-error {
+    color: #ff5a5a!important
+}
+
+.cm-attribute {
+    color: #0277aa!important;
+}
+
+.cm-def {
+    color: #dc4a68!important;
+}
+
+.cm-comment {
+    color: #708090!important;
+}
+
+.cm-string {
+    color: #669900!important;
+    font-variant-ligatures: common-ligatures!important;
+}
+
+.cm-tag:not() {
+    font-weight: 700;
+}
+
+.cm-operator {
+    color: #9a6e3b!important;
+}
+
+.cm-number {
+    color: #990055!important;
+}
+
+.cm-meta {
+    color: var(--text-color) !important;
+    font-weight: 700!important;
+}
+
+.cm-atom { color: #845dc4; }
+
+.cm-builtin {
+    color: #669900 !important;
+}
+
+.cm-property {
+    color: var(--text-color) !important;
+}
+
+.cm-variable-2 {
+    color: var(--text-color) !important;
+}
+
+.cm-variable-3 {
+    color: #845dc4;
+}
+
+/* CODE HIGHLIGHT */
+.file-tree-node.active>.file-node-background {
+    background-color: var(--active-file-bg-color);
+    border-left: 0px solid #dad9d6!important;
+    border-color: #dad9d6!important;
+    background-color: #e8e7e4!important;
+}
+
+.CodeMirror-gutters {
+    border-right: 1px solid #f1f3f450;
+    background: inherit;
+    white-space: nowrap;
+}
+
+.ty-footer, .sidebar-footer, footer {
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85);
+    border: none!important;
+    background: none;
+    background-color: #f7f6f3;
+}
+
+.code-tooltip {
+    border-radius: 4px;
+    background-color: #313334;
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .52), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28)!important;
+}
+
+#sidebar-files-menu {
+    border-radius: 4px;
+    border: none!important;
+    box-shadow: 0 25.6px 57.6px 0 #f7f6f3, 0 4.8px 14.4px 0 rgba(0, 0, 0, .28);
+}
+
+.code-tooltip.md-tooltip-hide.md-hover-tip {
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .52), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28);
+}
+
+#typora-sidebar {
+    border: none !important;
+}
+
+#footer-word-count-info, #spell-check-panel {
+    border: none!important;
+    backdrop-filter: saturate(120%) blur(20px) brightness(0.85)!important;
+    box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .32), 0 4.8px 14.4px 0 rgba(0, 0, 0, .28)!important;
+}
+
+/* Windows/Linux unibody mode */
+.megamenu-content,
+.megamenu-opened header {
+    color:  var(--primary-color);
+    background: var(--bg-color-dark);
+}
+
+#recent-file-panel-action-btn {
+    background: inherit;
+    border: 1px var(--light-trait-300) solid;
+}
+
+.megamenu-menu-panel table td:nth-child(1) {
+    color: var(--text-color);
+    background: var(--bg-color-dark);
+}
+
+.megamenu-menu-panel table td:nth-child(2) {
+    color: var(--text-color);
+    background: var(--bg-color-dark);
+}
+
+.megamenu-menu-panel tbody tr:hover td:nth-child(1) {
+    color: var(--text-color);
+    background: var( --active-file-bg-color);
+}
+
+.megamenu-menu-panel tbody tr:hover td:nth-child(2) {
+    color: var(--text-color);
+    background: var( --active-file-bg-color);
+}
+
+.megamenu-menu-panel input[type='text'] {
+    background: inherit;
+    border: 1px var(--control-text-color) solid;
+}
+
+#recent-file-panel-action-btn {
+    background: inherit;
+}
+
+.megamenu-menu, .megamenu-content {
+	background: var(--side-bar-bg-color);
+	color: var(--text-color);
+}
+
+#top-titlebar, #top-titlebar * {
+    background: inherit;
+	color: var(--text-color);
+}
+
+.megamenu-menu-header #megamenu-menu-header-title:before {
+	color:  var(--text-color);
+}
+
+megamenu-back-btn {
+	color: var(--text-color);
+	border-color: var(--text-color);
+}
+
+.megamenu-menu-header #megamenu-menu-header-title,
+.megamenu-menu-header:hover,
+.megamenu-menu-header:focus {
+	color: inherit;
+}
+
+.megamenu-menu-panel table tr:nth-child(2n + 1) {
+    background-color:  var(--side-bar-bg-color);
+}
\ No newline at end of file
diff --git a/resume.css b/resume.css
deleted file mode 100644
index 624ee97..0000000
--- a/resume.css
+++ /dev/null
@@ -1,461 +0,0 @@
-/* for resume  <-- */
-#write {
-    padding-top: 0px !important;
-    padding-bottom: 20px !important;
-}
-
-content {
-    margin-top: 0px !important;
-    padding-top: 0px !important;
-}
-
-a {
-    color: #000;
-}
-
-h1,
-h2 {
-    border-bottom: 1px solid #eee !important;
-    margin-bottom: 3px !important;
-    padding-bottom: 3px !important;
-}
-
-h2 img {
-    width: 16px !important;
-}
-
-h2 {
-    font-size: 17px !important;
-}
-
-p {
-    margin-bottom: 2px !important;
-    margin-top: 2px !important;
-}
-
-ul {
-    margin-top: 2px !important;
-    margin-bottom: 2px !important;
-}
-
-li p {
-    margin-bottom: 0px !important;
-}
-
-li.md-list-item {
-    line-height: 20px !important;
-}
-
-a {
-    color: #555 !important;
-}
-
-/* for resume --> */
-
-:root {
-    --side-bar-bg-color: #fafafa;
-    --control-text-color: #777;
-}
-
-@include-when-export url(https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);
-
-@font-face {
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: normal;
-    src: local('Open Sans Regular'), url('./github/400.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'Open Sans';
-    font-style: italic;
-    font-weight: normal;
-    src: local('Open Sans Italic'), url('./github/400i.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: bold;
-    src: local('Open Sans Bold'), url('./github/700.woff') format('woff');
-}
-
-@font-face {
-    font-family: 'Open Sans';
-    font-style: italic;
-    font-weight: bold;
-    src: local('Open Sans Bold Italic'), url('./github/700i.woff') format('woff');
-}
-
-html {
-    font-size: 16px;
-}
-
-body {
-    font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: rgb(51, 51, 51);
-    line-height: 1.6;
-}
-
-#write {
-    max-width: 860px;
-    margin: 0 auto;
-    padding: 30px;
-    padding-bottom: 100px;
-}
-
-#write>ul:first-child,
-#write>ol:first-child {
-    margin-top: 30px;
-}
-
-a {
-    color: #4183C4;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    position: relative;
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    font-weight: bold;
-    line-height: 1.4;
-    cursor: text;
-}
-
-h1:hover a.anchor,
-h2:hover a.anchor,
-h3:hover a.anchor,
-h4:hover a.anchor,
-h5:hover a.anchor,
-h6:hover a.anchor {
-    text-decoration: none;
-}
-
-h1 tt,
-h1 code {
-    font-size: inherit;
-}
-
-h2 tt,
-h2 code {
-    font-size: inherit;
-}
-
-h3 tt,
-h3 code {
-    font-size: inherit;
-}
-
-h4 tt,
-h4 code {
-    font-size: inherit;
-}
-
-h5 tt,
-h5 code {
-    font-size: inherit;
-}
-
-h6 tt,
-h6 code {
-    font-size: inherit;
-}
-
-h1 {
-    padding-bottom: .3em;
-    font-size: 2.25em;
-    line-height: 1.2;
-    border-bottom: 1px solid #eee;
-}
-
-h2 {
-    padding-bottom: .3em;
-    font-size: 1.75em;
-    line-height: 1.225;
-    border-bottom: 1px solid #eee;
-}
-
-h3 {
-    font-size: 1.5em;
-    line-height: 1.43;
-}
-
-h4 {
-    font-size: 1.25em;
-}
-
-h5 {
-    font-size: 1em;
-}
-
-h6 {
-    font-size: 1em;
-    color: #777;
-}
-
-p,
-blockquote,
-ul,
-ol,
-dl,
-table {
-    margin: 0.8em 0;
-}
-
-li>ol,
-li>ul {
-    margin: 0 0;
-}
-
-hr {
-    height: 2px;
-    padding: 0;
-    margin: 16px 0;
-    background-color: #e7e7e7;
-    border: 0 none;
-    overflow: hidden;
-    box-sizing: content-box;
-}
-
-li p.first {
-    display: inline-block;
-}
-
-ul,
-ol {
-    padding-left: 30px;
-}
-
-ul:first-child,
-ol:first-child {
-    margin-top: 0;
-}
-
-ul:last-child,
-ol:last-child {
-    margin-bottom: 0;
-}
-
-blockquote {
-    border-left: 4px solid #dfe2e5;
-    padding: 0 15px;
-    color: #777777;
-}
-
-blockquote blockquote {
-    padding-right: 0;
-}
-
-table {
-    padding: 0;
-    word-break: initial;
-}
-
-table tr {
-    border-top: 1px solid #dfe2e5;
-    margin: 0;
-    padding: 0;
-}
-
-table tr:nth-child(2n),
-thead {
-    background-color: #f8f8f8;
-}
-
-table tr th {
-    font-weight: bold;
-    border: 1px solid #dfe2e5;
-    border-bottom: 0;
-    text-align: left;
-    margin: 0;
-    padding: 6px 13px;
-}
-
-table tr td {
-    border: 1px solid #dfe2e5;
-    text-align: left;
-    margin: 0;
-    padding: 6px 13px;
-}
-
-table tr th:first-child,
-table tr td:first-child {
-    margin-top: 0;
-}
-
-table tr th:last-child,
-table tr td:last-child {
-    margin-bottom: 0;
-}
-
-.CodeMirror-lines {
-    padding-left: 4px;
-}
-
-.code-tooltip {
-    box-shadow: 0 1px 1px 0 rgba(0, 28, 36, .3);
-    border-top: 1px solid #eef2f2;
-}
-
-.md-fences,
-code,
-tt {
-    border: 1px solid #e7eaed;
-    background-color: #f8f8f8;
-    border-radius: 3px;
-    padding: 0;
-    padding: 2px 4px 0px 4px;
-    font-size: 0.9em;
-}
-
-code {
-    background-color: #f3f4f4;
-    padding: 0 2px 0 2px;
-}
-
-.md-fences {
-    margin-bottom: 15px;
-    margin-top: 15px;
-    padding-top: 8px;
-    padding-bottom: 6px;
-}
-
-
-.md-task-list-item>input {
-    margin-left: -1.3em;
-}
-
-@media print {
-    html {
-        font-size: 13px;
-    }
-
-    table,
-    pre {
-        page-break-inside: avoid;
-    }
-
-    pre {
-        word-wrap: break-word;
-    }
-}
-
-.md-fences {
-    background-color: #f8f8f8;
-}
-
-#write pre.md-meta-block {
-    padding: 1rem;
-    font-size: 85%;
-    line-height: 1.45;
-    background-color: #f7f7f7;
-    border: 0;
-    border-radius: 3px;
-    color: #777777;
-    margin-top: 0 !important;
-}
-
-.mathjax-block>.code-tooltip {
-    bottom: .375rem;
-}
-
-.md-mathjax-midline {
-    background: #fafafa;
-}
-
-#write>h3.md-focus:before {
-    left: -1.5625rem;
-    top: .375rem;
-}
-
-#write>h4.md-focus:before {
-    left: -1.5625rem;
-    top: .285714286rem;
-}
-
-#write>h5.md-focus:before {
-    left: -1.5625rem;
-    top: .285714286rem;
-}
-
-#write>h6.md-focus:before {
-    left: -1.5625rem;
-    top: .285714286rem;
-}
-
-.md-image>.md-meta {
-    /*border: 1px solid #ddd;*/
-    border-radius: 3px;
-    padding: 2px 0px 0px 4px;
-    font-size: 0.9em;
-    color: inherit;
-}
-
-.md-tag {
-    color: #a7a7a7;
-    opacity: 1;
-}
-
-.md-toc {
-    margin-top: 20px;
-    padding-bottom: 20px;
-}
-
-.sidebar-tabs {
-    border-bottom: none;
-}
-
-#typora-quick-open {
-    border: 1px solid #ddd;
-    background-color: #f8f8f8;
-}
-
-#typora-quick-open-item {
-    background-color: #FAFAFA;
-    border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
-    border-style: solid;
-    border-width: 1px;
-}
-
-/** focus mode */
-.on-focus-mode blockquote {
-    border-left-color: rgba(85, 85, 85, 0.12);
-}
-
-header,
-.context-menu,
-.megamenu-content,
-footer {
-    font-family: "Segoe UI", "Arial", sans-serif;
-}
-
-.file-node-content:hover .file-node-icon,
-.file-node-content:hover .file-node-open-state {
-    visibility: visible;
-}
-
-.mac-seamless-mode #typora-sidebar {
-    background-color: #fafafa;
-    background-color: var(--side-bar-bg-color);
-}
-
-.md-lang {
-    color: #b4654d;
-}
-
-.html-for-mac .context-menu {
-    --item-hover-bg-color: #E6F0FE;
-}
-
-#md-notification .btn {
-    border: 0;
-}
-
-.dropdown-menu .divider {
-    border-color: #e5e5e5;
-}
\ No newline at end of file