From 12326e32cdeb1f1d2ea14bbff555fbc33709eb0a Mon Sep 17 00:00:00 2001
From: Danny Michel <dannymichel@users.noreply.github.com>
Date: Fri, 29 Apr 2022 08:19:47 -0400
Subject: [PATCH] Improve subtitles by changing default dont to universal
 system font stack(the same one github uses) and improving stroke for uniform
 option.

---
 .../subtitlesettings/subtitleappearancehelper.js          | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/subtitlesettings/subtitleappearancehelper.js b/src/components/subtitlesettings/subtitleappearancehelper.js
index 6cd5440ea6..5f146056e0 100644
--- a/src/components/subtitlesettings/subtitleappearancehelper.js
+++ b/src/components/subtitlesettings/subtitleappearancehelper.js
@@ -40,13 +40,13 @@ function getTextStyles(settings, preview) {
 
     switch (settings.dropShadow || '') {
         case 'raised':
-            list.push({ name: 'text-shadow', value: '-1px -1px white, 0px -1px white, -1px 0px white, 1px 1px black, 0px 1px black, 1px 0px black' });
+            list.push({ name: 'text-shadow', value: '-0.04em -0.04em #fff, 0px -0.04em #fff, -0.04em 0px #fff, 0.04em 0.04em #000, 0px 0.04em #000, 0.04em 0px #000' });
             break;
         case 'depressed':
-            list.push({ name: 'text-shadow', value: '1px 1px white, 0px 1px white, 1px 0px white, -1px -1px black, 0px -1px black, -1px 0px black' });
+            list.push({ name: 'text-shadow', value: '0.04em 0.04em #fff, 0px 0.04em #fff, 0.04em 0px #fff, -0.04em -0.04em #000, 0px -0.04em #000, -0.04em 0px #000' });
             break;
         case 'uniform':
-            list.push({ name: 'text-shadow', value: '-1px 0px #000000, 0px 1px #000000, 1px 0px #000000, 0px -1px #000000' });
+            list.push({ name: 'text-shadow', value: '#000 0px 0.03em, #000 0px -0.03em, #000 0px 0.05em, #000 0px -0.05em, #000 0.03em 0px, #000 -0.03em 0px, #000 0.03em 0.03em, #000 -0.03em 0.03em, #000 0.03em -0.03em, #000 -0.03em -0.03em, #000 0.03em 0.05em, #000 -0.03em 0.05em, #000 0.03em -0.05em, #000 -0.03em -0.05em, #000 0.05em 0px, #000 -0.05em 0px, #000 0.05em 0.03em, #000 -0.05em 0.03em, #000 0.05em -0.03em, #000 -0.05em -0.03em' });
             break;
         case 'none':
             list.push({ name: 'text-shadow', value: 'none' });
@@ -93,7 +93,7 @@ function getTextStyles(settings, preview) {
             list.push({ name: 'font-variant', value: 'small-caps' });
             break;
         default:
-            list.push({ name: 'font-family', value: 'inherit' });
+            list.push({ name: 'font-family', value: '-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol' });
             list.push({ name: 'font-variant', value: 'none' });
             break;
     }