related-ui-components 2.0.4 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/theme/Colors.js +12 -0
- package/lib/module/theme/Colors.js.map +1 -1
- package/lib/module/theme/ThemeContext.js +3 -4
- package/lib/module/theme/ThemeContext.js.map +1 -1
- package/lib/typescript/src/theme/Colors.d.ts +3 -0
- package/lib/typescript/src/theme/Colors.d.ts.map +1 -1
- package/lib/typescript/src/theme/ThemeContext.d.ts +0 -1
- package/lib/typescript/src/theme/ThemeContext.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/theme/Colors.ts +9 -0
- package/src/theme/ThemeContext.tsx +3 -4
|
@@ -33,12 +33,18 @@ export const lightTheme = {
|
|
|
33
33
|
// Nearly black for text
|
|
34
34
|
onPrimary: "#FFFFFF",
|
|
35
35
|
// White text on primary color
|
|
36
|
+
onPrimaryVariant: "#FFFFFF",
|
|
37
|
+
// White text on primary color
|
|
36
38
|
onSecondary: "#FFFFFF",
|
|
37
39
|
// White text on secondary color
|
|
40
|
+
onSecondaryVariant: "#FFFFFF",
|
|
41
|
+
// White text on secondary color
|
|
38
42
|
onError: "#FFFFFF",
|
|
39
43
|
// White text on error color
|
|
40
44
|
onBackground: "#1A1A1A",
|
|
41
45
|
// Nearly black text on background
|
|
46
|
+
onBackgroundVariant: "#1A1A1A",
|
|
47
|
+
// Nearly black text on background
|
|
42
48
|
onSurface: "#1A1A1A",
|
|
43
49
|
// Nearly black text on surface
|
|
44
50
|
|
|
@@ -105,12 +111,18 @@ export const darkTheme = {
|
|
|
105
111
|
// Very light gray, nearly white
|
|
106
112
|
onPrimary: "#121212",
|
|
107
113
|
// Nearly black text on primary
|
|
114
|
+
onPrimaryVariant: "#121212",
|
|
115
|
+
// Nearly black text on primary
|
|
108
116
|
onSecondary: "#FFFFFF",
|
|
109
117
|
// White text on secondary
|
|
118
|
+
onSecondaryVariant: "#FFFFFF",
|
|
119
|
+
// White text on secondary
|
|
110
120
|
onError: "#FFFFFF",
|
|
111
121
|
// White text on error
|
|
112
122
|
onBackground: "#F5F5F5",
|
|
113
123
|
// Nearly white text on background
|
|
124
|
+
onBackgroundVariant: "#F5F5F5",
|
|
125
|
+
// Nearly white text on background
|
|
114
126
|
onSurface: "#F5F5F5",
|
|
115
127
|
// Nearly white text on surface
|
|
116
128
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["lightTheme","background","surface","surfaceVariant","primary","primaryVariant","secondary","secondaryVariant","error","success","warning","info","text","onPrimary","onSecondary","onError","onBackground","onSurface","border","divider","disabled","inputBackground","inputText","labelText","placeholderText","helper","spacing","xs","s","m","l","xl","xxl","skeletonBackgroundColor","skeletonItemColor","darkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/Colors.ts"],"mappings":";;AAAA;;
|
|
1
|
+
{"version":3,"names":["lightTheme","background","surface","surfaceVariant","primary","primaryVariant","secondary","secondaryVariant","error","success","warning","info","text","onPrimary","onPrimaryVariant","onSecondary","onSecondaryVariant","onError","onBackground","onBackgroundVariant","onSurface","border","divider","disabled","inputBackground","inputText","labelText","placeholderText","helper","spacing","xs","s","m","l","xl","xxl","skeletonBackgroundColor","skeletonItemColor","darkTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/Colors.ts"],"mappings":";;AAAA;;AA0DA;AACA,OAAO,MAAMA,UAAqB,GAAG;EACnC;EACAC,UAAU,EAAE,SAAS;EAAE;EACvBC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,SAAS,EAAE,SAAS;EAAE;EACtBC,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,KAAK,EAAE,SAAS;EAAE;EAClBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,IAAI,EAAE,SAAS;EAAE;;EAEjB;EACAC,IAAI,EAAE,SAAS;EAAE;EACjBC,SAAS,EAAE,SAAS;EAAE;EACtBC,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,WAAW,EAAE,SAAS;EAAE;EACxBC,kBAAkB,EAAE,SAAS;EAAE;EAC/BC,OAAO,EAAE,SAAS;EAAE;EACpBC,YAAY,EAAE,SAAS;EAAE;EACzBC,mBAAmB,EAAE,SAAS;EAAE;EAChCC,SAAS,EAAE,SAAS;EAAE;;EAEtB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,SAAS;EAAE;;EAEpB;EACAC,QAAQ,EAAE,SAAS;EAAE;;EAErB;EACAC,eAAe,EAAE,SAAS;EAAE;EAC5BC,SAAS,EAAE,SAAS;EAAE;EACtBC,SAAS,EAAE,SAAS;EAAE;EACtBC,eAAe,EAAE,SAAS;EAAE;EAC5BC,MAAM,EAAE,SAAS;EAAE;;EAEnBC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE,EAAE;IACLC,EAAE,EAAE,EAAE;IACNC,GAAG,EAAE;EACP,CAAC;EAEDC,uBAAuB,EAAE,SAAS;EAClCC,iBAAiB,EAAE;AACrB,CAAC;;AAED;AACA,OAAO,MAAMC,SAAoB,GAAG;EAClC;EACArC,UAAU,EAAE,SAAS;EAAE;EACvBC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EAAE;EAC3BC,OAAO,EAAE,SAAS;EAAE;EACpBC,cAAc,EAAE,SAAS;EACzBC,SAAS,EAAE,SAAS;EAAE;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,KAAK,EAAE,SAAS;EAAE;EAClBC,OAAO,EAAE,SAAS;EAAE;EACpBC,OAAO,EAAE,SAAS;EAAE;EACpBC,IAAI,EAAE,SAAS;EAAE;;EAEjB;EACAC,IAAI,EAAE,SAAS;EAAE;EACjBC,SAAS,EAAE,SAAS;EAAE;EACtBC,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,WAAW,EAAE,SAAS;EAAE;EACxBC,kBAAkB,EAAE,SAAS;EAAE;EAC/BC,OAAO,EAAE,SAAS;EAAE;EACpBC,YAAY,EAAE,SAAS;EAAE;EACzBC,mBAAmB,EAAE,SAAS;EAAE;EAChCC,SAAS,EAAE,SAAS;EAAE;;EAEtB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,OAAO,EAAE,SAAS;EAAE;;EAEpB;EACAC,QAAQ,EAAE,SAAS;EAAE;;EAErB;EACAC,eAAe,EAAE,SAAS;EAAE;EAC5BC,SAAS,EAAE,SAAS;EAAE;EACtBC,SAAS,EAAE,SAAS;EAAE;EACtBC,eAAe,EAAE,SAAS;EAAE;EAC5BC,MAAM,EAAE,SAAS;EAAE;;EAEnBC,OAAO,EAAE;IACPC,EAAE,EAAE,CAAC;IACLC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,EAAE;IACLC,CAAC,EAAE,EAAE;IACLC,EAAE,EAAE,EAAE;IACNC,GAAG,EAAE;EACP,CAAC;EAEDC,uBAAuB,EAAE,SAAS;EAClCC,iBAAiB,EAAE;AACrB,CAAC","ignoreList":[]}
|
|
@@ -18,11 +18,10 @@ export const RelatedProvider = ({
|
|
|
18
18
|
children,
|
|
19
19
|
customLightTheme,
|
|
20
20
|
customDarkTheme,
|
|
21
|
-
dark
|
|
22
|
-
forceRTL
|
|
21
|
+
dark
|
|
22
|
+
// forceRTL,
|
|
23
23
|
}) => {
|
|
24
24
|
const [isDark, setIsDark] = useState(dark || useColorScheme() === "dark");
|
|
25
|
-
const currentIsRTL = typeof forceRTL === "boolean" ? forceRTL : false;
|
|
26
25
|
|
|
27
26
|
// Allow custom themes to override defaults
|
|
28
27
|
const [themes, setThemes] = useState({
|
|
@@ -39,7 +38,7 @@ export const RelatedProvider = ({
|
|
|
39
38
|
const currentTheme = isDark ? themes.dark : themes.light;
|
|
40
39
|
const contextValue = {
|
|
41
40
|
theme: currentTheme,
|
|
42
|
-
isRTL:
|
|
41
|
+
isRTL: I18nManager.isRTL,
|
|
43
42
|
isDark,
|
|
44
43
|
toggleTheme
|
|
45
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","useContext","useState","I18nManager","useColorScheme","lightTheme","darkTheme","jsx","_jsx","ThemeContext","theme","isRTL","isDark","toggleTheme","RelatedProvider","children","customLightTheme","customDarkTheme","dark","
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useState","I18nManager","useColorScheme","lightTheme","darkTheme","jsx","_jsx","ThemeContext","theme","isRTL","isDark","toggleTheme","RelatedProvider","children","customLightTheme","customDarkTheme","dark","setIsDark","themes","setThemes","light","prev","currentTheme","contextValue","Provider","value","useTheme"],"sourceRoot":"..\\..\\..\\src","sources":["theme/ThemeContext.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IACVC,aAAa,EACbC,UAAU,EACVC,QAAQ,QAGH,OAAO;AAEd,SAASC,WAAW,EAAEC,cAAc,QAAQ,cAAc;AAC1D,SAASC,UAAU,EAAaC,SAAS,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ5D,OAAO,MAAMC,YAAY,gBAAGT,aAAa,CAAiB;EACxDU,KAAK,EAAEL,UAAU;EACjBM,KAAK,EAAER,WAAW,CAACQ,KAAK;EACxBC,MAAM,EAAE,KAAK;EACbC,WAAW,EAAEA,CAAA,KAAM,CAAC;AACtB,CAAC,CAAC;;AAEF;;AASA;AACA,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,QAAQ;EACRC,gBAAgB;EAChBC,eAAe;EACfC;EACA;AACF,CAAC,KAAK;EACJ,MAAM,CAACN,MAAM,EAAEO,SAAS,CAAC,GAAGjB,QAAQ,CAClCgB,IAAI,IAAId,cAAc,CAAC,CAAC,KAAK,MAC/B,CAAC;;EAED;EACA,MAAM,CAACgB,MAAM,EAAEC,SAAS,CAAC,GAAGnB,QAAQ,CAAC;IACnCoB,KAAK,EAAE;MAAE,GAAGjB,UAAU;MAAE,GAAGW;IAAiB,CAAc;IAC1DE,IAAI,EAAE;MAAE,GAAGZ,SAAS;MAAE,GAAGW;IAAgB;EAC3C,CAAC,CAAC;EAEF,MAAMJ,WAAW,GAAGA,CAAA,KAAMM,SAAS,CAAEI,IAAI,IAAK,CAACA,IAAI,CAAC;EAEpD,MAAMC,YAAY,GAAGZ,MAAM,GAAGQ,MAAM,CAACF,IAAI,GAAGE,MAAM,CAACE,KAAK;EAExD,MAAMG,YAA4B,GAAG;IACnCf,KAAK,EAAEc,YAAY;IACnBb,KAAK,EAAER,WAAW,CAACQ,KAAK;IACxBC,MAAM;IACNC;EACF,CAAC;EAED,oBACEL,IAAA,CAACC,YAAY,CAACiB,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAV,QAAA,EACxCA;EAAQ,CACY,CAAC;AAE5B,CAAC;;AAED;AACA,OAAO,MAAMa,QAAQ,GAAGA,CAAA,KAAM3B,UAAU,CAACQ,YAAY,CAAC","ignoreList":[]}
|
|
@@ -12,9 +12,12 @@ export interface ThemeType {
|
|
|
12
12
|
info: string;
|
|
13
13
|
text: string;
|
|
14
14
|
onPrimary: string;
|
|
15
|
+
onPrimaryVariant: string;
|
|
15
16
|
onSecondary: string;
|
|
17
|
+
onSecondaryVariant: string;
|
|
16
18
|
onError: string;
|
|
17
19
|
onBackground: string;
|
|
20
|
+
onBackgroundVariant: string;
|
|
18
21
|
onSurface: string;
|
|
19
22
|
border: string;
|
|
20
23
|
divider: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/Colors.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAA;IAED,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;KACrC,CAAC;IACF,uBAAuB,CAAC,EAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAGD,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/Colors.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IAExB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAGlB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAA;IAED,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;KACrC,CAAC;IACF,uBAAuB,CAAC,EAAG,MAAM,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAGD,eAAO,MAAM,UAAU,EAAE,SAkDxB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,SAkDvB,CAAC"}
|
|
@@ -12,7 +12,6 @@ interface RelatedProviderProps {
|
|
|
12
12
|
customLightTheme?: Partial<ThemeType>;
|
|
13
13
|
customDarkTheme?: Partial<ThemeType>;
|
|
14
14
|
dark?: boolean;
|
|
15
|
-
forceRTL?: boolean;
|
|
16
15
|
}
|
|
17
16
|
export declare const RelatedProvider: React.FC<RelatedProviderProps>;
|
|
18
17
|
export declare const useTheme: () => RelatedContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAc,SAAS,EAAa,MAAM,UAAU,CAAC;AAE5D,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AACD,eAAO,MAAM,YAAY,+BAKvB,CAAC;AAGH,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,SAAS,EACV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAc,SAAS,EAAa,MAAM,UAAU,CAAC;AAE5D,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AACD,eAAO,MAAM,YAAY,+BAKvB,CAAC;AAGH,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;CAEhB;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiC1D,CAAC;AAGF,eAAO,MAAM,QAAQ,sBAAiC,CAAC"}
|
package/package.json
CHANGED
package/src/theme/Colors.ts
CHANGED
|
@@ -16,9 +16,12 @@ export interface ThemeType {
|
|
|
16
16
|
// Text & Icons ("On" Colors)
|
|
17
17
|
text: string; // Default text color (on background/surface)
|
|
18
18
|
onPrimary: string; // Text/icon color on primary background
|
|
19
|
+
onPrimaryVariant: string; // Text/icon color on primary background
|
|
19
20
|
onSecondary: string; // Text/icon color on secondary background
|
|
21
|
+
onSecondaryVariant: string; // Text/icon color on secondary background
|
|
20
22
|
onError: string; // Text/icon color on error background
|
|
21
23
|
onBackground: string; // Text/icon color explicitly for background (often same as text)
|
|
24
|
+
onBackgroundVariant: string; // Text/icon color explicitly for background (often same as text)
|
|
22
25
|
onSurface: string; // Text/icon color explicitly for surface (often same as text)
|
|
23
26
|
|
|
24
27
|
// Borders & Dividers
|
|
@@ -71,9 +74,12 @@ export const lightTheme: ThemeType = {
|
|
|
71
74
|
// Text & Icons ("On" Colors)
|
|
72
75
|
text: "#1A1A1A", // Nearly black for text
|
|
73
76
|
onPrimary: "#FFFFFF", // White text on primary color
|
|
77
|
+
onPrimaryVariant: "#FFFFFF", // White text on primary color
|
|
74
78
|
onSecondary: "#FFFFFF", // White text on secondary color
|
|
79
|
+
onSecondaryVariant: "#FFFFFF", // White text on secondary color
|
|
75
80
|
onError: "#FFFFFF", // White text on error color
|
|
76
81
|
onBackground: "#1A1A1A", // Nearly black text on background
|
|
82
|
+
onBackgroundVariant: "#1A1A1A", // Nearly black text on background
|
|
77
83
|
onSurface: "#1A1A1A", // Nearly black text on surface
|
|
78
84
|
|
|
79
85
|
// Borders & Dividers
|
|
@@ -121,9 +127,12 @@ export const darkTheme: ThemeType = {
|
|
|
121
127
|
// Text & Icons ("On" Colors)
|
|
122
128
|
text: "#F5F5F5", // Very light gray, nearly white
|
|
123
129
|
onPrimary: "#121212", // Nearly black text on primary
|
|
130
|
+
onPrimaryVariant: "#121212", // Nearly black text on primary
|
|
124
131
|
onSecondary: "#FFFFFF", // White text on secondary
|
|
132
|
+
onSecondaryVariant: "#FFFFFF", // White text on secondary
|
|
125
133
|
onError: "#FFFFFF", // White text on error
|
|
126
134
|
onBackground: "#F5F5F5", // Nearly white text on background
|
|
135
|
+
onBackgroundVariant: "#F5F5F5", // Nearly white text on background
|
|
127
136
|
onSurface: "#F5F5F5", // Nearly white text on surface
|
|
128
137
|
|
|
129
138
|
// Borders & Dividers
|
|
@@ -28,7 +28,7 @@ interface RelatedProviderProps {
|
|
|
28
28
|
customLightTheme?: Partial<ThemeType>;
|
|
29
29
|
customDarkTheme?: Partial<ThemeType>;
|
|
30
30
|
dark?: boolean;
|
|
31
|
-
forceRTL?: boolean;
|
|
31
|
+
// forceRTL?: boolean;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
// Provider component
|
|
@@ -37,12 +37,11 @@ export const RelatedProvider: React.FC<RelatedProviderProps> = ({
|
|
|
37
37
|
customLightTheme,
|
|
38
38
|
customDarkTheme,
|
|
39
39
|
dark,
|
|
40
|
-
forceRTL,
|
|
40
|
+
// forceRTL,
|
|
41
41
|
}) => {
|
|
42
42
|
const [isDark, setIsDark] = useState<boolean>(
|
|
43
43
|
dark || useColorScheme() === "dark"
|
|
44
44
|
);
|
|
45
|
-
const currentIsRTL = typeof forceRTL === "boolean" ? forceRTL : false;
|
|
46
45
|
|
|
47
46
|
// Allow custom themes to override defaults
|
|
48
47
|
const [themes, setThemes] = useState({
|
|
@@ -56,7 +55,7 @@ export const RelatedProvider: React.FC<RelatedProviderProps> = ({
|
|
|
56
55
|
|
|
57
56
|
const contextValue: RelatedContext = {
|
|
58
57
|
theme: currentTheme,
|
|
59
|
-
isRTL:
|
|
58
|
+
isRTL: I18nManager.isRTL,
|
|
60
59
|
isDark,
|
|
61
60
|
toggleTheme
|
|
62
61
|
};
|