Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-16 19:57:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

theme: support ARGB values in background

Browse Source
This commit is contained in:
Abdullah Atta
2023-09-08 09:45:54 +05:00
parent 02d80ee4fa
commit d72c4057ff
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/theme/src/theme-engine/types.ts
View File

@@ -186,8 +186,8 @@ export type Colors = {
*/ */
paragraph: string; paragraph: string;
/** /**
* Only Hex RGB values are supported. No Alpha. (e.g. #f33ff3) * Hex RGB & ARGB values both are supported. (e.g. #dbdbdb99)
* @pattern ^#(?:[0-9a-fA-F]{3}){1,2}$ * @pattern ^#(?:(?:[\da-fA-F]{3}){1,2}|(?:[\da-fA-F]{4}){1,2})$
*/ */
background: string; background: string;
/** /**
@@ -310,7 +310,12 @@ export const COLORS: readonly (keyof Colors)[] = [
"backdrop" "backdrop"
]; ];
export const ALPHA_COLORS: readonly (keyof Colors)[] = ["hover", "backdrop"]; export const ALPHA_COLORS: readonly (keyof Colors)[] = [
"hover",
"backdrop",
"background",
"placeholder"
];
export const Variants: readonly (keyof Variants)[] = [ export const Variants: readonly (keyof Variants)[] = [
"primary", "primary",

8
packages/theme/v1.schema.json
View File

@@ -218,8 +218,8 @@
}, },
"background": { "background": {
"type": "string", "type": "string",
"description": "Only Hex RGB values are supported. No Alpha. (e.g. #f33ff3)", "description": "Hex RGB & ARGB values both are supported. (e.g. #dbdbdb99)",
"pattern": "^#(?:[0-9a-fA-F]{3}){1,2}$" "pattern": "^#(?:(?:[\\da-fA-F]{3}){1,2}|(?:[\\da-fA-F]{4}){1,2})$"
}, },
"border": { "border": {
"type": "string", "type": "string",
@@ -328,8 +328,8 @@
}, },
"background": { "background": {
"type": "string", "type": "string",
"description": "Only Hex RGB values are supported. No Alpha. (e.g. #f33ff3)", "description": "Hex RGB & ARGB values both are supported. (e.g. #dbdbdb99)",
"pattern": "^#(?:[0-9a-fA-F]{3}){1,2}$" "pattern": "^#(?:(?:[\\da-fA-F]{3}){1,2}|(?:[\\da-fA-F]{4}){1,2})$"
}, },
"border": { "border": {
"type": "string", "type": "string",