Back to home page

EIC code displayed by LXR

 
 

    


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 };