diff options
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/mobile/globals.css | 80 | ||||
| -rw-r--r-- | apps/mobile/tailwind.config.js | 12 | ||||
| -rw-r--r-- | apps/mobile/theme/colors.ts | 77 |
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 }; |
