/******************************************************** * File name : colors.css * * Author : Yohanes Benny Benndictus * * Date : June, 16 2025 * * Description : CSS rules to define the colors used * * in the website. * ********************************************************/ :root { /* Start of global colors section */ --white: rgb(255, 255, 255); --gray: rgb(128, 128, 128); --black: rgb(0, 0, 0); --red: rgb(255, 0, 0); --green: rgb(0, 255, 0); --blue: rgb(0, 0, 255); --yellow: rgb(255, 255, 0); --purple: rgb(128, 0, 128); --pink: rgb(255, 192, 203); --brown: rgb(165, 42, 42); /* End of global color section */ /* Start of gray shades section */ --eucalyptus: rgb(95, 133, 117); --slategray: rgb(112, 128, 144); --steelgray: rgb(113, 121, 126); --gunmetalgray: rgb(129, 133, 137); --smoke: rgb(132, 136, 132); --pewter: rgb(137, 148, 153); --darkgray: rgb(169, 169, 169); --ashgray: rgb(178, 190, 181); --silver: rgb(192, 192, 192); --lightgray: rgb(211, 211, 211,); --platinum: rgb(229, 228, 226); /* End of gray shades section */ /* Start of red shades section */ --oxblood: rgb(74, 4, 4); --wine: rgb(114, 47, 55); --mulberry: rgb(119, 7, 55); --falured: rgb(123, 24, 24); --maroon: rgb(128, 0, 0); --burgundy: rgb(128, 0, 32); --claret: rgb(129, 19, 49); --bloodred: rgb(136, 8, 8); --darkred: rgb(139, 0, 0); --redochre: rgb(145, 56, 49); --redbrown: rgb(165, 42, 42); --brickred: rgb(170, 74, 68); --rosered: rgb(194, 30, 86); --cardinalred: rgb(196, 30, 58); --cherry: rgb(210, 4, 45); --cadmiumred: rgb(210, 43, 43); --carmine: rgb(215, 0, 64); --crimson: rgb(220, 20, 60); --rubyred: rgb(224, 17, 95); --brightred: rgb(238, 75, 43); --rose: rgb(243, 58, 106); --neonred: rgb(255, 49, 49); /* End of red shades section */ /* Start of green shades section */ --teal: rgb(0, 128, 128); --shamrockgreen: rgb(0, 158, 96); --jade: rgb(0, 163, 108); --springgreen: rgb(0, 255, 127); --darkgreen: rgb(2, 48, 32); --cadmiumgreen: rgb(9, 121, 105); --malachite: rgb(11, 218, 81); --neongreen: rgb(15, 255, 80); --forestgreen: rgb(34, 139, 34); --junglegreen: rgb(42, 170, 138); --seagreen: rgb(46, 139, 87); --limegreen: rgb(50, 205, 50); --huntergreen: rgb(53, 95, 59); --viridian: rgb(64, 130, 109); --armygreen: rgb(69, 75, 27); --lincolngreen: rgb(71, 135, 120); --kellygreen: rgb(76, 187, 23); --ferngreen: rgb(79, 121, 66); --emeraldgreen: rgb(80, 200, 120); --grassgreen: rgb(124, 252, 0); --olivegreen: rgb(128, 128, 0); --mossgreen: rgb(138, 154, 91); --lightgreen: rgb(144, 238, 144); --pistachio: rgb(147, 197, 114); --mintgreen: rgb(152, 251, 152); --seafoamgreen: rgb(159, 226, 191); --brightgreen: rgb(170, 255, 0); --celadon: rgb(175, 225, 175); --peridot: rgb(180, 196, 36); --pastelgreen: rgb(193, 225, 193); --pear: rgb(201, 204, 63); --nyanza: rgb(236, 255, 220); /* End of green shades section */ /* Start of blue shades section */ --navyblue: rgb(0, 0, 128); --darkblue: rgb(0, 0, 139); --cobaltblue: rgb(0, 71, 171); --brightblue: rgb(0, 150, 255); --aqua: rgb(0, 255, 255); --ultramarine: rgb(4, 55, 242); --zaffre: rgb(8, 24, 168); --bluegreen: rgb(8, 143, 143); --sapphireblue: rgb(15, 82, 186); --egyptianblue: rgb(20, 52, 165); --midnightblue: rgb(25, 25, 112); --neonblue: rgb(31, 81, 255); --indigo: rgb(63, 0, 255); --royalblue: rgb(65, 105, 225); --steelblue: rgb(70, 130, 180); --iris: rgb(93, 63, 211); --cadetblue: rgb(95, 158, 160); --glaucous: rgb(96, 130, 182); --cornflowerblue: rgb(100, 149, 237); --electricblue: rgb(125, 249, 255); --aquamarine: rgb(127, 255, 212); --skyblue: rgb(135, 206, 235); --azure: rgb(240, 255, 255); --babyblue: rgb(137, 207, 240); --bluegray: rgb(115, 147, 179); --robineggblue: rgb(150, 222, 209); --pastelblue: rgb(167, 199, 231); --lightblue: rgb(173, 216, 230); --powderblue: rgb(182, 208, 226); --periwinkle: rgb(204, 204, 255); /* End of blue shades section */ /* Start of yellow shades section */ --darkyellow: RGB(139, 128, 0); --goldenrod: rgb(218, 165, 32); --citrine: rgb(228, 208, 10); --gamboge: rgb(228, 155, 15); --mango: rgb(244, 187, 68); --saffron: rgb(244, 196, 48); --jasmine: rgb(248, 222, 126); --naplesyellow: rgb(250, 218, 94); --salmon: rgb(250, 245, 238); --lemonyellow: rgb(250, 250, 51); --maize: rgb(251, 236, 93); --icterine: rgb(252, 245, 95); --cadmium: rgb(253, 218, 13); --coral: rgb(255, 127, 80); --yelloworange: rgb(255, 170, 51); --amber: rgb(255, 191, 0); --goldenyellow: rgb(255, 192, 0); --gold: rgb(255, 215, 0); --mustardyellow: rgb(255, 219, 88); --brightyellow: rgb(255, 234, 0); --pastelyellow: (255, 250, 160); --cream: rgb(255, 253, 208); --canaryyellow: rgb(255, 255, 143); /* End of yellow shades section */ /* Start of pink shades section */ --orchid: rgb(218, 112, 214); --watermelonpink: rgb(227, 115, 131); --millenialpink: rgb(243, 207, 198); --coralpink: rgb(248, 131, 121); --pastelpink: rgb(248, 200, 220); --fuchsia: rgb(255, 0, 255); --neonpink: rgb(255, 16, 240); --hotpink: rgb(255, 105, 180); --lightpink: rgb(255, 182, 193); /* End of pink shades section */ /* Start of purple shades section */ --darkpurple: rgb(48, 25, 52); --eggplant: rgb(72, 50, 72); --byzantium: rgb(112, 41, 99); --amaranth: rgb(159, 43, 104); --darkpink: rgb(170, 51, 106); --brightpurple: rgb(191, 64, 191); --pastelpurple: rgb(195, 177, 225); --lightpurple: rgb(203, 195, 227); --lightviolet: rgb(207, 159, 255); --mauve: rgb(224, 176, 244); --lavender: rgb(230, 230, 250); /* End of purple shades section */ /* Start of brown shades section */ --darkbrown: rgb(92, 64, 51); --burntumber: rgb(110, 38, 14); --coffee: rgb(111, 78, 55); --chocolate: rgb(123, 63, 0); --russet: rgb(128, 70, 27); --cordovan: rgb(129, 65, 65); --cognac: rgb(131, 67, 51); --saddlebrown: rgb(139, 69, 19); --chestnut: rgb(149, 69, 53); --goldenbrown: rgb(150, 105, 25); --garnet: rgb(154, 42, 42); --sienna: rgb(160, 82, 45); --copper: rgb(184, 115, 51); --mahogany: rgb(192, 64, 0); --fallow: rgb(193, 154, 107); --lightbrown: rgb(196, 164, 132); --bronze: rgb(205, 127, 50); --cinnamon: rgb(210, 125, 45); --buff: rgb(218, 160, 109); --fawn: rgb(229, 170, 112); --wheat: rgb(245, 222, 179); --brass: rgb(255, 193, 110); /* End of brown shades section */ }