OctoTree Dark - Catppucin (pls combine with GH Catppucin style) by riotrah

/* ==UserStyle==
@name           OctoTree Dark - Catppucin
@namespace      USO Archive
@author         Dominic Canare, Rayat Rahman
@description    `Dark mode for OctoTree. Looks good with Catppucin`
@version        20200422.4.32
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("github.com") {
  .octotree-views {

    background-color: var(--color-canvas-default, hsl(240, 21%, 15%)) !important;


    /*
        background: hsl(240, 21%, 15%)
          
    background-color: #1e1e2e !important;  */
  }

  .octotree-sidebar {
    border-right: 2px solid #444 !important;
  }

  .octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-view .octotree-view-header {
    background-color: var(--color-page-header-bg, hsl(240, 21%, 15%)) !important;
  }

  .octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-view.octotree-tree-view .octotree-view-header .octotree-header-repo a,
  .octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-view.octotree-tree-view .octotree-view-header .octotree-header-repo a:hover {

    color: var(--color-accent-fg) !important;
  }

  .octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-view.octotree-tree-view .jstree-default .jstree-container-ul {
    padding: 20px 0;
  }

  .octotree-sidebar.octotree-github-sidebar .jstree-container-ul > .jstree-node {
    padding: 2px 0;
    color: var(--color-fg-muted) !important;
  }

  .octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-view.octotree-tree-view .jstree-anchor div {
    color: #ccc;
    color: var(--color-fg-muted) !important;
  }

  .octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-view.octotree-tree-view .jstree-anchor:hover > div,
  .jstree-icon.jstree-ocl,
  .octotree-sidebar.octotree-github-sidebar .octotree-views .octotree-view.octotree-tree-view .jstree-node.jstree-leaf:hover .jstree-icon.blob::before {
    color: #fff !important;
    color: var(--color-accent-fg) !important;
  }

  .jstree-wholerow.jstree-wholerow-hovered {
    background: #944 !important;
    background: var(--color-accent-muted, var(--color-accent-fg)) !important;
  }

  .octotree-footer {
    display: none !important;
  }
}