feat: add no animations setting back, text shadow/border option

src/components/modals/main/settings/sections/Appearance.jsx

@@ -55,6 +55,8 @@ export default function AppearanceSettings() {
       </Dropdown>
 
       <h3>{appearance.accessibility.title}</h3>
+      <Checkbox text='Widget Text Border' name='textBorder' category='other'/>
+      <Checkbox text='Animations' name='animations' category='other'/>
       <Slider title={appearance.accessibility.toast_duration} name='toastDisplayTime' default='2500' step='100' min='500' max='5000' toast={true} display={' ' + appearance.accessibility.milliseconds} />
     </>
   );

src/components/widgets/greeting/greeting.scss

@@ -3,4 +3,5 @@
   font-size: 1.6em;
   cursor: initial;
   user-select: none;
+  --shadow-shift: 0.2rem;
 }

src/components/widgets/quote/quote.scss

@@ -5,6 +5,7 @@
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   cursor: initial;
   user-select: none;
+	--shadow-shift: 0.125rem;
 }
 
 @media screen and (min-width: 600px) {
@@ -18,6 +19,7 @@
   font-size: 0.9em;
   letter-spacing: 0.5px;
   user-select: none;
+	--shadow-shift: 0.125rem;
 
   svg {
     margin-left: 10px;

src/components/widgets/time/clock.scss

@@ -5,6 +5,7 @@
   margin: 0;
   cursor: initial;
   user-select: none;
+  --shadow-shift: 0.4rem;
 }
 
 .ampm {