Keep the prayer yellow to the prayer palette; other palettes keep their orange
This commit is contained in:
parent
c0d8676d24
commit
9ca6e04fa1
6 changed files with 8 additions and 7 deletions
|
|
@ -17,7 +17,7 @@ export const PALETTE = {
|
|||
bible: '#3498db', // Blue - Bible available
|
||||
jesusFilm: '#20c997', // Fisher Green (teal-green) - Jesus Film available
|
||||
radio: '#9b59b6', // Purple - Radio broadcast available
|
||||
gospel: '#f0c64a', // Orange - Gospel recordings available
|
||||
gospel: '#f39c12', // Orange - Gospel recordings available
|
||||
audio: '#1abc9c', // Teal - Audio resources available
|
||||
stories: '#e74c3c', // Red - Stories available
|
||||
hasResources: '#27ae60', // Green - Has ANY gospel resource (default pin color)
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ export const PALETTE = {
|
|||
bible: '#3498db', // Blue - Bible available
|
||||
jesusFilm: '#20c997', // Fisher Green (teal-green) - Jesus Film available
|
||||
radio: '#9b59b6', // Purple - Radio broadcast available
|
||||
gospel: '#f0c64a', // Orange - Gospel recordings available
|
||||
gospel: '#f39c12', // Orange - Gospel recordings available
|
||||
audio: '#1abc9c', // Teal - Audio resources available
|
||||
stories: '#e74c3c', // Red - Stories available
|
||||
hasResources: '#27ae60', // Green - Has ANY gospel resource (default pin color)
|
||||
|
|
|
|||
|
|
@ -5,10 +5,10 @@
|
|||
* install). SVG donut/bar geometry is pure math, renders in the shadow root, tweens via CSS.
|
||||
*/
|
||||
export const REGION_COLORS = {
|
||||
'Africa': '#e74c3c', 'Asia': '#3498db', 'Europe': '#2ecc71', 'Latin America': '#f0c64a',
|
||||
'Africa': '#e74c3c', 'Asia': '#3498db', 'Europe': '#2ecc71', 'Latin America': '#f39c12',
|
||||
'Middle East': '#9b59b6', 'North America': '#1abc9c', 'Oceania': '#e67e22', 'Other': '#95a5a6',
|
||||
}
|
||||
export const CATEGORICAL = ['#2456c7', '#e67e22', '#16a085', '#8e44ad', '#c0392b', '#27ae60', '#2c3e50', '#d35400', '#2980b9', '#7f8c8d', '#f0c64a', '#9b59b6', '#1abc9c', '#34495e', '#e74c3c']
|
||||
export const CATEGORICAL = ['#2456c7', '#e67e22', '#16a085', '#8e44ad', '#c0392b', '#27ae60', '#2c3e50', '#d35400', '#2980b9', '#7f8c8d', '#f39c12', '#9b59b6', '#1abc9c', '#34495e', '#e74c3c']
|
||||
|
||||
export const lbl = (v) => (v === null || v === undefined ? '' : (typeof v === 'object' ? (v.label ?? v.value ?? '') : v))
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ const AVATAR_COLORS = [
|
|||
'#e74c3c', // Red
|
||||
'#3498db', // Blue
|
||||
'#2ecc71', // Green
|
||||
'#f0c64a', // Orange
|
||||
'#f39c12', // Orange
|
||||
'#9b59b6', // Purple
|
||||
'#1abc9c', // Teal
|
||||
'#e67e22', // Dark Orange
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ export function useMapEvents(options = {}) {
|
|||
// Generate avatar based on first letter
|
||||
const firstLetter = (properties.name || 'U')[0].toUpperCase();
|
||||
const avatarColors = [
|
||||
'#e74c3c', '#3498db', '#2ecc71', '#f0c64a',
|
||||
'#e74c3c', '#3498db', '#2ecc71', '#f39c12',
|
||||
'#9b59b6', '#1abc9c', '#e67e22', '#34495e'
|
||||
];
|
||||
const colorIndex = firstLetter.charCodeAt(0) % avatarColors.length;
|
||||
|
|
|
|||
|
|
@ -154,7 +154,8 @@ export function darkenColor(color, percent = 15) {
|
|||
// Eurasia/Europe, North America, Middle East)
|
||||
if (color === '#3498db') return '#2171b5'
|
||||
if (color === '#e74c3c') return '#c0392b'
|
||||
if (color === '#f0c64a') return '#ca6f1e'
|
||||
if (color === '#f39c12') return '#ca6f1e'
|
||||
if (color === '#f0c64a') return '#c9a227' // prayer yellow → darker yellow
|
||||
if (color === '#2ecc71') return '#229954'
|
||||
if (color === '#1abc9c') return '#138d75'
|
||||
if (color === '#9b59b6') return '#7d3c98'
|
||||
|
|
|
|||
Loading…
Reference in a new issue