97 lines
2 KiB
CSS
97 lines
2 KiB
CSS
/* https://en.wikipedia.org/wiki/Dazzle_camouflage */
|
|
:root {
|
|
--base-white:#ffffff;
|
|
--thayer-blue:#b0c6cb;
|
|
--pale-gray:#c6c9ce;
|
|
--standard-gray:#a3a6ab;
|
|
--light-gray-early:#a4a6a8;
|
|
--light-gray:#a9afb9;
|
|
--light-gray-late:#acacac;
|
|
--haze-gray:#878d96;
|
|
--haze-gray-late:#939393;
|
|
--ocean-gray-early:#626971;
|
|
--ocean-gray:#6e798d;
|
|
--ocean-gray-late:#7a7a7a;
|
|
--sea-blue:#52617c;
|
|
--navy-blue:#455168;
|
|
--navy-gray:#505050;
|
|
--dark-gray:#3c3c3c;
|
|
--dark-gray-conv:#363940;
|
|
--dull-black:#262626;
|
|
--deck-blue:#384864;
|
|
--deck-grey:#484848;
|
|
--flight-deck-early:#434a58;
|
|
--flight-deck-mid:#626d81;
|
|
--flight-deck-late:#384864;
|
|
}
|
|
|
|
/* CSP "style-src 'self'" blocks inline style="" by design */
|
|
.base-white {
|
|
background-color:var(--base-white);
|
|
}
|
|
.thayer-blue {
|
|
background-color:var(--thayer-blue);
|
|
}
|
|
.pale-gray {
|
|
background-color:var(--pale-gray);
|
|
}
|
|
.standard-gray {
|
|
background-color:var(--standard-gray);
|
|
}
|
|
.light-gray-early {
|
|
background-color:var(--light-gray-early);
|
|
}
|
|
.light-gray {
|
|
background-color:var(--light-gray);
|
|
}
|
|
.light-gray-late {
|
|
background-color:var(--light-gray-late);
|
|
}
|
|
.haze-gray {
|
|
background-color:var(--haze-gray);
|
|
}
|
|
.haze-gray-late {
|
|
background-color:var(--haze-gray-late);
|
|
}
|
|
.ocean-gray-early {
|
|
background-color:var(--ocean-gray-early);
|
|
}
|
|
.ocean-gray {
|
|
background-color:var(--ocean-gray);
|
|
}
|
|
.ocean-gray-late {
|
|
background-color:var(--ocean-gray-late);
|
|
}
|
|
.sea-blue {
|
|
background-color:var(--sea-blue);
|
|
}
|
|
.navy-blue {
|
|
background-color:var(--navy-blue);
|
|
}
|
|
.navy-gray {
|
|
background-color:var(--navy-gray);
|
|
}
|
|
.dark-gray {
|
|
background-color:var(--dark-gray);
|
|
}
|
|
.dark-gray-conv {
|
|
background-color:var(--dark-gray-conv);
|
|
}
|
|
.dull-black {
|
|
background-color:var(--dull-black);
|
|
}
|
|
.deck-blue {
|
|
background-color:var(--deck-blue);
|
|
}
|
|
.deck-gray {
|
|
background-color:var(--deck-gray);
|
|
}
|
|
.flight-deck-early {
|
|
background-color:var(--flight-deck-early);
|
|
}
|
|
.flight-deck-mid {
|
|
background-color:var(--flight-deck-mid);
|
|
}
|
|
.flight-deck-late {
|
|
background-color:var(--flight-deck-late);
|
|
}
|