1 files changed, 9 insertions, 0 deletions

diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts
index b3cbd3347..9c9f3e175 100644
--- a/src/features/appearance/index.ts
+++ b/src/features/appearance/index.ts
@@ -2,6 +2,7 @@ import color from 'color';
 import { reaction } from 'mobx';
 import TopBarProgress from 'react-topbar-progress-indicator';
 
+import { pathExistsSync, readFileSync } from 'fs-extra';
 import { isWindows, isLinux } from '../../environment';
 import {
   DEFAULT_APP_SETTINGS,
@@ -10,6 +11,7 @@ import {
   SIDEBAR_SERVICES_LOCATION_CENTER,
   SIDEBAR_SERVICES_LOCATION_BOTTOMRIGHT,
 } from '../../config';
+import { userDataPath } from '../../environment-remote';
 
 const STYLE_ELEMENT_ID = 'custom-appearance-style';
 
@@ -34,6 +36,11 @@ function darkenAbsolute(originalColor, absoluteChange) {
   return originalColor.lightness(originalLightness - absoluteChange);
 }
 
+function generateUserCustomCSS() {
+  const path = userDataPath('config', 'custom.css');
+  return pathExistsSync(path) ? readFileSync(path).toString() : '';
+}
+
 function generateAccentStyle(accentColorStr) {
   let accentColor;
   try {
@@ -421,6 +428,8 @@ function generateStyle(settings, app) {
     style += generateOpenWorkspaceStyle();
   }
 
+  style += generateUserCustomCSS();
+
   return style;
 }