diff --git a/src-ui/src/app/app.component.ts b/src-ui/src/app/app.component.ts
index 84c173a18..9cd9fb3ec 100644
--- a/src-ui/src/app/app.component.ts
+++ b/src-ui/src/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { AppViewService } from './services/app-view.service';
 
 @Component({
   selector: 'app-root',
@@ -6,8 +7,9 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-  
-  constructor () {
+
+  constructor (appViewService: AppViewService) {
+    appViewService.updateDarkModeSettings()
   }
 
 
diff --git a/src-ui/src/app/components/app-frame/app-frame.component.html b/src-ui/src/app/components/app-frame/app-frame.component.html
index d191ec0de..6fd2a579e 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.html
+++ b/src-ui/src/app/components/app-frame/app-frame.component.html
@@ -1,6 +1,8 @@
 <nav class="navbar navbar-dark sticky-top bg-primary flex-md-nowrap p-0 shadow">
   <a class="navbar-brand col-md-3 col-lg-2 mr-0 px-3" routerLink="/dashboard">
-    <img src="assets/logo-dark-notext.svg" height="18px" class="mr-2">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 198.43 238.91" width="16px" class="mr-2" fill="currentColor">
+      <path d="M194.7,0C164.22,70.94,17.64,79.74,64.55,194.06c.58,1.47-10.85,17-18.47,29.9-1.76-6.45-3.81-13.48-3.52-14.07,38.11-45.14-27.26-70.65-30.78-107.58C-4.64,131.62-10.5,182.92,39,212.53c.3,0,2.64,11.14,3.81,16.71a58.55,58.55,0,0,0-2.93,6.45c-1.17,2.93,7.62,2.64,7.62,3.22.88-.29,21.7-36.93,22.28-37.23C187.67,174.72,208.48,68.6,194.7,0ZM134.61,74.75C79.5,124,70.12,160.64,71.88,178.53,53.41,134.85,107.64,86.77,134.61,74.75ZM28.2,145.11c10.55,9.67,28.14,39.28,13.19,56.57C44.91,193.77,46.08,175.89,28.2,145.11Z" transform="translate(0 0)"/>
+    </svg>
     <ng-container i18n="app title">Paperless-ng</ng-container>
   </a>
   <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse"
diff --git a/src-ui/src/app/components/dashboard/dashboard.component.html b/src-ui/src/app/components/dashboard/dashboard.component.html
index 5b76dd242..50bd44a4e 100644
--- a/src-ui/src/app/components/dashboard/dashboard.component.html
+++ b/src-ui/src/app/components/dashboard/dashboard.component.html
@@ -1,5 +1,8 @@
 <app-page-header title="Dashboard" [subTitle]="subtitle" i18n-title>
-  <img src="assets/logo.svg" height="80" class="m-2 d-none d-md-block">
+  <svg class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2897.4 896.64" height="100%" width="auto">
+    <path class="leaf" d="M730.71,0C616.3,266.24,66.21,299.25,242.24,728.31c2.2,5.5-40.71,63.81-69.31,112.22-6.6-24.21-14.3-50.61-13.2-52.81C302.75,618.29,57.41,522.58,44.21,384-17.4,494-39.4,686.5,146.53,797.62c1.1,0,9.9,41.81,14.3,62.71-4.4,8.8-8.8,17.6-11,24.2-4.4,11,28.6,9.91,28.6,12.11,3.3-1.1,81.41-138.63,83.61-139.73C704.31,655.7,782.42,257.44,730.71,0ZM105.82,544.58C145.43,580.89,211.44,692,155.33,756.91,168.53,727.21,172.93,660.1,105.82,544.58ZM269.74,670C200.43,506.08,404,325.65,505.18,280.54,298.35,465.37,263.14,602.89,269.74,670Z" transform="translate(0)" style="fill:#17541f"/>
+    <path class="text" style="fill:#000" d="M1169.27,231.44q.7,17.06.71,38.73t-.71,38a112,112,0,0,1-6.76,38A100.16,100.16,0,0,1,1142.25,380a93.87,93.87,0,0,1-33.76,23.46q-20.25,8.54-46.56,8.53h-36.25V597.5q0,9.94,2.85,14.57c1.89,3.08,3.79,4.86,5.68,5.33a10.54,10.54,0,0,0,9.24,0v18.48h-86V617.4q5.68,2.13,8.53,0,3.56-.71,7.1-5.33t3.56-14.57V166q0-10.66-3.56-15.28t-7.1-6q-2.85-1.42-8.53,0V127.66h104.48q26.31,0,46.56,8.53a93.75,93.75,0,0,1,33.76,23.46,101,101,0,0,1,20.26,33.4A111.05,111.05,0,0,1,1169.27,231.44ZM1118.8,215.8q0-18.48-6-32t-14.22-21.32a74.68,74.68,0,0,0-17.06-12.44q-8.88-4.62-15.28-4.62h-40.52V392.79h40.52q6.39,0,15.28-3.56t17.06-12.44a86,86,0,0,0,14.22-21.67q6-12.8,6-32Zm337.63,389.52a27.35,27.35,0,0,1-2.85,11.72,40.58,40.58,0,0,1-8.17,11.38,54.8,54.8,0,0,1-13.5,9.59,40.07,40.07,0,0,1-18.84,4.27,60,60,0,0,1-30.57-7.82q-13.5-7.82-18.48-20.61a56.12,56.12,0,0,1-6.39-16.35q-9.24,19.18-28.08,32a72.42,72.42,0,0,1-41.58,12.8q-28.44,0-49.76-20.61-12.07-10.67-19.9-27.73t-9.24-39.09q-.71-2.13-.71-8.53v-.71a124.43,124.43,0,0,1,4.26-25.23,113.22,113.22,0,0,1,11-26.3,149.46,149.46,0,0,1,17.77-24.88,128.6,128.6,0,0,1,22.39-20.26,17.39,17.39,0,0,0,4.62-3.2,28.53,28.53,0,0,1,5.33-3.91l2.13-1.06,2.14-1.07q12.8-7.81,22.39-14.22t17.41-12.08a97.25,97.25,0,0,0,8.53-6.4c2.84-2.37,5.93-4.73,9.24-7.1a79.43,79.43,0,0,0,12.09-10,36.51,36.51,0,0,0,8.53-13.5q4.26-7.11,4.26-17.06a67.74,67.74,0,0,0-2.13-17.77,49.09,49.09,0,0,0-14.57-27q-11.73-11.37-26-14.93a38.26,38.26,0,0,0-12.08-2.13q-19.9,0-34.12,7.11-9.24,4.26-13.51,9.59t-4.62,10a10.73,10.73,0,0,0,1.78,7.46,12.91,12.91,0,0,0,5.69,4.26,6,6,0,0,0,1.78.71,6.28,6.28,0,0,1,1.77.72,32.21,32.21,0,0,1,15.28,12.43,34,34,0,0,1,6,19.55,32.78,32.78,0,0,1-32.7,32.7,33.53,33.53,0,0,1-24.17-9.6,30.94,30.94,0,0,1-10-23.1,106.83,106.83,0,0,1,3.2-25.23,84.65,84.65,0,0,1,9.6-23.81q13.5-19.91,32.34-28.79a96.24,96.24,0,0,1,41.58-8.89,93.82,93.82,0,0,1,33.76,6.4,96.18,96.18,0,0,1,29.86,18.13,103.38,103.38,0,0,1,22,28.07q8.88,16.35,8.88,37.68v209q0,12.79.36,16.7t.36,5.34h0q0,9.24,5.68,14.92a18.45,18.45,0,0,0,13.51,5.69q9.24,0,14.92-5.33a20.62,20.62,0,0,0,6.4-13.86Zm-111.6-17.77a52.58,52.58,0,0,0,6.76-21.33q1.07-11.37,1.06-21.32V413.4a63.92,63.92,0,0,1-6,5.33,74,74,0,0,0-6.75,6q-20.62,14.93-35.19,27.37a164.06,164.06,0,0,0-24.52,25.59,113,113,0,0,0-15.64,28.07,121,121,0,0,0-7.11,34.12v10.67q.72,27,14.58,42.29t39.44,15.28a38.56,38.56,0,0,0,20.62-5.69q9.24-6.39,12.79-14.92Zm244.52-304.23q40.51.72,64.68,24.53t24.17,75.7V542.77q0,51.88-24.17,75.34T1589.35,643h-2.13a80.27,80.27,0,0,1-22-2.84h-.71a.63.63,0,0,1-.71-.71,91.74,91.74,0,0,1-28.43-15.64l-6.76-6.76-5.33-7.46v118q0,10,2.85,14.58c1.89,3.08,3.79,5.09,5.68,6a10.54,10.54,0,0,0,9.24,0V766h-86V748.19q5.68,2.13,8.53,0,3.56-1.43,6.75-6t3.2-14.58V326.68q0-9.94-3.2-14.57t-6.75-6q-2.85-1.43-8.53,0V289h68.23v27.72a68.68,68.68,0,0,1,12.09-14.21,75.62,75.62,0,0,1,28.43-15.64.63.63,0,0,1,.71-.71h.71a90.55,90.55,0,0,1,22-2.85Zm35.54,84.59v-.71q-.72-36.26-8.89-51.18t-26.65-16.35a63.12,63.12,0,0,0-24.17,3.2,48,48,0,0,0-19.9,13.15q-8.54,9.24-14.22,24.88t-7.82,37V548.45q2.13,22,7.82,37.32t14.22,24.17a53.23,53.23,0,0,0,19.9,13.15,58.92,58.92,0,0,0,24.17,3.55q18.48-1.42,26.65-16.35t8.89-51.18V367.91Zm179.83-84.59a105.36,105.36,0,0,1,33.41,5.69,86.38,86.38,0,0,1,30.56,17.77,88.06,88.06,0,0,1,21.68,30.57q8.18,18.48,8.18,44.06v90.28H1757.1V544.9q0,44.07,15.28,62.9t38,18.13a113.94,113.94,0,0,0,26.65-4.62,54.83,54.83,0,0,0,22.75-13.15q9.59-9.24,16-26.3t6.4-44.78h16.35V547a153.56,153.56,0,0,1-4.27,36.61A72,72,0,0,1,1852,634.1q-16.71,7.47-40.87,8.18a102.25,102.25,0,0,1-34.83-6.4,96,96,0,0,1-32-19.19,108.91,108.91,0,0,1-23.45-30.21q-9.24-17.41-9.25-39.45v-16.7s-.11-9.12-.35-27.37-.36-29.5-.36-33.76-.11-16-.35-35.19-.36-29.49-.36-30.92v-21q0-25.59,8.89-44.43t22-30.56A90.72,90.72,0,0,1,1771,289.37a98.55,98.55,0,0,1,33.76-6.05Zm46.2,169.89V397.05q0-27-3.55-45.13t-9.6-29.15q-6-11-14.57-15.28a42.36,42.36,0,0,0-19.19-4.26q-22.76,0-34.48,19.9t-11.72,73.92v56.16Zm279.35-113.73a42.31,42.31,0,0,0,.71,5.68,17.92,17.92,0,0,1,0,7.11q-.72,14.93-10.31,24.52a33,33,0,0,1-46.91-.35,33.52,33.52,0,0,1-9.6-24.17q0-17.76,13.51-27a8.33,8.33,0,0,0,1.77-1.06l1.07-1.07a16.22,16.22,0,0,0,6.4-10.31q1.41-6.75-8.53-11.73a26.26,26.26,0,0,0-12.8-3.55q-21.32-1.43-37.67,12.8t-22,49.75V597.5q0,9.94,2.84,14.57t5.69,5.33a10.54,10.54,0,0,0,9.24,0v18.48h-86V617.4q5.68,2.13,8.53,0,3.55-.71,7.11-5.33t3.55-14.57V326.68q0-9.94-3.55-14.57t-7.11-6q-2.85-1.43-8.53,0V288.3h68.24v29.14q5-7.81,9.95-14.57a48.44,48.44,0,0,1,11.72-11.37,59.79,59.79,0,0,1,15.64-7.46q8.89-2.85,22.39-2.85,20.61,0,38.39,14.93t26.3,43.36Zm95.95,258q0,9.94,3.2,14.57c2.13,3.08,4.15,4.86,6,5.33q3.55,2.13,9.24,0v18.48h-86V617.4q5.68,2.13,10,0,2.13-.71,5.69-5.33t3.55-14.57V166.75q0-10.65-3.55-15.28a28.82,28.82,0,0,0-5.69-6q-4.26-2.13-10,0V128.37h67.52V597.5Zm154.25-314.18a105.25,105.25,0,0,1,33.4,5.69,86.33,86.33,0,0,1,30.57,17.77,88.19,88.19,0,0,1,21.68,30.57q8.18,18.48,8.17,44.06v90.28H2332.84V544.9q0,44.07,15.29,62.9t38,18.13a113.93,113.93,0,0,0,26.66-4.62,54.79,54.79,0,0,0,22.74-13.15q9.6-9.24,16-26.3t6.39-44.78h16.35V547a153.56,153.56,0,0,1-4.26,36.61,72,72,0,0,1-42.29,50.46q-16.71,7.47-40.88,8.18a102.24,102.24,0,0,1-34.82-6.4,96,96,0,0,1-32-19.19,108.94,108.94,0,0,1-23.46-30.21q-9.24-17.41-9.24-39.45v-16.7s-.12-9.12-.35-27.37-.36-29.5-.36-33.76-.12-16-.35-35.19-.36-29.49-.36-30.92v-21q0-25.59,8.89-44.43t22-30.56a90.78,90.78,0,0,1,29.85-17.77,98.6,98.6,0,0,1,33.77-6.05Zm46.2,169.89V397.05q0-27-3.56-45.13t-9.59-29.15q-6-11-14.57-15.28a42.39,42.39,0,0,0-19.19-4.26q-22.76,0-34.48,19.9t-11.73,73.92v56.16Zm213.24,178.41c-.48.47-.83.71-1.07.71s-.59.23-1.06.71l-.71.71c-1,.47-2,1-3.2,1.42s-2.25,1-3.2,1.42q-14.93,6.4-34.83,6.4a48.79,48.79,0,0,1-22-5.33q-10.65-5.34-18.48-8.89t-13.15-3.2q-5.33.36-5.33,10.31h-13.5V550.59h17.06q-1.43,22.74,5,39.09,4.27,14.22,16.71,26.65t37.31,12.44q16.35,0,27-5.68,18.48-9.24,25.24-22A45.92,45.92,0,0,0,2657,574.4q-1.42-13.86-10.31-27.37A126,126,0,0,0,2625,522.15q-8.52-6.39-17.77-13.5t-18.48-14.93q-24.87-19.91-39.45-35.89T2526.89,428a98.76,98.76,0,0,1-10.66-26.3,119.09,119.09,0,0,1-2.84-26.65,106,106,0,0,1,1.06-15.64q1.07-7.11,2.49-12.79a102.69,102.69,0,0,1,7.11-23.46,63,63,0,0,1,14.21-20.26A73.7,73.7,0,0,1,2561,288.3q13.5-5.69,32.7-5.69a53.27,53.27,0,0,1,21.32,4.62q10.66,4.62,19.19,8.53t13.51,3.56q5-.36,5-11h13.51v88.14h-18.48q.7-21.33-5-38.38a67,67,0,0,0-17.41-27Q2612.89,299,2588.73,299q-19.18,0-31.27,8.53-6.4,5-11,14.57a55.84,55.84,0,0,0-5.33,21,66.08,66.08,0,0,0,3.55,24.52q4.26,13.15,17.06,24.53a21.32,21.32,0,0,0,3.91,4.26,26.5,26.5,0,0,0,5.33,3.56,23,23,0,0,1,3.56,2.84l2.84,2.84q7.82,6.41,16,12.8t16.71,12.79a449.06,449.06,0,0,1,33.05,30.92,276.13,276.13,0,0,1,22,25.94,104.57,104.57,0,0,1,13.15,22.75,69,69,0,0,1,5,20.61q7.11,32.7-2.49,55.09t-24.52,35.19h-.71a1.26,1.26,0,0,1-1.43,1.42,11,11,0,0,1-2.84,2.13l-4.26,2.84-4.27,2.13v.72a3.1,3.1,0,0,0-1.42.35,3.12,3.12,0,0,1-1.42.36Zm211.11,0c-.48.47-.83.71-1.07.71s-.59.23-1.07.71l-.71.71c-.94.47-2,1-3.2,1.42s-2.25,1-3.19,1.42Q2826.84,643,2807,643a48.76,48.76,0,0,1-22-5.33q-10.66-5.34-18.48-8.89t-13.15-3.2q-5.33.36-5.33,10.31h-13.51V550.59h17.06q-1.41,22.74,5,39.09,4.26,14.22,16.7,26.65t37.32,12.44q16.35,0,27-5.68,18.48-9.24,25.23-22a45.93,45.93,0,0,0,5.34-26.65q-1.42-13.86-10.31-27.37a126,126,0,0,0-21.68-24.88q-8.53-6.39-17.77-13.5t-18.48-14.93q-24.89-19.91-39.45-35.89T2738,428a98.76,98.76,0,0,1-10.66-26.3,119.08,119.08,0,0,1-2.85-26.65,105.9,105.9,0,0,1,1.07-15.64q1.07-7.11,2.49-12.79a102.69,102.69,0,0,1,7.11-23.46,62.83,62.83,0,0,1,14.21-20.26,73.58,73.58,0,0,1,22.75-14.57q13.5-5.69,32.69-5.69a53.28,53.28,0,0,1,21.33,4.62q10.67,4.62,19.19,8.53t13.5,3.56q5-.36,5-11h13.51v88.14h-18.49q.72-21.33-5-38.38a67,67,0,0,0-17.42-27Q2824,299,2799.84,299q-19.2,0-31.28,8.53-6.39,5-11,14.57a56,56,0,0,0-5.34,21,66.3,66.3,0,0,0,3.56,24.52q4.26,13.15,17.06,24.53a21.32,21.32,0,0,0,3.91,4.26,26.22,26.22,0,0,0,5.33,3.56,22.83,22.83,0,0,1,3.55,2.84l2.85,2.84q7.82,6.41,16,12.8t16.7,12.79a445,445,0,0,1,33.05,30.92,274.85,274.85,0,0,1,22,25.94,105,105,0,0,1,13.15,22.75,68.69,68.69,0,0,1,5,20.61q7.11,32.7-2.48,55.09t-24.53,35.19h-.71a1.26,1.26,0,0,1-1.42,1.42,11.2,11.2,0,0,1-2.84,2.13l-4.27,2.84-4.26,2.13v.72a3.1,3.1,0,0,0-1.42.35,3.15,3.15,0,0,1-1.42.36Z" transform="translate(0)"/>
+  </svg>
 </app-page-header>
 
 <div class='row'>
diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
index c1757eb35..56047fc1e 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.html
@@ -1,7 +1,7 @@
-<div class="card mb-3 bg-light shadow-sm" [class.card-selected]="selected" [class.document-card]="selectable">
+<div class="card mb-3 shadow-sm" [class.card-selected]="selected" [class.document-card]="selectable">
   <div class="row no-gutters">
-    <div class="col-md-2 d-none d-lg-block doc-img-background" [class.doc-img-background-selected]="selected">
-      <img [src]="getThumbUrl()" class="card-img doc-img border-right" (click)="setSelected(selectable ? !selected : false)">
+    <div class="col-md-2 d-none d-lg-block doc-img-background rounded-left" [class.doc-img-background-selected]="selected">
+      <img [src]="getThumbUrl()" class="card-img doc-img border-right rounded-left" (click)="setSelected(selectable ? !selected : false)">
 
       <div style="top: 0; left: 0" class="position-absolute border-right border-bottom bg-light p-1" [class.document-card-check]="!selected">
         <div class="custom-control custom-checkbox">
@@ -12,7 +12,7 @@
 
     </div>
     <div class="col">
-      <div class="card-body">
+      <div class="card-body bg-light">
 
         <div class="d-flex justify-content-between align-items-center">
           <h5 class="card-title">
@@ -55,16 +55,16 @@
                 <path fill-rule="evenodd" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
               </svg>&nbsp;<ng-container i18n>Download</ng-container>
             </a>
-            
+
           </div>
 
           <small class="text-muted ml-auto" i18n>Score:</small>
 
           <ngb-progressbar *ngIf="searchScore" [type]="searchScoreClass" [value]="searchScore" class="search-score-bar mx-2" [max]="1"></ngb-progressbar>
-          
+
           <small class="text-muted" i18n>Created: {{document.created | date}}</small>
         </div>
-        
+
       </div>
     </div>
   </div>
diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
index eb744d2af..0b1604d90 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.scss
@@ -30,10 +30,6 @@
   border-color: $primary;
 }
 
-.doc-img-background {
-  background-color: white;
-}
-
 .doc-img-background-selected {
   background-color: $primaryFaded;
-}
\ No newline at end of file
+}
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
index f6128e077..83ba8c274 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
@@ -1,7 +1,7 @@
 <div class="col p-2 h-100">
   <div class="card h-100 shadow-sm document-card" [class.card-selected]="selected">
-    <div class="border-bottom" [class.doc-img-background-selected]="selected">
-      <img class="card-img doc-img" [src]="getThumbUrl()" (click)="setSelected(!selected)">
+    <div class="border-bottom doc-img-container" [class.doc-img-background-selected]="selected">
+      <img class="card-img doc-img rounded-top" [src]="getThumbUrl()" (click)="setSelected(!selected)">
 
       <div class="border-right border-bottom bg-light p-1 rounded document-card-check">
         <div class="custom-control custom-checkbox">
diff --git a/src-ui/src/app/components/manage/settings/settings.component.html b/src-ui/src/app/components/manage/settings/settings.component.html
index 1f5374dba..93c7c98b4 100644
--- a/src-ui/src/app/components/manage/settings/settings.component.html
+++ b/src-ui/src/app/components/manage/settings/settings.component.html
@@ -10,30 +10,45 @@
       <a ngbNavLink i18n>General settings</a>
       <ng-template ngbNavContent>
 
-        <h4 i18n>Document list</h4>
-        
+        <h4 i18n>Appearance</h4>
+
         <div class="form-row form-group">
           <div class="col-md-3 col-form-label">
             <span i18n>Items per page</span>
           </div>
           <div class="col">
-        
+
             <select class="form-control" formControlName="documentListItemPerPage">
               <option [ngValue]="10">10</option>
               <option [ngValue]="25">25</option>
               <option [ngValue]="50">50</option>
               <option [ngValue]="100">100</option>
             </select>
-        
-          </div>
 
-  
+          </div>
         </div>
 
-        <h4 i18n>Bulk editing</h4>
+        <div class="form-row form-group">
+          <div class="col-md-3 col-form-label">
+            <span i18n>Dark mode</span>
+          </div>
+          <div class="col">
+            <app-input-check i18n-title title="Use system settings" formControlName="darkModeUseSystem" (change)="toggleDarkModeSetting()"></app-input-check>
+            <div class="custom-control custom-switch" *ngIf="!settingsForm.value.darkModeUseSystem">
+              <input type="checkbox" class="custom-control-input" id="darkModeEnabled" formControlName="darkModeEnabled" [checked]="settingsForm.value.darkModeEnabled">
+              <label class="custom-control-label" for="darkModeEnabled">Enabled</label>
+            </div>
+          </div>
+        </div>
 
-        <app-input-check i18n-title title="Show confirmation dialogs" formControlName="bulkEditConfirmationDialogs" i18n-hint hint="Deleting documents will always ask for confirmation."></app-input-check>
-        <app-input-check i18n-title title="Apply on close" formControlName="bulkEditApplyOnClose"></app-input-check>
+        <h4 class="mt-4" i18n>Bulk editing</h4>
+
+        <div class="form-row form-group">
+          <div class="offset-md-3 col">
+            <app-input-check i18n-title title="Show confirmation dialogs" formControlName="bulkEditConfirmationDialogs" i18n-hint hint="Deleting documents will always ask for confirmation."></app-input-check>
+            <app-input-check i18n-title title="Apply on close" formControlName="bulkEditApplyOnClose"></app-input-check>
+          </div>
+        </div>
 
       </ng-template>
     </li>
@@ -42,7 +57,7 @@
       <ng-template ngbNavContent>
 
         <div formGroupName="savedViews">
-          
+
             <div *ngFor="let view of savedViews" [formGroupName]="view.id" class="form-row">
               <div class="form-group col-4 mr-3">
                 <label for="name_{{view.id}}" i18n>Name</label>
@@ -68,7 +83,7 @@
             </div>
 
             <div *ngIf="savedViews.length == 0" i18n>No saved views defined.</div>
-          
+
         </div>
 
       </ng-template>
@@ -78,4 +93,4 @@
   <div [ngbNavOutlet]="nav" class="border-left border-right border-bottom p-3 mb-3 shadow"></div>
 
   <button type="submit" class="btn btn-primary">Save</button>
-</form>
\ No newline at end of file
+</form>
diff --git a/src-ui/src/app/components/manage/settings/settings.component.ts b/src-ui/src/app/components/manage/settings/settings.component.ts
index c26c63384..df3015e21 100644
--- a/src-ui/src/app/components/manage/settings/settings.component.ts
+++ b/src-ui/src/app/components/manage/settings/settings.component.ts
@@ -1,10 +1,11 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Renderer2  } from '@angular/core';
 import { FormControl, FormGroup } from '@angular/forms';
 import { PaperlessSavedView } from 'src/app/data/paperless-saved-view';
 import { DocumentListViewService } from 'src/app/services/document-list-view.service';
 import { SavedViewService } from 'src/app/services/rest/saved-view.service';
 import { SettingsService, SETTINGS_KEYS } from 'src/app/services/settings.service';
 import { ToastService } from 'src/app/services/toast.service';
