527 lines
14 KiB
SCSS
527 lines
14 KiB
SCSS
*,
|
|
*::before,
|
|
*::after {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
outline: none;
|
|
}
|
|
|
|
:root {
|
|
/* rgb Variable Index */
|
|
|
|
/* Precious Metal Palette */
|
|
// nickel
|
|
--priNi: 141, 142, 140;
|
|
--secNi: 118, 120, 118;
|
|
--terNi: 93, 95, 94;
|
|
--terNi: 0, 0, 0;
|
|
--quaNi: 0, 0, 0;
|
|
--quiNi: 0, 0, 0;
|
|
--sixNi: 0, 0, 0;
|
|
// palladium
|
|
--priPd: 188, 193, 165;
|
|
--secPd: 155, 160, 138;
|
|
--terPd: 124, 129, 111;
|
|
--quaPd: 0, 0, 0;
|
|
--quiPd: 0, 0, 0;
|
|
--sixPd: 0, 0, 0;
|
|
// platinum
|
|
--priPt: 229, 228, 226;
|
|
--secPt: 189, 190, 189;
|
|
--terPt: 152, 153, 153;
|
|
--quaPt: 0, 0, 0;
|
|
--quiPt: 0, 0, 0;
|
|
--sixPt: 0, 0, 0;
|
|
// titanium
|
|
--priTi: 38, 57, 69;
|
|
--secTi: 57, 79, 94;
|
|
--terTi: 75, 101, 119;
|
|
--quaTi: 91, 121, 142;
|
|
--quiTi: 124, 166, 191;
|
|
--sixTi: 159, 200, 224;
|
|
// gold (Sun)
|
|
--priAu: 61, 48, 2;
|
|
--secAu: 99, 80, 8;
|
|
--terAu: 148, 121, 24;
|
|
--quaAu: 181, 154, 54;
|
|
--quiAu: 214, 186, 84;
|
|
--sixAu: 237, 214, 130;
|
|
// silver (Moon)
|
|
--priAg: 30, 30, 30;
|
|
--secAg: 60, 60, 60;
|
|
--terAg: 100, 100, 100;
|
|
--quaAg: 133, 133, 133;
|
|
--quiAg: 175, 175, 175;
|
|
--sixAg: 240, 240, 240;
|
|
|
|
/* Cosmic Metal Palette */
|
|
// mercury (Mercury)
|
|
--priHg: 23, 31, 51;
|
|
--secHg: 51, 62, 87;
|
|
--terHg: 87, 98, 128;
|
|
--quaHg: 139, 148, 176;
|
|
--quiHg: 176, 186, 209;
|
|
--sixHg: 206, 214, 237;
|
|
// copper (Venus)
|
|
--priCu: 46, 24, 5;
|
|
--secCu: 84, 48, 17;
|
|
--terCu: 133, 81, 36;
|
|
--quaCu: 171, 112, 60;
|
|
--quiCu: 207, 173, 143;
|
|
--sixCu: 242, 216, 191;
|
|
// iron (Mars) ***n.b.!—ancient 'iron' was actually meteoric iron, an iron-nickel alloy like kamacite (weaponry) or taenite (decor)
|
|
--priFe: 51, 47, 26;
|
|
--secFe: 74, 72, 45;
|
|
--terFe: 105, 103, 74;
|
|
--quaFe: 148, 144, 115;
|
|
--quiFe: 184, 178, 154;
|
|
--sixFe: 224, 219, 202;
|
|
// tin (Jupiter)
|
|
--priSn: 36, 36, 19;
|
|
--secSn: 68, 72, 42;
|
|
--terSn: 100, 102, 66;
|
|
--quaSn: 148, 150, 110;
|
|
--quiSn: 207, 209, 180;
|
|
--sixSn: 243, 245, 223;
|
|
// lead (Saturn)
|
|
--priPb: 33, 40, 46;
|
|
--secPb: 48, 59, 64;
|
|
--terPb: 87, 102, 107;
|
|
--quaPb: 126, 142, 148;
|
|
--quiPb: 163, 180, 184;
|
|
--sixPb: 213, 228, 232;
|
|
// uranium (Uranus)
|
|
--priU: 21, 39, 18;
|
|
--secU: 32, 59, 41;
|
|
--terU: 85, 129, 69;
|
|
--quaU: 114, 156, 100;
|
|
--quiU: 167, 196, 149;
|
|
--sixU: 209, 240, 192;
|
|
// neptunium (Neptune)
|
|
--priNp: 16, 59, 49;
|
|
--secNp: 37, 84, 76;
|
|
--terNp: 85, 135, 129;
|
|
--quaNp: 107, 156, 148;
|
|
--quiNp: 139, 181, 175;
|
|
--sixNp: 197, 227, 224;
|
|
// plutonium (Pluto)
|
|
--priPu: 29, 18, 38;
|
|
--secPu: 59, 44, 71;
|
|
--terPu: 84, 71, 97;
|
|
--quaPu: 109, 98, 128;
|
|
--quiPu: 169, 155, 194;
|
|
--sixPu: 235, 211, 217;
|
|
|
|
/* Chroma Palette */
|
|
// red
|
|
--priRd: 233, 53, 37;
|
|
--secRd: 193, 43, 28;
|
|
--terRd: 155, 31, 15;
|
|
// orange
|
|
--priOr: 225, 133, 40;
|
|
--secOr: 187, 111, 30;
|
|
--terOr: 150, 88, 17;
|
|
// yellow
|
|
--priYl: 255, 207, 52;
|
|
--secYl: 211, 172, 44;
|
|
--terYl: 168, 138, 33;
|
|
// lime
|
|
--priLm: 151, 174, 60;
|
|
--secLm: 124, 145, 48;
|
|
--terLm: 97, 117, 36;
|
|
// green
|
|
--priGn: 0, 160, 75;
|
|
--secGn: 0, 135, 62;
|
|
--terGn: 0, 109, 48;
|
|
// teal
|
|
--priTk: 0, 184, 162;
|
|
--secTk: 0, 154, 136;
|
|
--terTk: 0, 125, 110;
|
|
// cyan
|
|
--priCy: 13, 179, 200;
|
|
--secCy: 12, 150, 168;
|
|
--terCy: 0, 121, 136;
|
|
// blue
|
|
--priBl: 20, 141, 205;
|
|
--secBl: 18, 119, 173;
|
|
--terBl: 8, 95, 140;
|
|
// indigo
|
|
--priId: 79, 102, 212;
|
|
--secId: 66, 88, 184;
|
|
--terId: 53, 74, 156;
|
|
--quaId: 44, 60, 131;
|
|
--quiId: 32, 44, 106;
|
|
--sixId: 21, 29, 71;
|
|
// violet
|
|
--priVt: 120, 72, 183;
|
|
--secVt: 108, 65, 165;
|
|
--terVt: 96, 58, 147;
|
|
--quaVt: 80, 45, 124;
|
|
--quiVt: 64, 30, 100;
|
|
--sixVt: 43, 20, 66;
|
|
// fuschia
|
|
--priFs: 158, 61, 150;
|
|
--secFs: 133, 47, 126;
|
|
--terFs: 107, 31, 101;
|
|
// magenta
|
|
--priMe: 237, 30, 129;
|
|
--secMe: 196, 18, 108;
|
|
--terMe: 158, 1, 86;
|
|
|
|
/* Earthman Palette */
|
|
// bark
|
|
--priBrk: 162, 103, 98;
|
|
--secBrk: 117, 78, 68;
|
|
--terBrk: 72, 53, 38;
|
|
// khaki
|
|
--priKhk: 195, 176, 145;
|
|
--secKhk: 145, 126, 95;
|
|
--terKhk: 95, 76, 45;
|
|
// cotton
|
|
--priCtn: 255, 251, 246;
|
|
--secCtn: 205, 201, 196;
|
|
--terCtn: 155, 151, 146;
|
|
// maize
|
|
--priMze: 242, 200, 63;
|
|
--secMze: 192, 151, 42;
|
|
--terMze: 142, 101, 21;
|
|
// cornflower
|
|
--priCfw: 100, 149, 237;
|
|
--secCfw: 67, 99, 187;
|
|
--terCfw: 33, 49, 137;
|
|
// purple mountain's majesty
|
|
--priPmm: 189, 170, 209;
|
|
--secPmm: 150, 120, 182;
|
|
--terPmm: 112, 79, 146;
|
|
// forest
|
|
--priFor: 114, 146, 79;
|
|
--secFor: 94, 124, 61;
|
|
--terFor: 74, 102, 43;
|
|
|
|
/* Technoman Palette */
|
|
// carbon steel
|
|
// stainless steel
|
|
// maraging steel
|
|
// silicon semiconductor
|
|
// wrought iron
|
|
// carbon fiber
|
|
// glass (optic)
|
|
|
|
/* Other H. sapiens variants */
|
|
// glass (frosted)
|
|
// glass (borosilicate)
|
|
// quartz
|
|
// iron (meteoric)
|
|
|
|
|
|
/* Component tokens */
|
|
--tooltip-bg: 0, 0, 0;
|
|
--title-shadow-offset: -0.125rem;
|
|
|
|
/* Inferno Palette (4 per) */
|
|
// mist (Elpis's Lethe)
|
|
--priMst: 168, 202, 172;
|
|
--secMst: 103, 145, 105;
|
|
--terMst: 90, 129, 198;
|
|
--quaMst: 13, 71, 47;
|
|
// tears (Ananke's Acheron)
|
|
--priTrs: 212, 221, 190;
|
|
--secTrs: 161, 208, 202;
|
|
--terTrs: 81, 153, 139;
|
|
--quaTrs: 47, 89, 85;
|
|
// swamp (Eros's Styx)
|
|
--priSwp: 221, 206, 149;
|
|
--secSwp: 148, 150, 103;
|
|
--terSwp: 50, 51, 33;
|
|
--quaSwp: 33, 56, 27;
|
|
// blood (Tyche's Phlegethon)
|
|
--priBld: 200, 79, 50;
|
|
--secBld: 177, 63, 52;
|
|
--terBld: 120, 37, 33;
|
|
--quaBld: 77, 23, 13;
|
|
// ice (Daimon's Cocytus)
|
|
--priIce: 165, 190, 187;
|
|
--secIce: 121, 150, 156;
|
|
--terIce: 74, 119, 125;
|
|
--quaIce: 35, 65, 75;
|
|
|
|
/* Terrestre Palette (6 per) */
|
|
// crumbling perse (Contrition)
|
|
--priPer: 34, 30, 77;
|
|
--secPer: 52, 45, 99;
|
|
--terPer: 88, 77, 145;
|
|
--quaPer: 127, 116, 194;
|
|
--quiPer: 164, 160, 222;
|
|
--sixPer: 206, 201, 242;
|
|
// polished marble (Confession)
|
|
--priMrb: 231, 233, 234;
|
|
--secMrb: 115, 116, 117;
|
|
// flaming porphyry (Satisfaction)
|
|
--priPhy: 200, 55, 66;
|
|
--secPhy: 75, 31, 48;
|
|
// threshold of adamant (Absolution)
|
|
--priAdm: 35, 40, 43;
|
|
--secAdm: 75, 81, 84;
|
|
--terAdm: 119, 131, 135;
|
|
--quaAdm: 164, 180, 186;
|
|
--quiAdm: 197, 213, 228;
|
|
--sixAdm: 226, 244, 253;
|
|
|
|
/* Emanation Palettes */
|
|
// Plant Bundle
|
|
// • beige-pink (streetlamps)
|
|
--priBpk: 223, 159, 140;
|
|
// • pale-yellow (poisonous)
|
|
--priBpk: 255, 235, 169;
|
|
// • bright violet (medicinal)
|
|
--priBpk: 223, 64, 196;
|
|
// • white, murky (power)
|
|
--priBpk: 196, 180, 193;
|
|
// • white, brilliant (power)
|
|
--sixBpk: 250, 246, 249;
|
|
// Insect Bundle
|
|
// • buff peach (neon lights)
|
|
--priBfp: 255, 92, 43;
|
|
// Animal Bundle
|
|
// • amber (clear honey)
|
|
--priClh: 238, 160, 70;
|
|
--secClh: 255, 216, 171;
|
|
// • pink (common)
|
|
--terClh: 238, 70, 148;
|
|
--quaClh: 96, 5, 57;
|
|
// • pale green (common)
|
|
--quiClh: 120, 203, 53;
|
|
--sixClh: 220, 255, 125;
|
|
// • blue (unusual)
|
|
--sepClh: 56, 84, 173;
|
|
--octClh: 26, 51, 105;
|
|
// • pure (rare)
|
|
--ninClh: 192, 77, 1;
|
|
--decClh: 255, 174, 0;
|
|
|
|
// Felt values
|
|
--undUser: var(--priFor);
|
|
--duoUser: var(--terFor);
|
|
}
|
|
|
|
/* Default Earthman Palette */
|
|
.palette-default {
|
|
--priUser: var(--terBrk);
|
|
--secUser: var(--priKhk);
|
|
--terUser: var(--priMze);
|
|
--quaUser: var(--priPmm);
|
|
--quiUser: var(--terPmm);
|
|
--sixUser: var(--priFor);
|
|
--sepUser: var(--terFor);
|
|
--octUser: var(--priCfw);
|
|
--ninUser: var(--priCtn);
|
|
--decUser: var(--terCtn);
|
|
}
|
|
/* Grave Sheol Palette */
|
|
.palette-sheol {
|
|
--priUser: var(--priPu);
|
|
--secUser: var(--quiPu);
|
|
--terUser: var(--priFs);
|
|
--quaUser: var(--priCfw);
|
|
--quiUser: var(--terCfw);
|
|
--sixUser: var(--terId);
|
|
--sepUser: var(--secId);
|
|
--octUser: var(--terFs);
|
|
--ninUser: var(--sixPu);
|
|
--decUser: var(--terPu);
|
|
}
|
|
/* Blissful Nirvana Palette */
|
|
.palette-nirvana {
|
|
--priUser: var(--priU);
|
|
--secUser: var(--quiU);
|
|
--terUser: var(--priMe);
|
|
--quaUser: var(--quiCu);
|
|
--quiUser: var(--terCu);
|
|
--sixUser: var(--terKhk);
|
|
--sepUser: var(--priKhk);
|
|
--octUser: var(--terMe);
|
|
--ninUser: var(--sixCu);
|
|
--decUser: var(--terU);
|
|
}
|
|
/* Disco Inferno Palette */
|
|
.palette-inferno {
|
|
--priUser: var(--terSwp);
|
|
--secUser: var(--priSwp);
|
|
--terUser: var(--secBld);
|
|
--quaUser: var(--priIce);
|
|
--quiUser: var(--quaIce);
|
|
--sixUser: var(--priTrs);
|
|
--sepUser: var(--terTrs);
|
|
--octUser: var(--terBld);
|
|
--ninUser: var(--priMst);
|
|
--decUser: var(--terMst);
|
|
}
|
|
/* Torre Terrestre Palette */
|
|
.palette-terrestre {
|
|
--priUser: var(--priAdm);
|
|
--secUser: var(--quaAdm);
|
|
--terUser: var(--sixAdm);
|
|
--quaUser: var(--priPhy);
|
|
--quiUser: var(--secPhy);
|
|
--sixUser: var(--priMrb);
|
|
--sepUser: var(--terPer);
|
|
--octUser: var(--quaAdm);
|
|
--ninUser: var(--sixPer);
|
|
--decUser: var(--terMrb);
|
|
}
|
|
/* Fantastia Celestia Palette */
|
|
.palette-celestia {
|
|
--priUser: var(--octClh);
|
|
--secUser: var(--sixClh);
|
|
--terUser: var(--terClh);
|
|
--quaUser: var(--decClh);
|
|
--quiUser: var(--ninClh);
|
|
--sixUser: var(--sepClh);
|
|
--sepUser: var(--priClh);
|
|
--octUser: var(--quaClh);
|
|
--ninUser: var(--secClh);
|
|
--decUser: var(--quiClh);
|
|
}
|
|
|
|
/* Monochrome Dark Palette */
|
|
.palette-monochrome-dark {
|
|
--priUser: var(--priAg); /* 30,30,30 — near-black bg */
|
|
--secUser: var(--quiAg); /* 175,175,175 — light gray text/border */
|
|
--terUser: var(--sixAg); /* 240,240,240 — bright white accent */
|
|
--quaUser: var(--sixAg); /* 240,240,240 — active/interactive */
|
|
--quiUser: var(--quaAg); /* 133,133,133 — secondary action */
|
|
--sixUser: var(--terAg); /* 100,100,100 — subtle mid */
|
|
--sepUser: var(--secAg); /* 60,60,60 — deep subtle */
|
|
--octUser: var(--quiPt); /* 189,190,189 — links (cooler silver) */
|
|
--ninUser: var(--sixAg); /* 240,240,240 — glow highlight */
|
|
--decUser: var(--terAg); /* 100,100,100 — mid tone */
|
|
}
|
|
/* Monochrome Light Palette */
|
|
.palette-oblivion-light {
|
|
--priUser: var(--sixAdm); /* 240,240,240 — light gray bg */
|
|
--secUser: var(--terPer); /* 100,100,100 — mid-dark text/border */
|
|
--terUser: var(--priPer); /* 60,60,60 — dark accent */
|
|
--quaUser: var(--priAg); /* 30,30,30 — near-black active */
|
|
--quiUser: var(--priMst); /* 133,133,133 — mid-gray action */
|
|
--sixUser: var(--quiAg); /* 175,175,175 — subtle */
|
|
--sepUser: var(--sixAg); /* 240,240,240 — secondary subtle */
|
|
--octUser: var(--priNi); /* 93,95,94 — links */
|
|
--ninUser: var(--terNi); /* 255,251,246 — warm bright highlight */
|
|
--decUser: var(--terPt); /* 189,190,189 — light mid */
|
|
}
|
|
/* Sepia Palette */
|
|
.palette-sepia {
|
|
--priUser: var(--priCu); /* 46,24,5 — very dark warm brown bg */
|
|
--secUser: var(--quiCu); /* 207,173,143 — warm beige text/border */
|
|
--terUser: var(--priBpk); /* 214,186,84 — amber gold accent */
|
|
--quaUser: var(--quiAg); /* 195,176,145 — warm tan interactive */
|
|
--quiUser: var(--quaSwp); /* 95,76,45 — deep khaki */
|
|
--sixUser: var(--quaCu); /* 171,112,60 — copper mid */
|
|
--sepUser: var(--terCu); /* 133,81,36 — deep copper */
|
|
--octUser: var(--quaAu); /* 181,154,54 — golden links */
|
|
--ninUser: var(--sixAg); /* 242,216,191 — warm cream highlight */
|
|
--decUser: var(--secKhk); /* 145,126,95 — warm mid-tone */
|
|
}
|
|
|
|
/* Light palette overrides */
|
|
body[class*="-light"] {
|
|
--tooltip-bg: 255, 255, 255;
|
|
--title-shadow-offset: -0.06125rem;
|
|
}
|
|
|
|
/* Palette Classes */
|
|
.priUser {
|
|
color: rgba(var(--priUser), 1);
|
|
}
|
|
.priUser-bg {
|
|
background-color: rgba(var(--priUser), 1);
|
|
}
|
|
.priUser-bd {
|
|
border-color: rgba(var(--priUser), 1);
|
|
}
|
|
.secUser {
|
|
color: rgba(var(--secUser), 1);
|
|
}
|
|
.secUser-bg {
|
|
background-color: rgba(var(--secUser), 1);
|
|
}
|
|
.secUser-bd {
|
|
border-color: rgba(var(--secUser), 1);
|
|
}
|
|
.terUser {
|
|
color: rgba(var(--terUser), 1);
|
|
}
|
|
.terUser-bg {
|
|
background-color: rgba(var(--terUser), 1);
|
|
}
|
|
.terUser-bd {
|
|
border-color: rgba(var(--terUser), 1);
|
|
}
|
|
.quaUser {
|
|
color: rgba(var(--quaUser), 1);
|
|
}
|
|
.quaUser-bg {
|
|
background-color: rgba(var(--quaUser), 1);
|
|
}
|
|
.quaUser-bd {
|
|
border-color: rgba(var(--secUser), 1);
|
|
}
|
|
.quiUser {
|
|
color: rgba(var(--quiUser), 1);
|
|
}
|
|
.quiUser-bg {
|
|
background-color: rgba(var(--quiUser), 1);
|
|
}
|
|
.quiUser-bd {
|
|
border-color: rgba(var(--quiUser), 1);
|
|
}
|
|
.sixUser {
|
|
color: rgba(var(--sixUser), 1);
|
|
}
|
|
.sixUser-bg {
|
|
background-color: rgba(var(--sixUser), 1);
|
|
}
|
|
.sixUser-bd {
|
|
border-color: rgba(var(--sixUser), 1);
|
|
}
|
|
.sepUser {
|
|
color: rgba(var(--sepUser), 1);
|
|
}
|
|
.sepUser-bg {
|
|
background-color: rgba(var(--sepUser), 1);
|
|
}
|
|
.sepUser-bd {
|
|
border-color: rgba(var(--sepUser), 1);
|
|
}
|
|
.octUser {
|
|
color: rgba(var(--octUser), 1);
|
|
}
|
|
.octUser-bg {
|
|
background-color: rgba(var(--octUser), 1);
|
|
}
|
|
.octUser-bd {
|
|
border-color: rgba(var(--octUser), 1);
|
|
}
|
|
.ninUser {
|
|
color: rgba(var(--ninUser), 1);
|
|
}
|
|
.ninUser-bg {
|
|
background-color: rgba(var(--ninUser), 1);
|
|
}
|
|
.ninUser-bd {
|
|
border-color: rgba(var(--ninUser), 1);
|
|
}
|
|
.decUser {
|
|
color: rgba(var(--decUser), 1);
|
|
}
|
|
.decUser-bg {
|
|
background-color: rgba(var(--decUser), 1);
|
|
}
|
|
.decUser-bd {
|
|
border-color: rgba(var(--decUser), 1);
|
|
} |