diff --git a/InvenTree/InvenTree/static/css/color-themes/dark-reader.css b/InvenTree/InvenTree/static/css/color-themes/dark-reader.css
index 7cfe578cf5..bdfd549b96 100644
--- a/InvenTree/InvenTree/static/css/color-themes/dark-reader.css
+++ b/InvenTree/InvenTree/static/css/color-themes/dark-reader.css
@@ -1,5 +1,3 @@
-/* Color Theme: "Dark Reader" (Autogenerated) */
-
 /*
                         _______
                        /       \
@@ -62,9 +60,6 @@ select:-webkit-autofill {
 ::-webkit-scrollbar-corner {
     background-color: #181a1b;
 }
-* {
-    scrollbar-color: #202324 #454a4d;
-}
 ::selection {
     background-color: #004daa !important;
     color: #e8e6e3 !important;
@@ -75,24 +70,14 @@ select:-webkit-autofill {
 }
 
 /* Invert Style */
-.jfk-bubble.gtx-bubble {
+.jfk-bubble.gtx-bubble, .captcheck_answer_label > input + img, span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"], span[data-href^="https://www.hcaptcha.com/"] > #icon {
     filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
 }
 
-/* Override Style */
-.vimvixen-hint {
-    background-color: #7b5300 !important;
-    border-color: #d8b013 !important;
-    color: #f3e8c8 !important;
-}
-::placeholder {
-    opacity: 0.5 !important;
-}
-
 /* Variables Style */
 :root {
-   --darkreader-neutral-background: #181a1b;
-   --darkreader-neutral-text: #e8e6e3;
+   --darkreader-neutral-background: #131516;
+   --darkreader-neutral-text: #d8d4cf;
    --darkreader-selection-background: #004daa;
    --darkreader-selection-text: #e8e6e3;
 }
