My dark theme

[Alumniminium]

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../../../custom/fonts/raleway.woff2') format('woff2');
}

@font-face {
  font-family: 'Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../../../custom/fonts/garamond.woff2') format('woff2');
}

:root {
    --theme-style: light;
    
    --main-font-family: 'Raleway';
    --main-font-size: normal;
    
    --tree-font-family: 'Raleway';
    --tree-font-size: normal;
    
    --detail-font-family: 'Raleway';
    --detail-font-size: normal;
    
    --monospace-font-family: 'Monospace';
    --monospace-font-size: normal;

    --main-border-color: #AFB8C6;
    
    --accented-background-color: #383C4A;
    --more-accented-background-color: #2F343F;
    
    --button-disabled-background-color: #404552;
    --button-border-color: #333;
    --button-text-color: #AFB8C6;
    --button-border-radius: 2px;
    
    --primary-button-background-color: #6c757d;
    --primary-button-text-color: white;
    --primary-button-border-color: #6c757d;
    
    --input-text-color: #AFB8C6;
    --input-background-color: #404552;
    
    --hover-item-text-color: white;
    --hover-item-background-color: #4877B1;
        
    --active-item-text-color: white;
    --active-item-background-color: #ff1a40;
    
    --menu-text-color: #AFB8C6;
    --menu-background-color: #383C4A;
    
    --modal-background-color: #404552;
    --modal-backdrop-color: black;
    
    --left-pane-background-color: #0a1029;
    --button-background-color: #0a1029;
    --launcher-pane-background-color: #0a1029;
    --main-background-color: #0b1128;
    
    --main-text-color: #AFB8C6;
    --left-pane-text-color: #AFB8C6;
    --launcher-pane-text-color: #AFB8C6;
    --muted-text-color: #86919F;

    --active-tab-background-color: #ff1a40;
    --active-tab-text-color: #AFB8C6;

    --inactive-tab-background-color: #404552;
    --inactive-tab-text-color: #AFB8C6;
    
    --scrollbar-border-color: rgba(0, 0, 0, 0);
    --tooltip-background-color: #383C4A;
    --link-color: rgb(79, 231, 201);
    
    --mermaid-theme: forest;
}
body .note-list.grid-view, body .note-book-card
{
    max-height: 100%;
}
body .global-menu-button {
    background-image: url("../../../images/icon-grey.png");
}

body .note-detail, body .note-detail {
    font-size: 90%; 
}

body .note-detail > div > div > p > i
{
      color: #4361ee;
}
body .note-detail > div > div > p > b
{
      text-decoration-color: #B15DFF;
      color: rgb(18, 60, 53);
}
body .note-detail > div > div > h3
{
      color: #17fc95;
      font-size: 95%;
      text-decoration-color: #17fc95;
}
body .note-detail > div > div > h2
{
      color: #17fc95;
      font-size: 125%;
      text-decoration-color: #17fc95;
}
body .note-detail > div > div > h1
{
      color: #17fc95;
      font-size: 150%;
      text-decoration-color: #17fc95;
}

body .CodeMirror {
    filter: invert(100%) hue-rotate(180deg);
}

Fonts: (just import them in the betterdark.css note)
fonts.zip

[madodig]

Nice theme!

Icon seems missing, try replacing:
background-image: url("../../../images/icon-grey.png");
with
background-image: url("/assets/vx/images/icon-grey.png");
or even better with
background-image: url("/assets/vx/images/icon-grey.svg");