kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-08 07:28:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

In palette

Browse Source
This commit is contained in:
Manav Rathi 2025-01-15 12:25:36 +05:30
parent 6a71d6359a
commit a0078dd966
No known key found for this signature in database
2 changed files with 38 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/packages/base/components/utils/mui-theme.d.ts vendored
View File

@ -161,6 +161,30 @@ declare module "@mui/material/styles" {
* This does not vary with the color scheme.
*/
critical: PaletteColor;
/**
* Neutral tranparent colors for the stroke of icons and other outlines.
*
* Comes in three strengths which are meant to play nicely with the
* corresponding strengths of "text.*" and "fill.*".
*
* These change with the color scheme.
*/
stroke: {
muted: string;
faint: string;
};
/**
* Neutral transparent colors for filling small areas like icon or
* button backgrounds.
*
* Comes in three strengths which are meant to play nicely with the
* corresponding strengths of "text.*" and "stroke.*".
*
* These change with the color scheme.
*/
fill: {
faint: string;
};
/**
* Transparent background fills that serve as the backdrop of modals,
* dialogs and drawers etc.
@ -207,6 +231,8 @@ declare module "@mui/material/styles" {
interface PaletteOptions {
accent?: Palette["accent"];
critical?: Palette["critical"];
stroke?: Palette["stroke"];
fill?: Palette["fill"];
backdrop?: Palette["backdrop"];
fixed?: Palette["fixed"];
boxShadow?: Palette["boxShadow"];

14
web/packages/base/components/utils/theme.ts
View File

@ -335,13 +335,23 @@ const getPalletteOptions = (
paper2: colors.background?.paper2,
},
text: {
// Alias base so that we don't have to change the default.
primary: colors.text?.base,
secondary: colors.text?.muted,
disabled: colors.text?.faint,
// Don't use.
secondary: "blue" /* don't use */, // colors.text?.muted,
// Don't use.
disabled: "blue" /* don't use */, // colors.text?.faint,
base: colors.text?.base,
muted: colors.text?.muted,
faint: colors.text?.faint,
},
fill: {
faint: colors.fill!.faint!,
},
stroke: {
muted: colors.stroke!.muted!,
faint: colors.stroke!.faint!,
},
divider: colors.stroke?.faint,
fixed: { ..._colors.fixed },
backdrop: {