push up simple requested changes

Author: DaltheCow

src/ui/app/globals.css

@@ -16,16 +16,19 @@ code {
   font-style: 'normal';
   font-weight: 400;
   src: url('./assets/fonts/spezia/spezia-regular.ttf') format('truetype');
+  font-display: swap;
 }
 @font-face {
   font-family: 'Spezia';
   font-style: 'normal';
   font-weight: 500;
   src: url('./assets/fonts/spezia/spezia-medium.ttf') format('truetype');
+  font-display: swap;
 }
 @font-face {
   font-family: 'SpeziaMono';
   font-style: 'normal';
   font-weight: 500;
   src: url('./assets/fonts/spezia/spezia-mono-medium.ttf') format('truetype');
+  font-display: swap;
 }

src/ui/app/theme.ts

@@ -32,7 +32,6 @@ import {
   DARK_SURFACE_CONTAINER_SHADE_4,
   DARK_SURFACE_CONTAINER_SHADE_5,
   CHARCOAL_NAVY,
-  DODGER_BLUE,
   SEA_LION,
   MIDNIGHT_BLUE,
   DEEP_FOREST_GREEN,
@@ -429,7 +428,7 @@ export const muiThemeV3Light = createTheme({
     },
     surface: {
       onSurface: CHARCOAL_NAVY,
-      onSurfaceAccent: DODGER_BLUE,
+      onSurfaceAccent: NEURAL_BLUE,
       onSurfaceSubdued: SEA_LION,
       surface: SURFACE_SHADE_2,
       surfaceContainer: SURFACE_CONTAINER_SHADE_3,
@@ -482,7 +481,7 @@ export const themeV3LightName = 'muiThemeV3Light';
 
 const DEFAULT_SURFACE_OPTIONS = {
   onSurface: CHARCOAL_NAVY,
-  onSurfaceAccent: DODGER_BLUE,
+  onSurfaceAccent: NEURAL_BLUE,
   onSurfaceSubdued: SEA_LION,
   surface: SURFACE_SHADE_2,
   surfaceContainer: SURFACE_CONTAINER_SHADE_3,
@@ -525,7 +524,7 @@ export const muiThemeV3Dark = createTheme({
     surface: {
       ...DEFAULT_SURFACE_OPTIONS,
       onSurface: LAVENDER_GRAY,
-      onSurfaceAccent: DODGER_BLUE,
+      onSurfaceAccent: NEURAL_BLUE,
       onSurfaceSubdued: ASH_GRAY,
       surface: DARK_SURFACE_SHADE_1,
       surfaceContainer: DARK_SURFACE_CONTAINER_SHADE_3,

src/ui/lib/layouts/helpers/ContentCenterer.tsx

@@ -6,22 +6,8 @@ type HasChildren = {
   children: ReactNode;
 };
 
-const getPaddingForBreakpoint = (breakpoint: string) => {
-  switch (breakpoint) {
-    case 'xs':
-      return '16px';
-    case 'sm':
-      return '32px';
-    case 'md':
-      return '32px';
-    case 'lg':
-      return '32px';
-    case 'xl':
-      return '32px';
-    default:
-      return '32px';
-  }
-};
+const getPaddingForBreakpoint = (breakpoint: string) =>
+  breakpoint === 'xs' ? '16px' : '32px';
 
 export const ContentCenterer = ({ children }: HasChildren) => {
   const breakpoint = useCurrentBreakpoint();

src/ui/lib/utils/Colors.ts

@@ -31,7 +31,6 @@ export const SURFACE_CONTAINER_SHADE_4 = '#E7E8EE';
 export const SURFACE_CONTAINER_SHADE_5 = LAVENDER_GRAY;
 
 export const CHARCOAL_NAVY = '#0F161F';
-export const DODGER_BLUE = '#2A8EFD';
 export const SEA_LION = '#7F8795';
 export const MIDNIGHT_BLUE = '#001B3C';
 export const DEEP_FOREST_GREEN = '#002112';