leaflet.pub
a tool for shared writing and social publishing
bump default green accent color a bit darker for accessibility
schlage.town
+2
-2
components/ThemeManager/themeDefaults.ts
+2
-2
components/ThemeManager/themeDefaults.ts
···
9
pageBackground: "#FDFCFA",
10
primary: "#272727",
11
accentText: "#FFFFFF",
12
-
accentBackground: "#639431",
13
} as const;
14
15
// RGB color defaults (parsed from hex values above)
16
export const PubThemeDefaultsRGB = {
17
background: { r: 253, g: 252, b: 250 }, // #FDFCFA
18
foreground: { r: 39, g: 39, b: 39 }, // #272727
19
-
accent: { r: 99, g: 148, b: 49 }, // #639431
20
accentForeground: { r: 255, g: 255, b: 255 }, // #FFFFFF
21
} as const;
···
9
pageBackground: "#FDFCFA",
10
primary: "#272727",
11
accentText: "#FFFFFF",
12
+
accentBackground: "#57822B",
13
} as const;
14
15
// RGB color defaults (parsed from hex values above)
16
export const PubThemeDefaultsRGB = {
17
background: { r: 253, g: 252, b: 250 }, // #FDFCFA
18
foreground: { r: 39, g: 39, b: 39 }, // #272727
19
+
accent: { r: 87, g: 130, b: 43 }, // #57822B
20
accentForeground: { r: 255, g: 255, b: 255 }, // #FFFFFF
21
} as const;
+2
-2
components/ThemeManager/themeUtils.ts
+2
-2
components/ThemeManager/themeUtils.ts
···
12
//everywhere else, accent-background = accent-1 and accent-text = accent-2.
13
// we just need to create a migration pipeline before we can change this
14
"theme/accent-text": "#FFFFFF",
15
-
"theme/accent-background": "#639431",
16
-
"theme/accent-contrast": "#639431",
17
};
18
19
// used to calculate the contrast between page and accent1, accent2, and determin which is higher contrast
···
12
//everywhere else, accent-background = accent-1 and accent-text = accent-2.
13
// we just need to create a migration pipeline before we can change this
14
"theme/accent-text": "#FFFFFF",
15
+
"theme/accent-background": "#57822B",
16
+
"theme/accent-contrast": "#57822B",
17
};
18
19
// used to calculate the contrast between page and accent1, accent2, and determin which is higher contrast