Warning, /firebird/packages/firebird-ng/geometry-palette/src/geometry-palette.ts is written in an unsupported language. File is not indexed.
0001 /**
0002 * Named colors for geometry themes: light pastels for large volumes, medium
0003 * and saturated tones for highlighted subdetectors, and metallics for magnets,
0004 * beam pipes and support. Theme rule sets (`withGeometryTheme()`) take these
0005 * as `color` values; the /palette page shows them as swatches.
0006 *
0007 * Imported as `@dexvis/firebird-ng/geometry-palette`, never through the
0008 * `@dexvis/firebird-ng` barrel: the barrel is part of the initial bundle, and
0009 * a re-export there puts these constants into `main` (+1.5 kB) although only
0010 * lazy theme chunks and the palette page use them.
0011 */
0012
0013 // ============================================================
0014 // COOL COLORS (Light/Pastel) - Sorted by saturation level, then name
0015 // ============================================================
0016 // Level 50 (lightest)
0017 export const AMBER_50 = 0xFFF8E1; // Extremely light amber/peach
0018 export const BLUE_50 = 0xE3F2FD; // Extremely light blue
0019 export const BLUE_GRAY_50 = 0xECEFF1; // Very light blue-gray
0020 export const BLUE_LIGHT_50 = 0xE1F5FE; // Extremely light blue (cyan-ish)
0021 export const BLUE_WHITE = 0xF5F9FF; // Custom ultra-light blue-white
0022 export const BROWN_50 = 0xEFEBE9; // Extremely light brown/cream
0023 export const CYAN_50 = 0xE0F7FA; // Extremely light cyan
0024 export const GRAY_50 = 0xFAFAFA; // Almost white
0025 export const INDIGO_80 = 0xD1D9F0; // Light indigo (more blue than 50)
0026 export const INDIGO_150 = 0xB2BBE0; // Light-medium indigo
0027 export const PINK_50 = 0xFCE4EC; // Extremely light pink
0028 export const PURPLE_50 = 0xF3E5F5; // Extremely light purple
0029 export const RED_50 = 0xFFEBEE; // Extremely light red/pink
0030 // Level 100
0031 export const GRAY_100 = 0xF5F5F5; // Very light gray
0032 export const GREEN_100 = 0xC8E6C9; // Light green
0033 export const ORANGE_100 = 0xFFE0B2; // Very light warm orange/peach
0034 export const TAN_LIGHT = 0xE6D5C3; // Light tan/beige
0035 export const YELLOW_100 = 0xFFF9C4; // Very light yellow
0036 // Level 200
0037 export const BLUE_200 = 0x90CAF9; // Light blue with more saturation
0038
0039 // ============================================================
0040 // MEDIUM COLORS (Moderate Saturation) - Sorted by saturation level, then name
0041 // ============================================================
0042 // Level 100
0043 export const BROWN_100 = 0xD7CCC8; // Very light brown/taupe
0044 export const PINK_100 = 0xF8BBD0; // Very light pink
0045 export const PURPLE_100 = 0xE1BEE7; // Light purple
0046 export const RED_100 = 0xFFCDD2; // Very light red
0047 // Level 150 (pink-to-indigo gradient)
0048 export const ORCHID_150 = 0xE2B6D3; // Light orchid (pink-purple, pinkest)
0049 export const MAUVE_150 = 0xDBB5D3; // Light mauve (dusty pink-purple)
0050 export const LAVENDER_150 = 0xCCB2D5; // Light lavender (balanced pink-indigo)
0051 export const LILAC_150 = 0xBDAED7; // Light lilac (purple, closest to indigo)
0052 // Level 200
0053 export const AMBER_200 = 0xFFE082; // Medium-light amber
0054 export const BLUE_GRAY_200 = 0xB0BEC5; // Light-medium blue-gray
0055 export const INDIGO_200 = 0x9FA8DA; // Medium-light indigo
0056 export const BLUE_LIGHT_200 = 0x81D4FA; // Medium-light cyan-blue
0057 export const CYAN_200 = 0x80DEEA; // Medium-light cyan
0058 export const GREEN_200 = 0xA5D6A7; // Medium-light green
0059 export const ORANGE_200 = 0xFFCC80; // Medium-light orange
0060 export const ORANGE_DEEP_200 = 0xFFAB91; // Medium-light deep orange
0061 export const TEAL_200 = 0x80CBC4; // Medium-light teal
0062 export const YELLOW_200 = 0xFFF59D; // Medium-light yellow
0063 // Level 300
0064 export const BLUE_300 = 0x64B5F6; // Medium-light blue
0065 export const GRAY_300 = 0xE0E0E0; // Light-medium gray
0066 // Other
0067 export const TAN_MEDIUM = 0xC4A77D; // Medium tan/camel
0068
0069 // ============================================================
0070 // WARM COLORS (Saturated/Heavy) - Sorted by saturation level, then name
0071 // ============================================================
0072 // Level 400
0073 export const BLUE_GRAY_400 = 0x78909C; // Medium-dark blue-gray
0074 export const INDIGO_400 = 0x5C6BC0; // Medium indigo
0075 export const PINK_400 = 0xEC407A; // Strong pink
0076 export const PURPLE_400 = 0xAB47BC; // Medium purple
0077 // Level 500
0078 export const AMBER_500 = 0xFFC107; // Strong amber
0079 export const BLUE_500 = 0x2196F3; // Strong blue
0080 export const BROWN_500 = 0x795548; // Strong brown
0081 export const CYAN_500 = 0x00BCD4; // Strong cyan
0082 export const GRAY_500 = 0x9E9E9E; // Medium gray
0083 export const GREEN_500 = 0x4CAF50; // Strong green
0084 export const ORANGE_500 = 0xFF9800; // Strong orange
0085 export const ORANGE_DEEP_500 = 0xFF5722; // Strong deep orange
0086 export const RED_500 = 0xF44336; // Strong red
0087 export const TEAL_500 = 0x009688; // Strong teal
0088 export const YELLOW_500 = 0xFFEB3B; // Strong yellow
0089 // Other warm colors
0090 export const SIENNA = 0xA0522D; // Sienna
0091 export const TERRACOTTA = 0xE2725B; // Terracotta
0092
0093 // ============================================================
0094 // METALLIC COLORS - Sorted alphabetically within subcategories
0095 // ============================================================
0096 // Bluish Metallics
0097 export const GUNMETAL_BLUE = 0x5C6274; // Gunmetal with blue tint
0098 export const INDIGO_METALLIC_LITE = 0x9FA8DA; // Light metallic indigo
0099 export const PEWTER = 0x8A9A9E; // Pewter (blue-gray)
0100 export const STEEL_BLUE = 0x4682B4; // Steel blue - industrial metal
0101 export const TITANIUM = 0x878F99; // Titanium - blue-gray metal
0102 // Reddish Metallics
0103 export const COPPER = 0xB87333; // Classic copper
0104 export const COPPER_BRIGHT = 0xDA8A67; // Bright/polished copper
0105 export const ROSE_GOLD = 0xB76E79; // Classic rose gold
0106 export const RUST_METAL = 0x8C4A3D; // Oxidized rust metal
0107 // Neutral/Gold Metallics
0108 export const ANTIQUE_BRONZE = 0x8C7853; // Aged/antique bronze
0109 export const BRASS = 0xB5A642; // Brass
0110 export const BRONZE = 0xCD7F32; // Classic bronze
0111 export const CHAMPAGNE = 0xF5E6A3; // Champagne gold (light)
0112 export const CHROME = 0xDBE4EB; // Chrome / polished silver
0113 export const GOLD = 0xD4AF37; // Classic gold
0114 export const GUNMETAL = 0x53565A; // Neutral gunmetal gray
0115 export const SILVER = 0xC0C0C0; // Classic silver
0116
0117 // ============================================================
0118 // COLOR COLLECTIONS (exported for use in palette and other components)
0119 // ============================================================
0120 export const COOL_COLORS: Record<string, number> = {
0121 // Level 50
0122 AMBER_50,
0123 BLUE_50,
0124 BLUE_GRAY_50,
0125 BLUE_LIGHT_50,
0126 BLUE_WHITE,
0127 BROWN_50,
0128 CYAN_50,
0129 GRAY_50,
0130 INDIGO_80,
0131 INDIGO_150,
0132 PINK_50,
0133 PURPLE_50,
0134 RED_50,
0135 // Level 100
0136 GRAY_100,
0137 GREEN_100,
0138 ORANGE_100,
0139 TAN_LIGHT,
0140 YELLOW_100,
0141 // Level 200
0142 BLUE_200,
0143 };
0144
0145 export const MEDIUM_COLORS: Record<string, number> = {
0146 // Level 100
0147 BROWN_100,
0148 PINK_100,
0149 PURPLE_100,
0150 RED_100,
0151 // Level 150 (pink-to-indigo gradient)
0152 LAVENDER_150,
0153 LILAC_150,
0154 MAUVE_150,
0155 ORCHID_150,
0156 // Level 200
0157 AMBER_200,
0158 BLUE_GRAY_200,
0159 BLUE_LIGHT_200,
0160 CYAN_200,
0161 GREEN_200,
0162 INDIGO_200,
0163 ORANGE_200,
0164 ORANGE_DEEP_200,
0165 TEAL_200,
0166 YELLOW_200,
0167
0168 // Level 300
0169 BLUE_300,
0170 GRAY_300,
0171 // Other
0172 TAN_MEDIUM,
0173 };
0174
0175 export const WARM_COLORS: Record<string, number> = {
0176 // Level 400
0177 BLUE_GRAY_400,
0178 INDIGO_400,
0179 PINK_400,
0180 PURPLE_400,
0181 // Level 500
0182 AMBER_500,
0183 BLUE_500,
0184 BROWN_500,
0185 CYAN_500,
0186 GRAY_500,
0187 GREEN_500,
0188 ORANGE_500,
0189 ORANGE_DEEP_500,
0190 RED_500,
0191 TEAL_500,
0192 YELLOW_500,
0193 // Other
0194 SIENNA,
0195 TERRACOTTA,
0196 };
0197
0198 export const METALLIC_COLORS: Record<string, number> = {
0199 // Bluish
0200 GUNMETAL_BLUE,
0201 INDIGO_METALLIC_LITE,
0202 PEWTER,
0203 STEEL_BLUE,
0204 TITANIUM,
0205 // Reddish
0206 COPPER,
0207 COPPER_BRIGHT,
0208 ROSE_GOLD,
0209 RUST_METAL,
0210 // Neutral/Gold
0211 ANTIQUE_BRONZE,
0212 BRASS,
0213 BRONZE,
0214 CHAMPAGNE,
0215 CHROME,
0216 GOLD,
0217 GUNMETAL,
0218 SILVER,
0219 };
0220
0221 export const ALL_COLORS: Record<string, number> = {
0222 ...COOL_COLORS,
0223 ...MEDIUM_COLORS,
0224 ...WARM_COLORS,
0225 ...METALLIC_COLORS,
0226 };