aboutsummaryrefslogtreecommitdiffstats
path: root/apps/mobile
diff options
context:
space:
mode:
Diffstat (limited to 'apps/mobile')
-rw-r--r--apps/mobile/globals.css80
-rw-r--r--apps/mobile/tailwind.config.js12
-rw-r--r--apps/mobile/theme/colors.ts77
3 files changed, 5 insertions, 164 deletions
diff --git a/apps/mobile/globals.css b/apps/mobile/globals.css
index 992b92cd..82fa9eab 100644
--- a/apps/mobile/globals.css
+++ b/apps/mobile/globals.css
@@ -23,46 +23,6 @@
--border: 230 230 235;
--input: 210 210 215;
--ring: 230 230 235;
-
- --android-background: 250 252 255;
- --android-foreground: 27 28 29;
- --android-card: 255 255 255;
- --android-card-foreground: 24 28 35;
- --android-popover: 215 217 228;
- --android-popover-foreground: 0 0 0;
- --android-primary: 0 112 233;
- --android-primary-foreground: 255 255 255;
- --android-secondary: 176 201 255;
- --android-secondary-foreground: 28 60 114;
- --android-muted: 176 176 181;
- --android-muted-foreground: 102 102 102;
- --android-accent: 169 73 204;
- --android-accent-foreground: 255 255 255;
- --android-destructive: 186 26 26;
- --android-destructive-foreground: 255 255 255;
- --android-border: 118 122 127;
- --android-input: 197 201 206;
- --android-ring: 118 122 127;
-
- --web-background: 250 252 255;
- --web-foreground: 27 28 29;
- --web-card: 255 255 255;
- --web-card-foreground: 24 28 35;
- --web-popover: 215 217 228;
- --web-popover-foreground: 0 0 0;
- --web-primary: 0 112 233;
- --web-primary-foreground: 255 255 255;
- --web-secondary: 176 201 255;
- --web-secondary-foreground: 28 60 114;
- --web-muted: 216 226 255;
- --web-muted-foreground: 0 26 65;
- --web-accent: 169 73 204;
- --web-accent-foreground: 255 255 255;
- --web-destructive: 186 26 26;
- --web-destructive-foreground: 255 255 255;
- --web-border: 118 122 127;
- --web-input: 197 201 206;
- --web-ring: 118 122 127;
}
@media (prefers-color-scheme: dark) {
@@ -86,46 +46,6 @@
--border: 40 40 40;
--input: 51 51 51;
--ring: 40 40 40;
-
- --android-background: 24 28 32;
- --android-foreground: 221 227 233;
- --android-card: 36 40 44;
- --android-card-foreground: 197 201 206;
- --android-popover: 70 74 78;
- --android-popover-foreground: 197 201 206;
- --android-primary: 0 69 148;
- --android-primary-foreground: 214 224 255;
- --android-secondary: 28 60 114;
- --android-secondary-foreground: 255 255 255;
- --android-muted: 112 112 115;
- --android-muted-foreground: 226 226 231;
- --android-accent: 83 0 111;
- --android-accent-foreground: 255 255 255;
- --android-destructive: 147 0 10;
- --android-destructive-foreground: 255 255 255;
- --android-border: 143 148 153;
- --android-input: 70 74 78;
- --android-ring: 143 148 153;
-
- --web-background: 24 28 32;
- --web-foreground: 221 227 233;
- --web-card: 70 74 78;
- --web-card-foreground: 197 201 206;
- --web-popover: 70 74 78;
- --web-popover-foreground: 197 201 206;
- --web-primary: 0 69 148;
- --web-primary-foreground: 214 224 255;
- --web-secondary: 28 60 114;
- --web-secondary-foreground: 255 255 255;
- --web-muted: 29 27 29;
- --web-muted-foreground: 230 224 228;
- --web-accent: 83 0 111;
- --web-accent-foreground: 255 255 255;
- --web-destructive: 147 0 10;
- --web-destructive-foreground: 255 255 255;
- --web-border: 143 148 153;
- --web-input: 70 74 78;
- --web-ring: 143 148 153;
}
}
}
diff --git a/apps/mobile/tailwind.config.js b/apps/mobile/tailwind.config.js
index 74a9f30a..ee6214f0 100644
--- a/apps/mobile/tailwind.config.js
+++ b/apps/mobile/tailwind.config.js
@@ -1,4 +1,4 @@
-const { hairlineWidth, platformSelect } = require("nativewind/theme");
+const { hairlineWidth } = require("nativewind/theme");
/** @type {import('tailwindcss').Config} */
module.exports = {
@@ -53,14 +53,8 @@ module.exports = {
function withOpacity(variableName) {
return ({ opacityValue }) => {
if (opacityValue !== undefined) {
- return platformSelect({
- ios: `rgb(var(--${variableName}) / ${opacityValue})`,
- android: `rgb(var(--android-${variableName}) / ${opacityValue})`,
- });
+ return `rgb(var(--${variableName}) / ${opacityValue})`;
}
- return platformSelect({
- ios: `rgb(var(--${variableName}))`,
- android: `rgb(var(--android-${variableName}))`,
- });
+ return `rgb(var(--${variableName}))`;
};
}
diff --git a/apps/mobile/theme/colors.ts b/apps/mobile/theme/colors.ts
index 626bcb99..47c54a52 100644
--- a/apps/mobile/theme/colors.ts
+++ b/apps/mobile/theme/colors.ts
@@ -1,6 +1,4 @@
-import { Platform } from "react-native";
-
-const IOS_SYSTEM_COLORS = {
+const SYSTEM_COLORS = {
white: "rgb(255, 255, 255)",
black: "rgb(0, 0, 0)",
light: {
@@ -33,77 +31,6 @@ const IOS_SYSTEM_COLORS = {
},
} as const;
-const ANDROID_COLORS = {
- white: "rgb(255, 255, 255)",
- black: "rgb(0, 0, 0)",
- light: {
- grey6: "rgb(242, 242, 247)",
- grey5: "rgb(230, 230, 235)",
- grey4: "rgb(210, 210, 215)",
- grey3: "rgb(199, 199, 204)",
- grey2: "rgb(176, 176, 181)",
- grey: "rgb(153, 153, 158)",
- background: "rgb(250, 252, 255)",
- foreground: "rgb(27, 28, 29)",
- root: "rgb(250, 252, 255)",
- card: "rgb(250, 252, 255)",
- destructive: "rgb(186, 26, 26)",
- primary: "rgb(0, 112, 233)",
- },
- dark: {
- grey6: "rgb(21, 21, 24)",
- grey5: "rgb(40, 40, 40)",
- grey4: "rgb(51, 51, 51)",
- grey3: "rgb(70, 70, 70)",
- grey2: "rgb(99, 99, 99)",
- grey: "rgb(158, 158, 158)",
- background: "rgb(24, 28, 32)",
- foreground: "rgb(221, 227, 233)",
- root: "rgb(24, 28, 32)",
- card: "rgb(24, 28, 32)",
- destructive: "rgb(147, 0, 10)",
- primary: "rgb(0, 69, 148)",
- },
-} as const;
-
-const WEB_COLORS = {
- white: "rgb(255, 255, 255)",
- black: "rgb(0, 0, 0)",
- light: {
- grey6: "rgb(250, 252, 255)",
- grey5: "rgb(243, 247, 251)",
- grey4: "rgb(236, 242, 248)",
- grey3: "rgb(233, 239, 247)",
- grey2: "rgb(229, 237, 245)",
- grey: "rgb(226, 234, 243)",
- background: "rgb(250, 252, 255)",
- foreground: "rgb(27, 28, 29)",
- root: "rgb(250, 252, 255)",
- card: "rgb(250, 252, 255)",
- destructive: "rgb(186, 26, 26)",
- primary: "rgb(0, 112, 233)",
- },
- dark: {
- grey6: "rgb(25, 30, 36)",
- grey5: "rgb(31, 38, 45)",
- grey4: "rgb(35, 43, 52)",
- grey3: "rgb(38, 48, 59)",
- grey2: "rgb(40, 51, 62)",
- grey: "rgb(44, 56, 68)",
- background: "rgb(24, 28, 32)",
- foreground: "rgb(221, 227, 233)",
- root: "rgb(24, 28, 32)",
- card: "rgb(24, 28, 32)",
- destructive: "rgb(147, 0, 10)",
- primary: "rgb(0, 69, 148)",
- },
-} as const;
-
-const COLORS =
- Platform.OS === "ios"
- ? IOS_SYSTEM_COLORS
- : Platform.OS === "android"
- ? ANDROID_COLORS
- : WEB_COLORS;
+const COLORS = SYSTEM_COLORS;
export { COLORS };
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2026-02-11 08:11:47 +0000