+import { AppViewService } from 'src/app/services/app-view.service';
 
 @Component({
   selector: 'app-settings',
@@ -19,18 +20,21 @@ export class SettingsComponent implements OnInit {
     'bulkEditConfirmationDialogs': new FormControl(this.settings.get(SETTINGS_KEYS.BULK_EDIT_CONFIRMATION_DIALOGS)),
     'bulkEditApplyOnClose': new FormControl(this.settings.get(SETTINGS_KEYS.BULK_EDIT_APPLY_ON_CLOSE)),
     'documentListItemPerPage': new FormControl(this.settings.get(SETTINGS_KEYS.DOCUMENT_LIST_SIZE)),
+    'darkModeUseSystem': new FormControl(this.settings.get(SETTINGS_KEYS.DARK_MODE_USE_SYSTEM)),
+    'darkModeEnabled': new FormControl(this.settings.get(SETTINGS_KEYS.DARK_MODE_ENABLED)),
     'savedViews': this.savedViewGroup
   })
 
+  savedViews: PaperlessSavedView[]
+
   constructor(
     public savedViewService: SavedViewService,
     private documentListViewService: DocumentListViewService,
     private toastService: ToastService,
-    private settings: SettingsService
+    private settings: SettingsService,
+    private appViewService: AppViewService
   ) { }
 
-  savedViews: PaperlessSavedView[]
-
   ngOnInit() {
     this.savedViewService.listAll().subscribe(r => {
       this.savedViews = r.results
@@ -53,11 +57,22 @@ export class SettingsComponent implements OnInit {
     })
   }
 
+  toggleDarkModeSetting() {
+    if (this.settingsForm.value.darkModeUseSystem) {
+      (this.settingsForm.controls.darkModeEnabled as FormControl).disable()
+    } else {
+      (this.settingsForm.controls.darkModeEnabled as FormControl).enable()
+    }
+  }
+
   private saveLocalSettings() {
     this.settings.set(SETTINGS_KEYS.BULK_EDIT_APPLY_ON_CLOSE, this.settingsForm.value.bulkEditApplyOnClose)
     this.settings.set(SETTINGS_KEYS.BULK_EDIT_CONFIRMATION_DIALOGS, this.settingsForm.value.bulkEditConfirmationDialogs)
     this.settings.set(SETTINGS_KEYS.DOCUMENT_LIST_SIZE, this.settingsForm.value.documentListItemPerPage)
+    this.settings.set(SETTINGS_KEYS.DARK_MODE_USE_SYSTEM, this.settingsForm.value.darkModeUseSystem)
+    this.settings.set(SETTINGS_KEYS.DARK_MODE_ENABLED, (this.settingsForm.value.darkModeEnabled == true).toString())
     this.documentListViewService.updatePageSize()
+    this.appViewService.updateDarkModeSettings()
     this.toastService.showInfo($localize`Settings saved successfully.`)
   }
 
diff --git a/src-ui/src/app/services/app-view.service.spec.ts b/src-ui/src/app/services/app-view.service.spec.ts
new file mode 100644
index 000000000..fc44ed3a4
--- /dev/null
+++ b/src-ui/src/app/services/app-view.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AppViewService } from './app-view.service';
+
+describe('AppViewService', () => {
+  let service: AppViewService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AppViewService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src-ui/src/app/services/app-view.service.ts b/src-ui/src/app/services/app-view.service.ts
new file mode 100644
index 000000000..6af2e43af
--- /dev/null
+++ b/src-ui/src/app/services/app-view.service.ts
@@ -0,0 +1,35 @@
+import { Inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { SettingsService, SETTINGS_KEYS } from './settings.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AppViewService {
+  private renderer: Renderer2;
+
+  constructor(
+    private settings: SettingsService,
+    private rendererFactory: RendererFactory2,
+    @Inject(DOCUMENT) private document
+  ) {
+    this.renderer = rendererFactory.createRenderer(null, null);
+
+    this.updateDarkModeSettings()
+  }
+
+  updateDarkModeSettings() {
+    let darkModeUseSystem = this.settings.get(SETTINGS_KEYS.DARK_MODE_USE_SYSTEM)
+    let darkModeEnabled = this.settings.get(SETTINGS_KEYS.DARK_MODE_ENABLED)
+
+    if (darkModeUseSystem) {
+      this.renderer.addClass(this.document.body, 'color-scheme-system')
+      this.renderer.removeClass(this.document.body, 'color-scheme-dark')
+    } else {
+      this.renderer.removeClass(this.document.body, 'color-scheme-system')
+      darkModeEnabled ? this.renderer.addClass(this.document.body, 'color-scheme-dark') : this.renderer.removeClass(this.document.body, 'color-scheme-dark')
+    }
+
+  }
+
+}
diff --git a/src-ui/src/app/services/settings.service.ts b/src-ui/src/app/services/settings.service.ts
index 00e6ff639..7b1cfe9e3 100644
--- a/src-ui/src/app/services/settings.service.ts
+++ b/src-ui/src/app/services/settings.service.ts
@@ -10,12 +10,16 @@ export const SETTINGS_KEYS = {
   BULK_EDIT_CONFIRMATION_DIALOGS: 'general-settings:bulk-edit:confirmation-dialogs',
   BULK_EDIT_APPLY_ON_CLOSE: 'general-settings:bulk-edit:apply-on-close',
   DOCUMENT_LIST_SIZE: 'general-settings:documentListSize',
+  DARK_MODE_USE_SYSTEM: 'general-settings:dark-mode:use-system',
+  DARK_MODE_ENABLED: 'general-settings:dark-mode:enabled'
 }
 
 const SETTINGS: PaperlessSettings[] = [
   {key: SETTINGS_KEYS.BULK_EDIT_CONFIRMATION_DIALOGS, type: "boolean", default: true},
   {key: SETTINGS_KEYS.BULK_EDIT_APPLY_ON_CLOSE, type: "boolean", default: false},
-  {key: SETTINGS_KEYS.DOCUMENT_LIST_SIZE, type: "number", default: 50}
+  {key: SETTINGS_KEYS.DOCUMENT_LIST_SIZE, type: "number", default: 50},
+  {key: SETTINGS_KEYS.DARK_MODE_USE_SYSTEM, type: "boolean", default: true},
+  {key: SETTINGS_KEYS.DARK_MODE_ENABLED, type: "boolean", default: false}
 ]
 
 @Injectable({
diff --git a/src-ui/src/assets/logo-dark-notext.svg b/src-ui/src/assets/logo-dark-notext.svg
index 38ca9e700..74eb142c8 100644
--- a/src-ui/src/assets/logo-dark-notext.svg
+++ b/src-ui/src/assets/logo-dark-notext.svg
@@ -1,69 +1,19 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="69.999977mm"
-   height="84.283669mm"
-   viewBox="0 0 69.999977 84.283669"
-   version="1.1"
-   id="svg4812"
-   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
-   sodipodi:docname="logo-dark-notext.svg">
-  <defs
-     id="defs4806" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="0.98994949"
-     inkscape:cx="328.04904"
-     inkscape:cy="330.33332"
-     inkscape:document-units="mm"
-     inkscape:current-layer="SvgjsG1020"
-     inkscape:document-rotation="0"
-     showgrid="false"
-     inkscape:window-width="1920"
-     inkscape:window-height="1016"
-     inkscape:window-x="1280"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata4809">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-9.9999792,-10.000082)">
-    <g
-       id="SvgjsG1020"
-       featureKey="symbol1"
-       fill="#ffffff"
-       transform="matrix(0.10341565,0,0,0.10341565,1.2287665,8.3453496)">
-      <path
-         id="path57"
-         style="fill:#ffffff;stroke-width:1.10017"
-         d="M 752.4375,82.365234 C 638.02019,348.60552 87.938206,381.6089 263.96484,810.67383 c 2.20034,5.50083 -40.70621,63.80947 -69.31054,112.21679 -6.601,-24.20366 -14.30329,-50.6063 -13.20313,-52.80664 C 324.47281,700.65835 79.135592,604.94324 65.933594,466.32227 4.3242706,576.33891 -17.678136,768.86756 168.25,879.98438 c 1.10017,-10e-6 9.90207,41.80777 14.30273,62.71093 -4.40066,8.80133 -8.80162,17.60213 -11.00195,24.20313 -4.40066,11.00166 28.60352,9.90123 28.60352,12.10156 3.3005,-1.10017 81.41295,-138.62054 83.61328,-139.7207 C 726.0345,738.06398 804.14532,339.80419 752.4375,82.365234 Z M 526.9043,362.90625 C 320.073,547.73422 284.86775,685.25508 291.46875,752.36523 222.15826,588.44043 425.68898,408.01308 526.9043,362.90625 Z M 127.54297,626.94727 c 39.60599,36.30549 105.6163,147.4222 49.50781,212.33203 13.202,-29.7045 17.60234,-96.81455 -49.50781,-212.33203 z"
-         transform="matrix(0.90895334,0,0,0.90895334,65.06894,-58.865357)" />
-      <defs
-         id="defs14302" />
-    </g>
-  </g>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg4812" inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)" sodipodi:docname="logo-dark-notext.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 198.4 238.9"
+	 style="enable-background:new 0 0 198.4 238.9;" xml:space="preserve">
+<sodipodi:namedview  bordercolor="#666666" borderopacity="1.0" id="base" inkscape:current-layer="SvgjsG1020" inkscape:cx="328.04904" inkscape:cy="330.33332" inkscape:document-rotation="0" inkscape:document-units="mm" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:window-height="1016" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="1280" inkscape:window-y="27" inkscape:zoom="0.98994949" pagecolor="#ffffff" showgrid="false">
+	</sodipodi:namedview>
+<g id="layer1" transform="translate(-9.9999792,-10.000082)" inkscape:groupmode="layer" inkscape:label="Layer 1">
+	<g id="SvgjsG1020" transform="matrix(0.10341565,0,0,0.10341565,1.2287665,8.3453496)">
+		<path id="path57" d="M1967.5,16C1672.7,702,255.4,787,709,1892.5c5.7,14.2-104.9,164.4-178.6,289.1c-17-62.4-36.9-130.4-34-136.1
+			c368.5-436.5-263.6-683.1-297.6-1040.3C40,1288.7-16.7,1784.8,462.3,2071.1c2.8,0,25.5,107.7,36.9,161.6
+			c-11.3,22.7-22.7,45.4-28.3,62.4c-11.3,28.3,73.7,25.5,73.7,31.2c8.5-2.8,209.8-357.2,215.4-360
+			C1899.5,1705.4,2100.8,679.3,1967.5,16z M1386.4,738.8C853.5,1215,762.8,1569.4,779.8,1742.3
+			C601.2,1319.9,1125.7,855,1386.4,738.8z M357.5,1419.1c102,93.5,272.1,379.8,127.6,547.1C519,1889.7,530.4,1716.8,357.5,1419.1z"
+			/>
+	</g>
+</g>
 </svg>
diff --git a/src-ui/src/assets/logo-dark.svg b/src-ui/src/assets/logo-dark.svg
index bc8ba2b80..111d8d32f 100644
--- a/src-ui/src/assets/logo-dark.svg
+++ b/src-ui/src/assets/logo-dark.svg
@@ -1,93 +1,5 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   width="2897.3997"
-   height="896.63574"
-   id="svg14314"
-   sodipodi:docname="logo-dark.svg"
-   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
-  <metadata
-     id="metadata14320">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs14318" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1016"
-     id="namedview14316"
-     showgrid="false"
-     inkscape:zoom="0.46439736"
-     inkscape:cx="1179.9546"
-     inkscape:cy="327.93662"
-     inkscape:window-x="1280"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg14314"
-     inkscape:document-rotation="0" />
-  <g
-     transform="matrix(10.638298,0,0,10.638298,-106.38296,-106.38298)"
-     id="g14312"
-     inkscape:label="g14312">
-    <defs
-       id="SvgjsDefs1018" />
-    <g
-       id="SvgjsG1019"
-       featureKey="root"
-       fill="#ffffff" />
-    <g
-       id="SvgjsG1020"
-       featureKey="symbol1"
-       fill="#ffffff"
-       transform="matrix(0.10341565,0,0,0.10341565,1.2287665,8.3453496)">
-      <defs
-         id="defs14302" />
-      <g
-         id="g14306">
-        <path
-           style="fill:#17541f"
-           d="M 231,798 C 227,779 219,741 218,741 49,640 69,465 125,365 c 12,126 235,213 105,367 -1,2 6,26 12,48 26,-44 65,-97 63,-102 C 145,288 645,258 749,16 c 47,234 -24,596 -426,688 -2,1 -73,126 -76,127 0,-2 -30,-1 -26,-11 2,-6 6,-14 10,-22 z"
-           id="path14304" />
-      </g>
-      <path
-         style="fill:#ffffff"
-         d="M 544,271 C 452,312 267,476 330,625 324,564 356,439 544,271 Z"
-         id="path57" />
-      <path
-         style="fill:#ffffff"
-         d="m 226,704 c 51,-59 -9,-160 -45,-193 61,105 57,166 45,193 z"
-         id="path59" />
-    </g>
-    <g
-       id="SvgjsG1021"
-       featureKey="text1"
-       fill="#ffffff"
-       transform="matrix(3.3407567,0,0,3.3407567,98.195992,2.9576938)">
-      <path
-         d="m 6.5,8.62 q 0.02,0.48 0.02,1.09 0,0.61 -0.02,1.07 0,0.54 -0.19,1.07 Q 6.12,12.38 5.74,12.8 5.36,13.22 4.79,13.46 4.22,13.7 3.48,13.7 H 2.46 v 5.22 q 0,0.28 0.08,0.41 0.08,0.13 0.16,0.15 0.12,0.06 0.26,0 V 20 H 0.54 v -0.52 q 0.16,0.06 0.24,0 0.1,-0.02 0.2,-0.15 0.1,-0.13 0.1,-0.41 V 6.78 Q 1.08,6.48 0.98,6.35 0.88,6.22 0.78,6.18 0.7,6.14 0.54,6.18 V 5.7 H 3.48 Q 4.22,5.7 4.79,5.94 5.36,6.18 5.74,6.6 6.12,7.02 6.31,7.54 6.5,8.06 6.5,8.62 Z M 5.08,8.18 Q 5.08,7.66 4.91,7.28 4.74,6.9 4.51,6.68 4.28,6.46 4.03,6.33 3.78,6.2 3.6,6.2 H 2.46 v 6.96 H 3.6 q 0.18,0 0.43,-0.1 0.25,-0.1 0.48,-0.35 0.23,-0.25 0.4,-0.61 0.17,-0.36 0.17,-0.9 z m 9.5,10.96 q 0,0.16 -0.08,0.33 -0.08,0.17 -0.23,0.32 -0.15,0.15 -0.38,0.27 -0.23,0.12 -0.53,0.12 -0.48,0 -0.86,-0.22 -0.38,-0.22 -0.52,-0.58 -0.12,-0.2 -0.18,-0.46 -0.26,0.54 -0.79,0.9 -0.53,0.36 -1.17,0.36 -0.8,0 -1.4,-0.58 Q 8.1,19.3 7.88,18.82 7.66,18.34 7.62,17.72 7.6,17.66 7.6,17.48 v -0.02 q 0.02,-0.34 0.12,-0.71 0.1,-0.37 0.31,-0.74 0.21,-0.37 0.5,-0.7 Q 8.82,14.98 9.16,14.74 9.24,14.7 9.29,14.65 9.34,14.6 9.44,14.54 L 9.5,14.51 9.56,14.48 q 0.36,-0.22 0.63,-0.4 0.27,-0.18 0.49,-0.34 0.12,-0.08 0.24,-0.18 0.12,-0.1 0.26,-0.2 0.18,-0.12 0.34,-0.28 0.16,-0.16 0.24,-0.38 0.12,-0.2 0.12,-0.48 0,-0.28 -0.06,-0.5 -0.08,-0.44 -0.41,-0.76 -0.33,-0.32 -0.73,-0.42 -0.18,-0.06 -0.34,-0.06 -0.56,0 -0.96,0.2 Q 9.12,10.8 9,10.95 8.88,11.1 8.87,11.23 q -0.01,0.13 0.05,0.21 0.06,0.08 0.16,0.12 0.04,0.02 0.05,0.02 0.01,0 0.05,0.02 0.26,0.1 0.43,0.35 0.17,0.25 0.17,0.55 0,0.38 -0.27,0.65 -0.27,0.27 -0.65,0.27 -0.4,0 -0.68,-0.27 Q 7.9,12.88 7.9,12.5 q 0,-0.34 0.09,-0.71 0.09,-0.37 0.27,-0.67 0.38,-0.56 0.91,-0.81 0.53,-0.25 1.17,-0.25 0.48,0 0.95,0.18 0.47,0.18 0.84,0.51 0.37,0.33 0.62,0.79 Q 13,12 13,12.6 v 5.88 q 0,0.36 0.01,0.47 0.01,0.11 0.01,0.15 v 0 q 0,0.26 0.16,0.42 0.16,0.16 0.38,0.16 0.26,0 0.42,-0.15 0.16,-0.15 0.18,-0.39 z m -3.14,-0.5 q 0.16,-0.28 0.19,-0.6 0.03,-0.32 0.03,-0.6 v -3.7 q -0.08,0.08 -0.17,0.15 -0.09,0.07 -0.19,0.17 -0.58,0.42 -0.99,0.77 -0.41,0.35 -0.69,0.72 -0.28,0.37 -0.44,0.79 -0.16,0.42 -0.2,0.96 v 0.3 q 0.02,0.76 0.41,1.19 0.39,0.43 1.11,0.43 0.32,0 0.58,-0.16 0.26,-0.18 0.36,-0.42 z m 6.88,-8.56 q 1.14,0.02 1.82,0.69 0.68,0.67 0.68,2.13 v 4.48 q 0,1.46 -0.68,2.12 -0.68,0.66 -1.82,0.7 h -0.06 q -0.34,0 -0.62,-0.08 h -0.02 q -0.02,0 -0.02,-0.02 -0.46,-0.16 -0.8,-0.44 l -0.19,-0.19 q 0,0 -0.15,-0.21 v 3.32 q 0,0.28 0.08,0.41 0.08,0.13 0.16,0.17 0.12,0.06 0.26,0 v 0.5 h -2.42 v -0.5 q 0.16,0.06 0.24,0 0.1,-0.04 0.19,-0.17 0.09,-0.13 0.09,-0.41 V 11.3 q 0,-0.28 -0.09,-0.41 -0.09,-0.13 -0.19,-0.17 -0.08,-0.04 -0.24,0 v -0.48 h 1.92 v 0.78 q 0.14,-0.22 0.34,-0.4 0.34,-0.3 0.8,-0.44 0,-0.02 0.02,-0.02 h 0.02 q 0.32,-0.08 0.62,-0.08 z m 1,2.38 V 12.44 Q 19.3,11.42 19.07,11 q -0.23,-0.42 -0.75,-0.46 -0.36,-0.02 -0.68,0.09 -0.32,0.11 -0.56,0.37 -0.24,0.26 -0.4,0.7 -0.16,0.44 -0.22,1.04 v 4.8 q 0.06,0.62 0.22,1.05 0.16,0.43 0.4,0.68 0.24,0.25 0.56,0.37 0.32,0.12 0.68,0.1 0.52,-0.04 0.75,-0.46 0.23,-0.42 0.25,-1.44 v -0.02 z m 5.06,-2.38 q 0.46,0 0.94,0.16 0.48,0.16 0.86,0.5 0.38,0.34 0.61,0.86 0.23,0.52 0.23,1.24 v 2.02 0.06 0.46 h -3.98 v 2.06 q 0,1.24 0.43,1.77 0.43,0.53 1.07,0.51 0.38,-0.02 0.75,-0.13 0.37,-0.11 0.64,-0.37 0.27,-0.26 0.45,-0.74 0.18,-0.48 0.18,-1.26 h 0.46 v 0.28 q 0,0.54 -0.12,1.03 -0.12,0.49 -0.42,0.85 -0.3,0.36 -0.77,0.57 -0.47,0.21 -1.15,0.23 -0.48,0 -0.98,-0.18 -0.5,-0.18 -0.9,-0.54 -0.4,-0.36 -0.66,-0.85 -0.26,-0.49 -0.26,-1.11 v -0.47 q 0,0 -0.01,-0.77 -0.01,-0.77 -0.01,-0.95 0,-0.18 -0.01,-0.99 -0.01,-0.81 -0.01,-0.87 v -0.59 q 0,-0.72 0.25,-1.25 0.25,-0.53 0.62,-0.86 0.37,-0.33 0.84,-0.5 0.47,-0.17 0.95,-0.17 z m 1.3,4.78 v -1.58 q 0,-0.76 -0.1,-1.27 -0.1,-0.51 -0.27,-0.82 -0.17,-0.31 -0.41,-0.43 -0.24,-0.12 -0.54,-0.12 -0.64,0 -0.97,0.56 -0.33,0.56 -0.33,2.08 v 1.58 z m 7.86,-3.2 q 0,0.04 0.02,0.16 0.02,0.12 0,0.2 -0.02,0.42 -0.29,0.69 -0.27,0.27 -0.65,0.27 -0.4,0 -0.67,-0.28 -0.27,-0.28 -0.27,-0.68 0,-0.5 0.38,-0.76 0.04,-0.02 0.05,-0.03 l 0.03,-0.03 q 0.14,-0.1 0.18,-0.29 0.04,-0.19 -0.24,-0.33 -0.18,-0.1 -0.36,-0.1 -0.6,-0.04 -1.06,0.36 -0.46,0.4 -0.62,1.4 v 6.68 q 0,0.28 0.08,0.41 0.08,0.13 0.16,0.15 0.12,0.06 0.26,0 V 20 h -2.42 v -0.52 q 0.16,0.06 0.24,0 0.1,-0.02 0.2,-0.15 0.1,-0.13 0.1,-0.41 V 11.3 q 0,-0.28 -0.1,-0.41 -0.1,-0.13 -0.2,-0.17 -0.08,-0.04 -0.24,0 v -0.5 h 1.92 v 0.82 q 0.14,-0.22 0.28,-0.41 0.14,-0.19 0.33,-0.32 0.19,-0.13 0.44,-0.21 0.25,-0.08 0.63,-0.08 0.58,0 1.08,0.42 0.5,0.42 0.74,1.22 z m 2.7,7.26 q 0,0.28 0.09,0.41 0.09,0.13 0.17,0.15 0.1,0.06 0.26,0 V 20 h -2.42 v -0.52 q 0.16,0.06 0.28,0 0.06,-0.02 0.16,-0.15 0.1,-0.13 0.1,-0.41 V 6.8 q 0,-0.3 -0.1,-0.43 Q 34.68,6.24 34.62,6.2 34.5,6.14 34.34,6.2 V 5.72 h 1.9 V 6.8 Z m 4.34,-8.84 q 0.46,0 0.94,0.16 0.48,0.16 0.86,0.5 0.38,0.34 0.61,0.86 0.23,0.52 0.23,1.24 v 2.02 0.06 0.46 h -3.98 v 2.06 q 0,1.24 0.43,1.77 0.43,0.53 1.07,0.51 0.38,-0.02 0.75,-0.13 0.37,-0.11 0.64,-0.37 0.27,-0.26 0.45,-0.74 0.18,-0.48 0.18,-1.26 h 0.46 v 0.28 q 0,0.54 -0.12,1.03 -0.12,0.49 -0.42,0.85 -0.3,0.36 -0.77,0.57 -0.47,0.21 -1.15,0.23 -0.48,0 -0.98,-0.18 -0.5,-0.18 -0.9,-0.54 -0.4,-0.36 -0.66,-0.85 -0.26,-0.49 -0.26,-1.11 v -0.47 q 0,0 -0.01,-0.77 -0.01,-0.77 -0.01,-0.95 0,-0.18 -0.01,-0.99 -0.01,-0.81 -0.01,-0.87 v -0.59 q 0,-0.72 0.25,-1.25 0.25,-0.53 0.62,-0.86 0.37,-0.33 0.84,-0.5 0.47,-0.17 0.95,-0.17 z m 1.3,4.78 v -1.58 q 0,-0.76 -0.1,-1.27 -0.1,-0.51 -0.27,-0.82 -0.17,-0.31 -0.41,-0.43 -0.24,-0.12 -0.54,-0.12 -0.64,0 -0.97,0.56 -0.33,0.56 -0.33,2.08 v 1.58 z m 6,5.02 q -0.02,0.02 -0.03,0.02 -0.01,0 -0.03,0.02 l -0.02,0.02 q -0.04,0.02 -0.09,0.04 -0.05,0.02 -0.09,0.04 -0.42,0.18 -0.98,0.18 -0.32,0 -0.62,-0.15 Q 45.72,19.9 45.5,19.8 45.28,19.7 45.13,19.71 44.98,19.72 44.98,20 H 44.6 v -2.4 h 0.48 q -0.04,0.64 0.14,1.1 0.12,0.4 0.47,0.75 0.35,0.35 1.05,0.35 0.46,0 0.76,-0.16 0.52,-0.26 0.71,-0.62 0.19,-0.36 0.15,-0.75 -0.04,-0.39 -0.29,-0.77 -0.25,-0.38 -0.61,-0.7 -0.24,-0.18 -0.5,-0.38 -0.26,-0.2 -0.52,-0.42 -0.7,-0.56 -1.11,-1.01 -0.41,-0.45 -0.63,-0.84 -0.22,-0.39 -0.3,-0.74 -0.08,-0.35 -0.08,-0.75 0,-0.24 0.03,-0.44 0.03,-0.2 0.07,-0.36 0.06,-0.34 0.2,-0.66 0.14,-0.32 0.4,-0.57 0.26,-0.25 0.64,-0.41 0.38,-0.16 0.92,-0.16 0.3,0 0.6,0.13 0.3,0.13 0.54,0.24 0.24,0.11 0.38,0.1 0.14,-0.01 0.14,-0.31 h 0.38 V 12.7 H 48.1 q 0.02,-0.6 -0.14,-1.08 -0.14,-0.42 -0.49,-0.76 -0.35,-0.34 -1.03,-0.34 -0.54,0 -0.88,0.24 -0.18,0.14 -0.31,0.41 -0.13,0.27 -0.15,0.59 -0.02,0.32 0.1,0.69 0.12,0.37 0.48,0.69 0.04,0.06 0.11,0.12 0.07,0.06 0.15,0.1 0.06,0.04 0.1,0.08 l 0.08,0.08 q 0.22,0.18 0.45,0.36 0.23,0.18 0.47,0.36 0.56,0.48 0.93,0.87 0.37,0.39 0.62,0.73 0.25,0.34 0.37,0.64 0.12,0.3 0.14,0.58 0.2,0.92 -0.07,1.55 -0.27,0.63 -0.69,0.99 h -0.02 q 0,0.04 -0.04,0.04 -0.04,0.04 -0.08,0.06 l -0.12,0.08 q 0,0 -0.12,0.06 v 0.02 q -0.02,0 -0.04,0.01 -0.02,0.01 -0.04,0.01 z m 5.94,0 q -0.02,0.02 -0.03,0.02 -0.01,0 -0.03,0.02 l -0.02,0.02 q -0.04,0.02 -0.09,0.04 -0.05,0.02 -0.09,0.04 -0.42,0.18 -0.98,0.18 -0.32,0 -0.62,-0.15 -0.3,-0.15 -0.52,-0.25 -0.22,-0.1 -0.37,-0.09 -0.15,0.01 -0.15,0.29 h -0.38 v -2.4 h 0.48 q -0.04,0.64 0.14,1.1 0.12,0.4 0.47,0.75 0.35,0.35 1.05,0.35 0.46,0 0.76,-0.16 0.52,-0.26 0.71,-0.62 0.19,-0.36 0.15,-0.75 -0.04,-0.39 -0.29,-0.77 -0.25,-0.38 -0.61,-0.7 -0.24,-0.18 -0.5,-0.38 -0.26,-0.2 -0.52,-0.42 -0.7,-0.56 -1.11,-1.01 -0.41,-0.45 -0.63,-0.84 -0.22,-0.39 -0.3,-0.74 -0.08,-0.35 -0.08,-0.75 0,-0.24 0.03,-0.44 0.03,-0.2 0.07,-0.36 0.06,-0.34 0.2,-0.66 0.14,-0.32 0.4,-0.57 0.26,-0.25 0.64,-0.41 0.38,-0.16 0.92,-0.16 0.3,0 0.6,0.13 0.3,0.13 0.54,0.24 0.24,0.11 0.38,0.1 0.14,-0.01 0.14,-0.31 h 0.38 v 2.48 h -0.52 q 0.02,-0.6 -0.14,-1.08 -0.14,-0.42 -0.49,-0.76 -0.35,-0.34 -1.03,-0.34 -0.54,0 -0.88,0.24 -0.18,0.14 -0.31,0.41 -0.13,0.27 -0.15,0.59 -0.02,0.32 0.1,0.69 0.12,0.37 0.48,0.69 0.04,0.06 0.11,0.12 0.07,0.06 0.15,0.1 0.06,0.04 0.1,0.08 l 0.08,0.08 q 0.22,0.18 0.45,0.36 0.23,0.18 0.47,0.36 0.56,0.48 0.93,0.87 0.37,0.39 0.62,0.73 0.25,0.34 0.37,0.64 0.12,0.3 0.14,0.58 0.2,0.92 -0.07,1.55 -0.27,0.63 -0.69,0.99 h -0.02 q 0,0.04 -0.04,0.04 -0.04,0.04 -0.08,0.06 l -0.12,0.08 q 0,0 -0.12,0.06 v 0.02 q -0.02,0 -0.04,0.01 -0.02,0.01 -0.04,0.01 z"
-         id="path14309" />
-    </g>
-  </g>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2897.4 896.64">
+  <path d="M160.83,860.33c-4.4-20.9-13.2-62.71-14.3-62.71C-39.4,686.5-17.4,494,44.21,384c13.2,138.62,258.54,234.33,115.52,403.76-1.1,2.2,6.6,28.6,13.2,52.81,28.6-48.41,71.51-106.72,69.31-112.22C66.21,299.25,616.3,266.24,730.71,0,782.42,257.44,704.31,655.7,262,756.91c-2.2,1.1-80.31,138.63-83.61,139.73,0-2.2-33-1.1-28.6-12.11C152,877.93,156.43,869.13,160.83,860.33Z" transform="translate(0 0)" style="fill:#17541f"/><path d="M505.18,280.54C404,325.65,200.43,506.08,269.74,670,263.14,602.89,298.35,465.37,505.18,280.54Z" transform="translate(0 0)" style="fill:#fff"/>
+  <path d="M155.33,756.91c56.11-64.91-9.9-176-49.51-212.33C172.93,660.1,168.53,727.21,155.33,756.91Z" transform="translate(0 0)" style="fill:#fff"/>
+  <path d="M1169.27,231.44q.7,17.06.71,38.73t-.71,38a112,112,0,0,1-6.76,38A100.16,100.16,0,0,1,1142.25,380a93.87,93.87,0,0,1-33.76,23.46q-20.25,8.54-46.56,8.53h-36.25V597.5q0,9.94,2.85,14.57c1.89,3.08,3.79,4.86,5.68,5.33a10.54,10.54,0,0,0,9.24,0v18.48h-86V617.4q5.68,2.13,8.53,0,3.56-.71,7.1-5.33t3.56-14.57V166q0-10.66-3.56-15.28t-7.1-6q-2.85-1.42-8.53,0V127.66h104.48q26.31,0,46.56,8.53a93.75,93.75,0,0,1,33.76,23.46,101,101,0,0,1,20.26,33.4A111.05,111.05,0,0,1,1169.27,231.44ZM1118.8,215.8q0-18.48-6-32t-14.22-21.32a74.68,74.68,0,0,0-17.06-12.44q-8.88-4.62-15.28-4.62h-40.52V392.79h40.52q6.39,0,15.28-3.56t17.06-12.44a86,86,0,0,0,14.22-21.67q6-12.8,6-32Zm337.63,389.52a27.35,27.35,0,0,1-2.85,11.72,40.58,40.58,0,0,1-8.17,11.38,54.8,54.8,0,0,1-13.5,9.59,40.07,40.07,0,0,1-18.84,4.27,60,60,0,0,1-30.57-7.82q-13.5-7.82-18.48-20.61a56.12,56.12,0,0,1-6.39-16.35q-9.24,19.18-28.08,32a72.42,72.42,0,0,1-41.58,12.8q-28.44,0-49.76-20.61-12.07-10.67-19.9-27.73t-9.24-39.09q-.71-2.13-.71-8.53v-.71a124.43,124.43,0,0,1,4.26-25.23,113.22,113.22,0,0,1,11-26.3,149.46,149.46,0,0,1,17.77-24.88,128.6,128.6,0,0,1,22.39-20.26,17.39,17.39,0,0,0,4.62-3.2,28.53,28.53,0,0,1,5.33-3.91l2.13-1.06,2.14-1.07q12.8-7.81,22.39-14.22t17.41-12.08a97.25,97.25,0,0,0,8.53-6.4c2.84-2.37,5.93-4.73,9.24-7.1a79.43,79.43,0,0,0,12.09-10,36.51,36.51,0,0,0,8.53-13.5q4.26-7.11,4.26-17.06a67.74,67.74,0,0,0-2.13-17.77,49.09,49.09,0,0,0-14.57-27q-11.73-11.37-26-14.93a38.26,38.26,0,0,0-12.08-2.13q-19.9,0-34.12,7.11-9.24,4.26-13.51,9.59t-4.62,10a10.73,10.73,0,0,0,1.78,7.46,12.91,12.91,0,0,0,5.69,4.26,6,6,0,0,0,1.78.71,6.28,6.28,0,0,1,1.77.72,32.21,32.21,0,0,1,15.28,12.43,34,34,0,0,1,6,19.55,32.78,32.78,0,0,1-32.7,32.7,33.53,33.53,0,0,1-24.17-9.6,30.94,30.94,0,0,1-10-23.1,106.83,106.83,0,0,1,3.2-25.23,84.65,84.65,0,0,1,9.6-23.81q13.5-19.91,32.34-28.79a96.24,96.24,0,0,1,41.58-8.89,93.82,93.82,0,0,1,33.76,6.4,96.18,96.18,0,0,1,29.86,18.13,103.38,103.38,0,0,1,22,28.07q8.88,16.35,8.88,37.68v209q0,12.79.36,16.7t.36,5.34h0q0,9.24,5.68,14.92a18.45,18.45,0,0,0,13.51,5.69q9.24,0,14.92-5.33a20.62,20.62,0,0,0,6.4-13.86Zm-111.6-17.77a52.58,52.58,0,0,0,6.76-21.33q1.07-11.37,1.06-21.32V413.4a63.92,63.92,0,0,1-6,5.33,74,74,0,0,0-6.75,6q-20.62,14.93-35.19,27.37a164.06,164.06,0,0,0-24.52,25.59,113,113,0,0,0-15.64,28.07,121,121,0,0,0-7.11,34.12v10.67q.72,27,14.58,42.29t39.44,15.28a38.56,38.56,0,0,0,20.62-5.69q9.24-6.39,12.79-14.92Zm244.52-304.23q40.51.72,64.68,24.53t24.17,75.7V542.77q0,51.88-24.17,75.34T1589.35,643h-2.13a80.27,80.27,0,0,1-22-2.84h-.71a.63.63,0,0,1-.71-.71,91.74,91.74,0,0,1-28.43-15.64l-6.76-6.76-5.33-7.46v118q0,10,2.85,14.58c1.89,3.08,3.79,5.09,5.68,6a10.54,10.54,0,0,0,9.24,0V766h-86V748.19q5.68,2.13,8.53,0,3.56-1.43,6.75-6t3.2-14.58V326.68q0-9.94-3.2-14.57t-6.75-6q-2.85-1.43-8.53,0V289h68.23v27.72a68.68,68.68,0,0,1,12.09-14.21,75.62,75.62,0,0,1,28.43-15.64.63.63,0,0,1,.71-.71h.71a90.55,90.55,0,0,1,22-2.85Zm35.54,84.59v-.71q-.72-36.26-8.89-51.18t-26.65-16.35a63.12,63.12,0,0,0-24.17,3.2,48,48,0,0,0-19.9,13.15q-8.54,9.24-14.22,24.88t-7.82,37V548.45q2.13,22,7.82,37.32t14.22,24.17a53.23,53.23,0,0,0,19.9,13.15,58.92,58.92,0,0,0,24.17,3.55q18.48-1.42,26.65-16.35t8.89-51.18V367.91Zm179.83-84.59a105.36,105.36,0,0,1,33.41,5.69,86.38,86.38,0,0,1,30.56,17.77,88.06,88.06,0,0,1,21.68,30.57q8.18,18.48,8.18,44.06v90.28H1757.1V544.9q0,44.07,15.28,62.9t38,18.13a113.94,113.94,0,0,0,26.65-4.62,54.83,54.83,0,0,0,22.75-13.15q9.59-9.24,16-26.3t6.4-44.78h16.35V547a153.56,153.56,0,0,1-4.27,36.61A72,72,0,0,1,1852,634.1q-16.71,7.47-40.87,8.18a102.25,102.25,0,0,1-34.83-6.4,96,96,0,0,1-32-19.19,108.91,108.91,0,0,1-23.45-30.21q-9.24-17.41-9.25-39.45v-16.7s-.11-9.12-.35-27.37-.36-29.5-.36-33.76-.11-16-.35-35.19-.36-29.49-.36-30.92v-21q0-25.59,8.89-44.43t22-30.56A90.72,90.72,0,0,1,1771,289.37a98.55,98.55,0,0,1,33.76-6.05Zm46.2,169.89V397.05q0-27-3.55-45.13t-9.6-29.15q-6-11-14.57-15.28a42.36,42.36,0,0,0-19.19-4.26q-22.76,0-34.48,19.9t-11.72,73.92v56.16Zm279.35-113.73a42.31,42.31,0,0,0,.71,5.68,17.92,17.92,0,0,1,0,7.11q-.72,14.93-10.31,24.52a33,33,0,0,1-46.91-.35,33.52,33.52,0,0,1-9.6-24.17q0-17.76,13.51-27a8.33,8.33,0,0,0,1.77-1.06l1.07-1.07a16.22,16.22,0,0,0,6.4-10.31q1.41-6.75-8.53-11.73a26.26,26.26,0,0,0-12.8-3.55q-21.32-1.43-37.67,12.8t-22,49.75V597.5q0,9.94,2.84,14.57t5.69,5.33a10.54,10.54,0,0,0,9.24,0v18.48h-86V617.4q5.68,2.13,8.53,0,3.55-.71,7.11-5.33t3.55-14.57V326.68q0-9.94-3.55-14.57t-7.11-6q-2.85-1.43-8.53,0V288.3h68.24v29.14q5-7.81,9.95-14.57a48.44,48.44,0,0,1,11.72-11.37,59.79,59.79,0,0,1,15.64-7.46q8.89-2.85,22.39-2.85,20.61,0,38.39,14.93t26.3,43.36Zm95.95,258q0,9.94,3.2,14.57c2.13,3.08,4.15,4.86,6,5.33q3.55,2.13,9.24,0v18.48h-86V617.4q5.68,2.13,10,0,2.13-.71,5.69-5.33t3.55-14.57V166.75q0-10.65-3.55-15.28a28.82,28.82,0,0,0-5.69-6q-4.26-2.13-10,0V128.37h67.52V597.5Zm154.25-314.18a105.25,105.25,0,0,1,33.4,5.69,86.33,86.33,0,0,1,30.57,17.77,88.19,88.19,0,0,1,21.68,30.57q8.18,18.48,8.17,44.06v90.28H2332.84V544.9q0,44.07,15.29,62.9t38,18.13a113.93,113.93,0,0,0,26.66-4.62,54.79,54.79,0,0,0,22.74-13.15q9.6-9.24,16-26.3t6.39-44.78h16.35V547a153.56,153.56,0,0,1-4.26,36.61,72,72,0,0,1-42.29,50.46q-16.71,7.47-40.88,8.18a102.24,102.24,0,0,1-34.82-6.4,96,96,0,0,1-32-19.19,108.94,108.94,0,0,1-23.46-30.21q-9.24-17.41-9.24-39.45v-16.7s-.12-9.12-.35-27.37-.36-29.5-.36-33.76-.12-16-.35-35.19-.36-29.49-.36-30.92v-21q0-25.59,8.89-44.43t22-30.56a90.78,90.78,0,0,1,29.85-17.77,98.6,98.6,0,0,1,33.77-6.05Zm46.2,169.89V397.05q0-27-3.56-45.13t-9.59-29.15q-6-11-14.57-15.28a42.39,42.39,0,0,0-19.19-4.26q-22.76,0-34.48,19.9t-11.73,73.92v56.16Zm213.24,178.41c-.48.47-.83.71-1.07.71s-.59.23-1.06.71l-.71.71c-1,.47-2,1-3.2,1.42s-2.25,1-3.2,1.42q-14.93,6.4-34.83,6.4a48.79,48.79,0,0,1-22-5.33q-10.65-5.34-18.48-8.89t-13.15-3.2q-5.33.36-5.33,10.31h-13.5V550.59h17.06q-1.43,22.74,5,39.09,4.27,14.22,16.71,26.65t37.31,12.44q16.35,0,27-5.68,18.48-9.24,25.24-22A45.92,45.92,0,0,0,2657,574.4q-1.42-13.86-10.31-27.37A126,126,0,0,0,2625,522.15q-8.52-6.39-17.77-13.5t-18.48-14.93q-24.87-19.91-39.45-35.89T2526.89,428a98.76,98.76,0,0,1-10.66-26.3,119.09,119.09,0,0,1-2.84-26.65,106,106,0,0,1,1.06-15.64q1.07-7.11,2.49-12.79a102.69,102.69,0,0,1,7.11-23.46,63,63,0,0,1,14.21-20.26A73.7,73.7,0,0,1,2561,288.3q13.5-5.69,32.7-5.69a53.27,53.27,0,0,1,21.32,4.62q10.66,4.62,19.19,8.53t13.51,3.56q5-.36,5-11h13.51v88.14h-18.48q.7-21.33-5-38.38a67,67,0,0,0-17.41-27Q2612.89,299,2588.73,299q-19.18,0-31.27,8.53-6.4,5-11,14.57a55.84,55.84,0,0,0-5.33,21,66.08,66.08,0,0,0,3.55,24.52q4.26,13.15,17.06,24.53a21.32,21.32,0,0,0,3.91,4.26,26.5,26.5,0,0,0,5.33,3.56,23,23,0,0,1,3.56,2.84l2.84,2.84q7.82,6.41,16,12.8t16.71,12.79a449.06,449.06,0,0,1,33.05,30.92,276.13,276.13,0,0,1,22,25.94,104.57,104.57,0,0,1,13.15,22.75,69,69,0,0,1,5,20.61q7.11,32.7-2.49,55.09t-24.52,35.19h-.71a1.26,1.26,0,0,1-1.43,1.42,11,11,0,0,1-2.84,2.13l-4.26,2.84-4.27,2.13v.72a3.1,3.1,0,0,0-1.42.35,3.12,3.12,0,0,1-1.42.36Zm211.11,0c-.48.47-.83.71-1.07.71s-.59.23-1.07.71l-.71.71c-.94.47-2,1-3.2,1.42s-2.25,1-3.19,1.42Q2826.84,643,2807,643a48.76,48.76,0,0,1-22-5.33q-10.66-5.34-18.48-8.89t-13.15-3.2q-5.33.36-5.33,10.31h-13.51V550.59h17.06q-1.41,22.74,5,39.09,4.26,14.22,16.7,26.65t37.32,12.44q16.35,0,27-5.68,18.48-9.24,25.23-22a45.93,45.93,0,0,0,5.34-26.65q-1.42-13.86-10.31-27.37a126,126,0,0,0-21.68-24.88q-8.53-6.39-17.77-13.5t-18.48-14.93q-24.89-19.91-39.45-35.89T2738,428a98.76,98.76,0,0,1-10.66-26.3,119.08,119.08,0,0,1-2.85-26.65,105.9,105.9,0,0,1,1.07-15.64q1.07-7.11,2.49-12.79a102.69,102.69,0,0,1,7.11-23.46,62.83,62.83,0,0,1,14.21-20.26,73.58,73.58,0,0,1,22.75-14.57q13.5-5.69,32.69-5.69a53.28,53.28,0,0,1,21.33,4.62q10.67,4.62,19.19,8.53t13.5,3.56q5-.36,5-11h13.51v88.14h-18.49q.72-21.33-5-38.38a67,67,0,0,0-17.42-27Q2824,299,2799.84,299q-19.2,0-31.28,8.53-6.39,5-11,14.57a56,56,0,0,0-5.34,21,66.3,66.3,0,0,0,3.56,24.52q4.26,13.15,17.06,24.53a21.32,21.32,0,0,0,3.91,4.26,26.22,26.22,0,0,0,5.33,3.56,22.83,22.83,0,0,1,3.55,2.84l2.85,2.84q7.82,6.41,16,12.8t16.7,12.79a445,445,0,0,1,33.05,30.92,274.85,274.85,0,0,1,22,25.94,105,105,0,0,1,13.15,22.75,68.69,68.69,0,0,1,5,20.61q7.11,32.7-2.48,55.09t-24.53,35.19h-.71a1.26,1.26,0,0,1-1.42,1.42,11.2,11.2,0,0,1-2.84,2.13l-4.27,2.84-4.26,2.13v.72a3.1,3.1,0,0,0-1.42.35,3.15,3.15,0,0,1-1.42.36Z" transform="translate(0 0)"/>
 </svg>
diff --git a/src-ui/src/assets/logo-white-notext.svg b/src-ui/src/assets/logo-white-notext.svg
new file mode 100644
index 000000000..38ca9e700
--- /dev/null
+++ b/src-ui/src/assets/logo-white-notext.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="69.999977mm"
+   height="84.283669mm"
+   viewBox="0 0 69.999977 84.283669"
+   version="1.1"
+   id="svg4812"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="logo-dark-notext.svg">
+  <defs
+     id="defs4806" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="328.04904"
+     inkscape:cy="330.33332"
+     inkscape:document-units="mm"
+     inkscape:current-layer="SvgjsG1020"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="1280"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4809">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-9.9999792,-10.000082)">
+    <g
+       id="SvgjsG1020"
+       featureKey="symbol1"
+       fill="#ffffff"
+       transform="matrix(0.10341565,0,0,0.10341565,1.2287665,8.3453496)">
+      <path
+         id="path57"
+         style="fill:#ffffff;stroke-width:1.10017"
+         d="M 752.4375,82.365234 C 638.02019,348.60552 87.938206,381.6089 263.96484,810.67383 c 2.20034,5.50083 -40.70621,63.80947 -69.31054,112.21679 -6.601,-24.20366 -14.30329,-50.6063 -13.20313,-52.80664 C 324.47281,700.65835 79.135592,604.94324 65.933594,466.32227 4.3242706,576.33891 -17.678136,768.86756 168.25,879.98438 c 1.10017,-10e-6 9.90207,41.80777 14.30273,62.71093 -4.40066,8.80133 -8.80162,17.60213 -11.00195,24.20313 -4.40066,11.00166 28.60352,9.90123 28.60352,12.10156 3.3005,-1.10017 81.41295,-138.62054 83.61328,-139.7207 C 726.0345,738.06398 804.14532,339.80419 752.4375,82.365234 Z M 526.9043,362.90625 C 320.073,547.73422 284.86775,685.25508 291.46875,752.36523 222.15826,588.44043 425.68898,408.01308 526.9043,362.90625 Z M 127.54297,626.94727 c 39.60599,36.30549 105.6163,147.4222 49.50781,212.33203 13.202,-29.7045 17.60234,-96.81455 -49.50781,-212.33203 z"
+         transform="matrix(0.90895334,0,0,0.90895334,65.06894,-58.865357)" />
+      <defs
+         id="defs14302" />
+    </g>
+  </g>
+</svg>
diff --git a/src-ui/src/index.html b/src-ui/src/index.html
index 08ab3d931..b05f9123b 100644
--- a/src-ui/src/index.html
+++ b/src-ui/src/index.html
@@ -5,11 +5,12 @@
   <title>Paperless-ng</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="color-scheme" content="dark light">
   <meta name="theme-color" content="#17541f" />
   <link rel="manifest" href="manifest.webmanifest">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
-<body>
+<body class="color-scheme-system">
   <app-root></app-root>
 </body>
 </html>
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 7e9a9377a..8cf4a93f6 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -1,4 +1,5 @@
 @import "theme";
+@import "theme_dark";
 @import "node_modules/bootstrap/scss/bootstrap";
 @import "~@ng-select/ng-select/themes/default.theme.css";
 
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
new file mode 100644
index 000000000..a122f1d86
--- /dev/null
+++ b/src-ui/src/theme_dark.scss
@@ -0,0 +1,329 @@
+$primary-dark-mode: #346e2c;
+$danger-dark-mode: #9c142a;
+$bg-dark-mode: #161618;
+$bg-light-dark-mode: #1c1c1f;
+$text-color-dark-mode: #abb2bf;
+$text-color-dark-mode-accent: lighten($text-color-dark-mode, 10%);
+$border-color-dark-mode: #47494f;
+
+* {
+  transition: background-color 0.3s ease, border-color 0.3s ease;
+}
+
+@mixin dark-mode {
+  background-color: $bg-dark-mode !important;
+  color: $text-color-dark-mode;
+
+  .navbar-brand {
+    color: $text-color-dark-mode;
+  }
+
+  svg.logo {
+    .leaf {
+      color: $primary-dark-mode !important;
+    }
+    .text {
+      fill: $text-color-dark-mode !important;
+    }
+  }
+
+  .bg-light {
+    background-color: $bg-light-dark-mode !important;
+
+    a,
+    div {
+      color: $text-color-dark-mode;
+    }
+  }
+
+  .border {
+    border-color: $border-color-dark-mode !important;
+  }
+
+  .border-right {
+    border-right: 1px solid $border-color-dark-mode !important;
+  }
+
+  .border-left {
+    border-left: 1px solid $border-color-dark-mode !important;
+  }
+
+  .border-bottom {
+    border-bottom: 1px solid $border-color-dark-mode !important;
+  }
+
+  .nav-link {
+    color: $text-color-dark-mode !important;
+
+    &.active {
+      background-color: $bg-dark-mode;
+      color: $text-color-dark-mode;
+      border-color: $border-color-dark-mode $border-color-dark-mode $bg-dark-mode;
+    }
+
+    &:hover {
+      color: $text-color-dark-mode-accent !important;
+      border-color: $border-color-dark-mode $border-color-dark-mode $bg-dark-mode;
+    }
+  }
+
+  .nav-tabs {
+    border-color: $border-color-dark-mode;
+
+    .nav-link {
+      color: $primary-dark-mode !important;
+
+      &.active {
+        color: $text-color-dark-mode !important;
+      }
+    }
+  }
+
+  .dropdown-menu {
+    background-color: $bg-dark-mode;
+
+    .dropdown-divider {
+      border-color: $border-color-dark-mode;
+    }
+
+    .dropdown-item {
+      color: $text-color-dark-mode;
+
+      &:hover {
+        background-color: $bg-light-dark-mode;
+        color: $text-color-dark-mode;
+      }
+    }
+
+    .dropdown-item.disabled {
+      color: darken($text-color-dark-mode, 20%);
+    }
+  }
+
+  .card {
+    background-color: $bg-light-dark-mode;
+
+    .card-text {
+      color: $text-color-dark-mode;
+    }
+  }
+
+  .text-dark {
+    color: $text-color-dark-mode !important;
+  }
+
+  .modal-content, .modal-header, .modal-body, .modal-footer {
+    background-color: $bg-light-dark-mode;
+    border-color: $border-color-dark-mode;
+  }
+
+  app-tag .badge {
+    filter: brightness(.8);
+  }
+
+  .badge-light {
+    background-color: darken($bg-dark-mode, 20%);
+    color: $text-color-dark-mode-accent;
+  }
+
+  .doc-img-container {
+    border: none !important;
+    border-top-left-radius: .25rem;
+    border-top-right-radius: .25rem;
+    overflow: hidden;
+  }
+
+  .doc-img {
+    mix-blend-mode: normal;
+    filter: invert(95%) hue-rotate(180deg);
+    border-radius: 0;
+    border-color: $bg-dark-mode;
+
+    &.border-right {
+      border-right: none !important;
+    }
+  }
+
+  .card-selected .doc-img {
+    mix-blend-mode: luminosity;
+  }
+
+  .toast {
+    background-color: opacify($bg-light-dark-mode, .85);
+  }
+
+  .toast-header {
+    background-color: opacify($bg-dark-mode, .85);
+  }
+
+  a {
+    color: $primary-dark-mode;
+
+    &:hover {
+      color: lighten($primary, 10%);
+    }
+  }
+
+  table {
+    background-color: $bg-light-dark-mode;
+    color: $text-color-dark-mode;
+    border-color: $border-color-dark-mode;
+
+    tr:hover {
+      background-color: $bg-light-dark-mode;
+      color: $text-color-dark-mode-accent;
+    }
+  }
+
+  .table td,
+  .table th {
+    border-color: $border-color-dark-mode;
+  }
+
+  .table-row-selected {
+    background-color: $bg-light-dark-mode;
+  }
+
+  .close {
+    color: $text-color-dark-mode;
+    text-shadow: 0 1px 0 #666;
+  }
+
+  .btn-outline-primary{
+    border-color: $primary-dark-mode;
+    color: $primary-dark-mode;
+
+    &:hover {
+      background-color: darken($primary-dark-mode, 10%);
+      color: $text-color-dark-mode-accent;
+    }
+  }
+
+  .btn-outline-secondary {
+    border-color: $text-color-dark-mode;
+    color: $text-color-dark-mode;
+
+    &:hover {
+      background-color: $bg-dark-mode;
+    }
+  }
+
+  .btn-outline-danger {
+    border-color: $danger-dark-mode;
+    color: $danger-dark-mode;
+
+    &:hover {
+      background-color: darken($danger-dark-mode, 10%);
+      color: $text-color-dark-mode-accent;
+    }
+  }
+
+  .btn-outline-dark {
+    border-color: $border-color-dark-mode;
+    color: $text-color-dark-mode;
+
+    &:hover {
+      color: $text-color-dark-mode-accent;
+    }
+  }
+
+  .btn-link:not(:disabled):not(.disabled) {
+    color: $primary-dark-mode;
+  }
+
+  .btn-link:hover,
+  .btn-outline-primary:not(:disabled):not(.disabled).active,
+  .btn-outline-primary:not(:disabled):not(.disabled):active,
+  .show > .btn-outline-primary.dropdown-toggle {
+    color: $text-color-dark-mode-accent;
+  }
+
+  button.bg-light:hover {
+    background-color: $bg-dark-mode !important;
+  }
+
+  .form-control,
+  input,
+  select,
+  textarea {
+    background-color: $bg-dark-mode;
+    color: $text-color-dark-mode;
+    border-color: $border-color-dark-mode;
+
+    &::placeholder {
+      color: $text-color-dark-mode;
+    }
+
+    &:focus {
+      background-color: $bg-light-dark-mode !important;
+      color: darken($text-color-dark-mode, 10%) !important;
+    }
+  }
+
+  .ng-select-container,
+  .ng-select.ng-select-opened > .ng-select-container,
+  .ng-dropdown-panel,
+  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+    background-color: $bg-dark-mode;
+    color: $text-color-dark-mode;
+    border-color: $border-color-dark-mode;
+
+    input:focus {
+      background-color: transparent !important;
+    }
+  }
+
+  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {
+    background-color: $bg-light-dark-mode;
+  }
+
+  .custom-control-label:before {
+    background-color: $bg-dark-mode;
+    color: $text-color-dark-mode;
+  }
+
+  .custom-control-input:checked ~ .custom-control-label::before {
+    color: $text-color-dark-mode-accent;
+  }
+
+  .input-group-text {
+    color: $text-color-dark-mode;
+    background-color: $bg-light-dark-mode;
+    border-color: $border-color-dark-mode;
+  }
+
+  .list-group-item {
+    color: $text-color-dark-mode;
+    background-color: $bg-light-dark-mode;
+    border-color: $border-color-dark-mode;
+  }
+
+  .page-item.disabled .page-link {
+    background-color: $bg-dark-mode;
+    border-color: $border-color-dark-mode;
+  }
+
+  .list-group-item,
+  .page-link {
+    background-color: $bg-light-dark-mode;
+    border-color: $border-color-dark-mode;
+  }
+
+  .page-item.active .page-link {
+    border-color: $border-color-dark-mode;
+    color: $text-color-dark-mode-accent;
+  }
+
+  .progress {
+    background-color: $border-color-dark-mode;
+  }
+}
+
+body.color-scheme-dark {
+  @include dark-mode;
+}
+body.color-scheme-system {
+  @media (prefers-color-scheme: dark) {
+    @include dark-mode;
+  }
+}