121 lines
2.4 KiB
JavaScript
121 lines
2.4 KiB
JavaScript
import { MD3LightTheme } from "react-native-paper";
|
|
|
|
const ThemeLight = {
|
|
isDark: false,
|
|
isLight: true,
|
|
...MD3LightTheme,
|
|
colors: {
|
|
...MD3LightTheme.colors,
|
|
|
|
primary: "#1864ab",
|
|
onPrimary: "#ffffff",
|
|
// primaryContainer: "",
|
|
// onPrimaryContainer: "",
|
|
|
|
secondary: "#5a77a2",
|
|
onSecondary: "#ffffff",
|
|
// secondaryContainer: "",
|
|
// onSecondaryContainer: "",
|
|
|
|
// tertiary: "",
|
|
// onTertiary: "",
|
|
// tertiaryContainer: "",
|
|
// onTertiaryContainer: "",
|
|
|
|
error: "#fa5252",
|
|
onError: "#ffffff",
|
|
errorContainer: "##fa5252",
|
|
onErrorContainer: "#ffffff",
|
|
|
|
warn: "#f59f00",
|
|
ok: "#40c057",
|
|
no: "#fa5252",
|
|
critical: "#fa5252",
|
|
|
|
background: "#f0f4f8",
|
|
onBackground: "#2e4d7b",
|
|
|
|
surface: "#ffffff",
|
|
onSurface: "#2e4d7b",
|
|
surfaceVariant: "#fcfcfc",
|
|
onSurfaceVariant: "#5a77a2",
|
|
surfaceSecondary: "#fafaff",
|
|
|
|
outline: "#868e96",
|
|
outlineVariant: "#dee2e6",
|
|
|
|
accent: "#ffffff",
|
|
placeholder: "rgba(0, 0, 0, 0.54)",
|
|
|
|
grey: "#545454",
|
|
blue: "#3f51b5",
|
|
blueLight: "#339af0",
|
|
|
|
shadow: "#000000",
|
|
scrim: "rgba(0, 0, 0, 0.4)",
|
|
|
|
surfaceDisabled: "rgba(63, 99, 145, 0.12)", // Generated from 'onSurface' with opacity
|
|
onSurfaceDisabled: "rgba(63, 99, 145, 0.38)", // Generated from 'onSurface' with higher opacity
|
|
|
|
backdrop: "rgba(0, 0, 0, 0.4)",
|
|
|
|
// Elevation levels (generated shades based on 'surface' color)
|
|
elevation: {
|
|
level0: "transparent",
|
|
level1: "#f1f4fb",
|
|
level2: "#eceff8",
|
|
level3: "#e7ebf5",
|
|
level4: "#e3e8f3",
|
|
level5: "#dfe5f1",
|
|
},
|
|
},
|
|
|
|
custom: {
|
|
textShadowForColor: {
|
|
textShadowColor: "#fafafa",
|
|
textShadowOffset: { width: 2, height: 2 },
|
|
textShadowRadius: 2,
|
|
},
|
|
textShadowForSurfacePrimary: {
|
|
textShadowColor: "#545454",
|
|
textShadowOffset: { width: 1, height: 1 },
|
|
textShadowRadius: 1,
|
|
},
|
|
|
|
notifications: {
|
|
swipeActiveBackground: "rgba(33, 150, 243, 0.15)", // Light blue with transparency
|
|
deleteSwipeBackground: "rgba(255, 59, 48, 0.15)", // Light red with transparency
|
|
},
|
|
|
|
appColors: {
|
|
red: "#d9534f",
|
|
yellow: "#dfaf2c",
|
|
green: "#4caf50",
|
|
unknown: "#339af0",
|
|
call: "#4c6ef5",
|
|
onColor: "#FFFFFF",
|
|
},
|
|
},
|
|
};
|
|
|
|
export default ThemeLight;
|
|
|
|
/*
|
|
|
|
#e3eef8
|
|
#fafaff
|
|
rgba(0, 0, 0, 0.08)
|
|
rgb(243, 250, 255)
|
|
#495057
|
|
#d0e3ff
|
|
#001d3e
|
|
#d5e4ff
|
|
#122846
|
|
#4c6ef5
|
|
#ffffff
|
|
#dbe1ff
|
|
#0e1b54
|
|
#3f51b5
|
|
#e7f5ff
|
|
|
|
*/
|