@@ -125,10 +110,10 @@ select:-webkit-autofill {
     color: rgb(232, 230, 227);
 }
 .treegrid-expander-expanded {
-    background-image: url("http://127.0.0.1:8000/static/treegrid/img/collapse.png");
+    background-image: url("/static/treegrid/img/collapse.png");
 }
 .treegrid-expander-collapsed {
-    background-image: url("http://127.0.0.1:8000/static/treegrid/img/expand.png");
+    background-image: url("/static/treegrid/img/expand.png");
 }
 a {
     background-color: transparent;
@@ -2582,6 +2567,378 @@ button.close {
 .toggle-off {
     border-color: initial;
 }
+.fc-unselectable {
+    -webkit-tap-highlight-color: rgba(232, 230, 227, 0);
+}
+.fc a[data-navlink]:hover {
+    text-decoration-color: initial;
+}
+.fc-theme-standard td,
+.fc-theme-standard th {
+    border-color: rgb(58, 62, 65);
+}
+.fc .fc-button:focus {
+    outline-color: rgb(186, 123, 0);
+}
+.fc .fc-button {
+    background-color: transparent;
+    border-color: transparent;
+}
+.fc .fc-button:hover {
+    text-decoration-color: initial;
+}
+.fc .fc-button:focus {
+    outline-color: initial;
+    box-shadow: rgba(35, 50, 64, 0.25) 0px 0px 0px 0.2rem;
+}
+.fc .fc-button-primary {
+    color: rgb(232, 230, 227);
+    background-color: rgb(35, 50, 64);
+    border-color: rgb(77, 109, 141);
+}
+.fc .fc-button-primary:hover {
+    color: rgb(232, 230, 227);
+    background-color: rgb(24, 34, 44);
+    border-color: rgb(128, 119, 105);
+}
+.fc .fc-button-primary:disabled {
+    color: rgb(232, 230, 227);
+    background-color: rgb(35, 50, 64);
+    border-color: rgb(77, 109, 141);
+}
+.fc .fc-button-primary:focus {
+    box-shadow: rgba(61, 73, 85, 0.5) 0px 0px 0px 0.2rem;
+}
+.fc .fc-button-primary:not(:disabled):active,
+.fc .fc-button-primary:not(:disabled).fc-button-active {
+    color: rgb(232, 230, 227);
+    background-color: rgb(21, 30, 38);
+    border-color: rgb(130, 121, 107);
+}
+.fc .fc-button-primary:not(:disabled):active:focus,
+.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
+    box-shadow: rgba(61, 73, 85, 0.5) 0px 0px 0px 0.2rem;
+}
+.fc-theme-standard .fc-scrollgrid {
+    border-color: rgb(58, 62, 65);
+}
+.fc .fc-scrollgrid-section-sticky > * {
+    background-image: initial;
+    background-color: rgb(24, 26, 27);
+}
+.fc .fc-non-business {
+    background-image: initial;
+    background-color: rgba(47, 50, 52, 0.3);
+}
+.fc .fc-bg-event {
+    background-image: initial;
+    background-color: rgb(60, 116, 30);
+}
+.fc .fc-highlight {
+    background-image: initial;
+    background-color: rgba(17, 71, 82, 0.3);
+}
+.fc .fc-cell-shaded,
+.fc .fc-day-disabled {
+    background-image: initial;
+    background-color: rgba(51, 55, 57, 0.3);
+}
+a.fc-event,
+a.fc-event:hover {
+    text-decoration-color: initial;
+}
+.fc-event-dragging.fc-event-selected {
+    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 7px;
+}
+.fc-event-selected .fc-event-resizer {
+    border-color: inherit;
+    background-image: initial;
+    background-color: rgb(24, 26, 27);
+}
+.fc-event-selected {
+    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
+}
+.fc-event-selected::after {
+    background-image: initial;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+.fc-h-event {
+    border-color: rgb(28, 87, 145);
+    background-color: rgb(32, 98, 163);
+}
+.fc-h-event .fc-event-main {
+    color: rgb(232, 230, 227);
+}
+.fc .fc-popover {
+    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px;
+}
+.fc-theme-standard .fc-popover {
+    border-color: rgb(58, 62, 65);
+    background-image: initial;
+    background-color: rgb(24, 26, 27);
+}
+.fc-theme-standard .fc-popover-header {
+    background-image: initial;
+    background-color: rgba(51, 55, 57, 0.3);
+}
+.fc .fc-daygrid-day.fc-day-today {
+    background-color: rgba(180, 151, 0, 0.15);
+}
+.fc .fc-daygrid-week-number {
+    background-color: rgba(51, 55, 57, 0.3);
+    color: rgb(152, 143, 129);
+}
+.fc-daygrid-dot-event:hover,
+.fc-daygrid-dot-event.fc-event-mirror {
+    background-image: initial;
+    background-color: rgba(0, 0, 0, 0.1);
+}
+.fc-daygrid-event-dot {
+    border-color: rgb(28, 87, 145);
+}
+.fc-v-event {
+    border-color: rgb(28, 87, 145);
+    background-color: rgb(32, 98, 163);
+}
+.fc-v-event .fc-event-main {
+    color: rgb(232, 230, 227);
+}
+.fc .fc-timegrid-slot {
+    border-bottom-color: initial;
+}
+.fc .fc-timegrid-col.fc-day-today {
+    background-color: rgba(180, 151, 0, 0.15);
+}
+.fc-timegrid-event-harness-inset .fc-timegrid-event,
+.fc-timegrid-event.fc-event-mirror {
+    box-shadow: rgb(24, 26, 27) 0px 0px 0px 1px;
+}
+.fc .fc-timegrid-now-indicator-line {
+    border-color: rgb(179, 0, 0);
+}
+.fc .fc-timegrid-now-indicator-arrow {
+    border-color: rgb(179, 0, 0);
+}
+.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
+    border-top-color: transparent;
+    border-bottom-color: transparent;
+}
+.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
+    border-top-color: transparent;
+    border-bottom-color: transparent;
+}
+.fc-theme-standard .fc-list {
+    border-color: rgb(58, 62, 65);
+}
+.fc .fc-list-empty {
+    background-color: rgba(51, 55, 57, 0.3);
+}
+.fc .fc-list-table tr > * {
+    border-left-color: initial;
+    border-right-color: initial;
+}
+.fc .fc-list-sticky .fc-list-day > * {
+    background-image: initial;
+    background-color: rgb(24, 26, 27);
+}
+.fc-theme-standard .fc-list-day-cushion {
+    background-color: rgba(51, 55, 57, 0.3);
+}
+.fc .fc-list-event:hover td {
+    background-color: rgb(30, 32, 33);
+}
+.fc .fc-list-event-dot {
+    border-color: rgb(28, 87, 145);
+}
+.fc .fc-list-event-title a {
+    color: inherit;
+    text-decoration-color: initial;
+}
+.fc .fc-list-event.fc-event-forced-url:hover a {
+    text-decoration-color: initial;
+}
+.fc-theme-bootstrap a:not([href]) {
+    color: inherit;
+}
+.ui-helper-hidden-accessible {
+    border-color: initial;
+}
+.ui-helper-reset {
+    border-color: initial;
+    outline-color: initial;
+    text-decoration-color: initial;
+    list-style-image: initial;
+}
+.ui-widget.ui-widget-content {
+    border-color: rgb(64, 70, 72);
+}
+.ui-widget-content {
+    border-color: rgb(58, 62, 65);
+    background-image: initial;
+    background-color: rgb(24, 26, 27);
+    color: rgb(200, 195, 188);
+}
+.ui-widget-content a {
+    color: rgb(200, 195, 188);
+}
+.ui-widget-header {
+    border-color: rgb(58, 62, 65);
+    background-image: initial;
+    background-color: rgb(36, 39, 41);
+    color: rgb(200, 195, 188);
+}
+.ui-widget-header a {
+    color: rgb(200, 195, 188);
+}
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default,
+.ui-button,
+html .ui-button.ui-state-disabled:hover,
+html .ui-button.ui-state-disabled:active {
+    border-color: rgb(64, 70, 72);
+    background-image: initial;
+    background-color: rgb(29, 32, 33);
+    color: rgb(188, 183, 174);
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited,
+a.ui-button,
+a:link.ui-button,
+a:visited.ui-button,
+.ui-button {
+    color: rgb(188, 183, 174);
+    text-decoration-color: initial;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus,
+.ui-button:hover,
+.ui-button:focus {
+    border-color: rgb(62, 68, 70);
+    background-image: initial;
+    background-color: rgb(34, 37, 38);
+    color: rgb(205, 200, 194);
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited,
+a.ui-button:hover,
+a.ui-button:focus {
+    color: rgb(205, 200, 194);
+    text-decoration-color: initial;
+}
+.ui-visual-focus {
+    box-shadow: rgb(35, 90, 137) 0px 0px 3px 1px;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+a.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover {
+    border-color: rgb(0, 43, 179);
+    background-image: initial;
+    background-color: rgb(0, 102, 204);
+    color: rgb(232, 230, 227);
+}
+.ui-icon-background,
+.ui-state-active .ui-icon-background {
+    border-color: rgb(0, 43, 179);
+    background-color: rgb(24, 26, 27);
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+    color: rgb(232, 230, 227);
+    text-decoration-color: initial;
+}
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+    border-color: rgb(131, 127, 30);
+    background-image: initial;
+    background-color: rgb(118, 112, 0);
+    color: rgb(222, 221, 132);
+}
+.ui-state-checked {
+    border-color: rgb(131, 127, 30);
+    background-image: initial;
+    background-color: rgb(118, 112, 0);
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+    color: rgb(222, 221, 132);
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+    border-color: rgb(120, 34, 17);
+    background-image: initial;
+    background-color: rgb(67, 4, 4);
+    color: rgb(182, 176, 166);
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+    color: rgb(182, 176, 166);
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+    color: rgb(182, 176, 166);
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+    background-image: none;
+}
+.ui-state-active .ui-icon,
+.ui-button:active .ui-icon {
+    background-image: url("/static/script/jquery-ui/images/ui-icons_ffffff_256x240.png");
+}
+.ui-state-highlight .ui-icon,
+.ui-button .ui-state-highlight.ui-icon {
+    background-image: url("/static/script/jquery-ui/images/ui-icons_777620_256x240.png");
+}
+.ui-button .ui-icon {
+    background-image: url("/static/script/jquery-ui/images/ui-icons_777777_256x240.png");
+}
+.ui-widget-overlay {
+    background-image: initial;
+    background-color: rgb(72, 78, 81);
+}
+.ui-widget-shadow {
+    box-shadow: rgb(77, 83, 86) 0px 0px 5px;
+}
+.login-screen {
+    background-image: url("/static/img/paper_splash.jpg");
+    color: rgb(221, 218, 214);
+}
+.login-container {
+    background-color: rgba(38, 41, 42, 0.75);
+}
+.login-container input {
+    background-color: rgba(27, 29, 30, 0.9);
+}
+.login-button {
+    background-color: rgba(27, 29, 30, 0.9);
+    color: rgb(200, 195, 188);
+    border-color: rgb(72, 78, 81);
+}
+.index-action-selected {
+    background-color: rgb(32, 34, 36);
+}
 .markdownx .row {
     border-color: rgb(31, 31, 92);
 }
@@ -2610,7 +2967,7 @@ button.close {
 .progress-value {
     color: rgb(200, 195, 188);
 }
-.navbar-barcode-li {
+#navbar-barcode-li {
     border-left-color: initial;
     border-right-color: initial;
 }
@@ -2698,6 +3055,9 @@ button.close {
 .rowinvalid {
     color: rgb(255, 85, 85);
 }
+.rowinherited {
+    background-color: rgb(34, 36, 38);
+}
 .filter-list {
     background-image: initial;
     background-color: rgb(34, 36, 38);
@@ -2741,8 +3101,14 @@ button.close {
 .badge-alert {
     background-color: rgb(173, 0, 0);
 }
+.badge-orange {
+    background-color: rgb(202, 149, 2);
+}
+.badge-green {
+    background-color: rgb(14, 136, 14);
+}
 .part-thumb {
-    border-color: rgb(72, 78, 81); 
+    border-color: rgb(58, 62, 65); 
 }
 input[type="submit"] {
     color: rgb(200, 195, 188);
@@ -2755,6 +3121,10 @@ input[type="submit"] {
 .sidenav {
     background-color: rgb(24, 26, 27);
 }
+.sidenav .list-group-item.active {
+    background-color: rgb(43, 47, 49);
+    border-color: rgb(62, 68, 70);
+}
 .help-inline {
     color: rgb(238, 90, 90);
 }
@@ -2770,6 +3140,9 @@ input[type="submit"] {
 .panel-heading {
     background-color: rgb(27, 29, 30);
 }
+.panel-inventree {
+    box-shadow: rgb(43, 47, 49) 1px 1px;
+}
 .warning-msg {
     color: rgb(255, 37, 37);
 }
@@ -2791,3 +3164,16 @@ input[type="submit"] {
 .node-part-tree:not(.node-disabled):hover {
     background-color: rgb(30, 32, 33);
 }
+
+/* Override Style */
+.vimvixen-hint {
+    background-color: #7b5300 !important;
+    border-color: #d8b013 !important;
+    color: #f3e8c8 !important;
+}
+::placeholder {
+    opacity: 0.5 !important;
+}
+a[href="https://coinmarketcap.com/"] > svg[width="94"][height="16"] > path {
+    fill: var(--darkreader-neutral-text) !important;
+}
diff --git a/InvenTree/stock/templates/stock/item_base.html b/InvenTree/stock/templates/stock/item_base.html
index d80ab0b8c7..5a09480c40 100644
--- a/InvenTree/stock/templates/stock/item_base.html
+++ b/InvenTree/stock/templates/stock/item_base.html
@@ -389,18 +389,17 @@ enableNavbar({
 });
 
 loadTree("{% url 'api-stock-tree' %}",
-        "#stock-tree",
-        {
-            name: 'stock',
-        }
-    );
+    "#stock-tree",
+    {
+        name: 'stock',
+    }
+);
 
-    $("#toggle-stock-tree").click(function() {
-        toggleSideNav("#sidenav-left");
-        return false;
-    })
-
-    initSideNav();
+initNavTree({
+    label: 'stock',
+    treeId: '#sidenav-left',
+    toggleId: '#toggle-stock-tree',
+});
 
 $("#stock-serialize").click(function() {
     launchModalForm(