使用Stylus之类浏览器插件导入即可

flomo-dark-mode.css

 :root {
     --yellow: #ca9f5e;
     --bg-card: #3e3e48;
     --base: #333340;
     --txt: #d9d9d9;
     --border: #5d5d5d;
     --green: #55bb8e;
 }

 .body {
     height: 101% !important;
 }
 .memos {
     padding: 0!important;
     border-radius: 8px!important;
     margin: 10px 22px 10px 20px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     height:auto !important;
 }
 .memo .card:hover {
     box-shadow: none!important;
 }
 .memo .card {
     border-radius: 0px;
     padding: 18px;
     border-width: 0 0 1px !important;
     margin: auto 12px;
 }
 .submit-btn {
     border: none;
     padding: 12px 28px;
     border-radius: 5px;
 }
 .thread {
     margin: 0!important;
     padding: 20px 10px!important;
     z-index:9999;
 }
 .input {
     z-index: 2000;
     background: #333340;
     /*     position: relative; */
/*      transform: translateY(45px); */
     position: sticky;
     top:0;
     /*     bottom:80px; */
     /*     width:100%; */
/*      transition: all ease-out .135s; */
 }
 .editor-content {
     padding: 18px 18px 2px !important;
 }
 .input .editor-content,
 .input div.editor-menu-bar {
     background: #d3ecdd;
     transition: all ease-out .235s;
 }
 .input .submit-btn {
     display: none;
 }
/*  .input:hover .submit-btn {
     display: inherit;
 } */
/*  .input:hover {
     transform: translateY(0);
 } */
/*  .input:hover .input-box {
     border-radius: 8px 8px 0 0 !important;
 }
 .input:hover .editor-content,
 .input:hover .editor-menu-bar {
     background: white !important;
 } */



 @media (prefers-color-scheme: dark) {


     html,
     body {
         background: var(--base);
         color: var(--txt);
     }

     /*       stat grid */
     .stat .day:not(.light_green):not(.dark_green):not(.green) {
         background: #9d9d9d!important;
     }
     .today {
         box-shadow: 0 0 5px 3px #55cb6f;
     }
     /*       side tags */
     .tags li > div:hover {
         background: initial!important;
         border: solid 2px var(--border);
         border-radius: 5px;
     }
     .tags li.selected > div {
         background: initial!important;
         border: solid 2px var(--border);
         color: var(--txt)!important;
     }
     /*       loading anim */
     .el-loading-fade-enter-active,
     .el-loading-fade-enter-to {
         background: var(--base)!important;
     }
     .el-loading-fade-leave-active,
     .el-loading-fade-leave-to {
         background: var(--bg-card)!important;
     }
     .tools-popover {
         background: var(--base);
     }
     .tools-popover span {
         color: var(--txt);
     }
     .popper__arrow:after {
         border-bottom-color: var(--base)!important;
     }
     .memos .memo {
         border-radius: 8px !important;
     }
     div.card {
         background: var(--bg-card)!important;
         color: var(--txt)!important;
         border-radius: 8px !important;
     }
     div.card:hover {
         box-shadow: none !important;
     }
     .content {
         color: var(--txt)!important;
     }
     span.tag {
         color: var(--yellow) !important;
         background-color: #2c2c2c !important;
     }
     span.tag:hover {
         filter: drop-shadow(1px 1px 2px var(--yellow))!important;
         background-color: #333333!important;
     }

     .search {
         box-shadow: 2px 2px 5px #222230!important;
         border-radius: 5px;
     }
     .search input {
         background: var(--base)!important;
         color: var(--txt)!important;
         border-color: var(--border)!important;
         border-width: 2px!important;
     }
     .edit .editor-content,
     .edit .editor-menu-bar,
     .thread .editor-content,
     .thread .editor-menu-bar {
         background: var(--base)!important;
         color: var(--txt)!important;
     }
     /* bottom input box */
     .input .editor-content,
     .input .editor-menu-bar {
         background: #3e3e48!important;
         color: var(--txt)!important;
     }
     .input:hover .editor-content,
     .input:hover .editor-menu-bar {
         background: var(--base) !important;
     }
     .input-box {
         background: none !important;
         border-color: var(--border)!important;
     }
     .cancel-btn:hover {
         background: var(--border);
         color: var(--txt);
     }
     .cancel-btn {
         padding: 12px 18px;
         background: var(--bg-card);
         color: var(--txt);
         top: 1px;
         border: none;
     }
     .submit-btn {
         background: #3b8b68!important;
     }
     /*       drawer */
     .thread {
         background: #333!important;
     }
 }