Fix: Solid icons in server settings

src/components/ui/Button.tsx

@@ -33,6 +33,7 @@ export default styled.button<Props>`
     }
 
     &:disabled {
+        cursor: not-allowed;
         background: var(--primary-background);
     }
 
@@ -50,6 +51,7 @@ export default styled.button<Props>`
             }
 
             &:disabled {
+                cursor: not-allowed;
                 opacity: .5;
             }
 
@@ -69,6 +71,7 @@ export default styled.button<Props>`
             }
 
             &:disabled {
+                cursor: not-allowed;
                 background: var(--secondary-header);
             }
 
@@ -89,6 +92,7 @@ export default styled.button<Props>`
             }
 
             &:disabled {
+                cursor: not-allowed;
                 background: var(--error);
             }
         `}

src/pages/settings/ServerSettings.tsx

@@ -1,10 +1,5 @@
-import {
-    ListUl,
-    Share,
-    Group,
-    ListCheck,
-} from "@styled-icons/boxicons-regular";
-import { XSquare } from "@styled-icons/boxicons-solid";
+import { ListUl, ListCheck } from "@styled-icons/boxicons-regular";
+import { XSquare, Share, Group } from "@styled-icons/boxicons-solid";
 import { Route, useHistory, useParams } from "react-router-dom";
 
 import { Text } from "preact-i18n";

src/pages/settings/panes/Appearance.tsx

@@ -118,6 +118,15 @@ export function Component(props: Props) {
                     </h4>
                 </div>
             </div>
+            {/*<Checkbox
+                    checked={props.settings.theme?.ligatures === true}
+                    onChange={() =>
+                        setTheme({
+                            ligatures: !props.settings.theme?.ligatures,
+                        })
+                    }>
+                    Use the system theme
+                </Checkbox>*/}
 
             <h3>
                 <Text id="app.settings.pages.appearance.accent_selector" />