Final push before system formatting

AppDev/ikt205_2026_18_study_sprint/source/constants/defaultStyles.ts

@@ -0,0 +1,105 @@
+import { StyleSheet } from "react-native";
+
+export const defaultStyles = StyleSheet.create({
+  container: { 
+    flex: 1, 
+    padding: 24, 
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  buttonContainer: {
+    flexDirection: "row",
+    gap: 8,
+    justifyContent: "center",
+    marginHorizontal: 4,
+    marginVertical: 4,
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: '700',
+    textAlign: 'center',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  subtitle: {
+    fontSize: 20,
+    fontWeight: '600',
+    textAlign: 'center',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  body: {
+    fontSize: 16,
+    fontWeight: '400',
+    textAlign: 'left',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  separator: {
+    height: 1,
+    backgroundColor: '#000000',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  circularButton: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  linkText: {
+    color: "blue",
+    textDecorationLine: "underline",
+    textAlign: "center",
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  inputText: {
+    borderWidth: 1,
+    borderColor: "#ccc",
+    borderRadius: 6,
+    fontSize: 16,
+    fontWeight: '400',
+    textAlign: 'left',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  checkboxContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  checkbox: {
+    width: 24,
+    height: 24,
+    borderWidth: 2,
+    borderColor: '#666',
+    borderRadius: 4,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  checkboxMark: {
+    fontSize: 14,
+    fontWeight: '700',
+  },
+  checkboxLabel: {
+    fontSize: 16,
+    color: '#111',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+  boldBody: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    textAlign: 'left',
+    marginVertical: 4,
+    marginHorizontal: 4,
+  },
+});

AppDev/ikt205_2026_18_study_sprint/source/constants/theme.ts

@@ -0,0 +1,53 @@
+/**
+ * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
+ * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
+ */
+
+import { Platform } from 'react-native';
+
+const tintColorLight = '#0a7ea4';
+const tintColorDark = '#fff';
+
+export const Colors = {
+  light: {
+    text: '#11181C',
+    background: '#fff',
+    tint: tintColorLight,
+    icon: '#687076',
+    tabIconDefault: '#687076',
+    tabIconSelected: tintColorLight,
+  },
+  dark: {
+    text: '#ECEDEE',
+    background: '#151718',
+    tint: tintColorDark,
+    icon: '#9BA1A6',
+    tabIconDefault: '#9BA1A6',
+    tabIconSelected: tintColorDark,
+  },
+};
+
+export const Fonts = Platform.select({
+  ios: {
+    /** iOS `UIFontDescriptorSystemDesignDefault` */
+    sans: 'system-ui',
+    /** iOS `UIFontDescriptorSystemDesignSerif` */
+    serif: 'ui-serif',
+    /** iOS `UIFontDescriptorSystemDesignRounded` */
+    rounded: 'ui-rounded',
+    /** iOS `UIFontDescriptorSystemDesignMonospaced` */
+    mono: 'ui-monospace',
+  },
+  default: {
+    sans: 'normal',
+    serif: 'serif',
+    rounded: 'normal',
+    mono: 'monospace',
+  },
+  web: {
+    sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+    serif: "Georgia, 'Times New Roman', serif",
+    rounded: "'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Meiryo, 'MS PGothic', sans-serif",
+    mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+  },
+});