Files
python-tdd/src/static_src/scss/rootvars.scss
2026-06-08 23:00:00 -04:00

622 lines
16 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 Hues */
// nickel
--priNi: 141, 142, 140;
--secNi: 108, 120, 108;
--terNi: 80, 88, 80;
--quaNi: 63, 65, 64;
--quiNi: 43, 45, 44;
--sixNi: 23, 26, 26;
// palladium
--priPd: 218, 223, 181;
--secPd: 188, 193, 165;
--terPd: 155, 160, 138;
--quaPd: 124, 129, 111;
--quiPd: 97, 99, 76;
--sixPd: 62, 65, 42;
// platinum
--priPt: 229, 228, 226;
--secPt: 191, 190, 188;
--terPt: 152, 151, 149;
--quaPt: 122, 121, 119;
--quiPt: 92, 91, 89;
--sixPt: 62, 61, 59;
// 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 Hues */
// 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: 89, 76, 102;
--quaPu: 129, 118, 148;
--quiPu: 189, 175, 214;
--sixPu: 235, 211, 217;
/* Chroma Hues */
// red (A-Fire)
--priRd: 253, 73, 57;
--secRd: 193, 43, 28;
--terRd: 155, 31, 15;
--quaRd: 119, 20, 4;
--quiRd: 85, 11, 0;
--sixRd: 54, 4, 0;
// orange (B-Fire)
--priOr: 245, 183, 90;
--secOr: 187, 111, 30;
--terOr: 130, 88, 17;
--quaOr: 115, 67, 6;
--quiOr: 82, 47, 0;
--sixOr: 51, 29, 0;
// yellow (A-Time)
--priYl: 255, 227, 82;
--secYl: 211, 172, 44;
--terYl: 148, 128, 29;
--quaYl: 128, 106, 24;
--quiYl: 91, 76, 15;
--sixYl: 57, 49, 7;
// lime (B-Time)
--priLm: 181, 204, 90;
--secLm: 124, 145, 48;
--terLm: 92, 110, 31;
--quaLm: 71, 90, 25;
--quiLm: 47, 64, 15;
--sixLm: 25, 40, 6;
// green (A-Space)
--priGn: 0, 240, 125;
--secGn: 0, 135, 62;
--terGn: 0, 99, 41;
--quaGn: 0, 85, 35;
--quiGn: 0, 62, 23;
--sixGn: 0, 40, 12;
// teal (B-Space)
--priTk: 0, 204, 182;
--secTk: 0, 154, 136;
--terTk: 0, 125, 110;
--quaTk: 0, 97, 85;
--quiTk: 0, 70, 61;
--sixTk: 0, 45, 39;
// cyan (A-Air)
--priCy: 33, 209, 230;
--secCy: 12, 150, 168;
--terCy: 0, 101, 126;
--quaCy: 0, 93, 106;
--quiCy: 0, 67, 78;
--sixCy: 0, 43, 52;
// blue (B-Air)
--priBl: 40, 181, 245;
--secBl: 18, 119, 173;
--terBl: 8, 95, 140;
--quaBl: 3, 73, 109;
--quiBl: 0, 52, 79;
--sixBl: 0, 33, 51;
// indigo (A-Water)
--priId: 121, 143, 244;
--secId: 66, 88, 184;
--terId: 53, 74, 156;
--quaId: 44, 60, 131;
--quiId: 32, 44, 106;
--sixId: 21, 29, 71;
// violet (B-Water)
--priVt: 150, 102, 213;
--secVt: 108, 65, 165;
--terVt: 96, 58, 147;
--quaVt: 80, 45, 124;
--quiVt: 64, 30, 100;
--sixVt: 43, 20, 66;
// fuschia (A-Stone)
--priFs: 208, 101, 200;
--secFs: 138, 52, 131;
--terFs: 107, 31, 101;
--quaFs: 83, 17, 78;
--quiFs: 61, 5, 56;
--sixFs: 41, 0, 36;
// magenta (B-Stone)
--priMe: 257, 60, 159;
--secMe: 196, 18, 108;
--terMe: 148, 1, 80;
--quaMe: 122, 0, 66;
--quiMe: 89, 0, 48;
--sixMe: 59, 0, 32;
/* Earthman Hues */
// 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: 124, 156, 89;
--secFor: 94, 124, 61;
--terFor: 69, 99, 36;
/* Technoman Hue */
// 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 Hues (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;
--quiTrs: 27, 66, 63;
--sixTrs: 18, 44, 41;
// 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 Hues (6 per) */
// crumbling perse (Contrition)
--priPer: 34, 30, 77;
--secPer: 52, 45, 99;
--terPer: 82, 71, 138;
--quaPer: 127, 116, 194;
--quiPer: 164, 160, 222;
--sixPer: 206, 201, 242;
// polished marble (Confession)
--priMrb: 231, 233, 234;
--secMrb: 185, 186, 187;
--terMrb: 115, 116, 117;
--quaMrb: 85, 86, 87;
--quiMrb: 55, 56, 57;
--sixMrb: 35, 36, 37;
// flaming porphyry (Satisfaction)
--priPhy: 250, 105, 116;
--secPhy: 200, 85, 92;
--terPhy: 150, 55, 66;
--quaPhy: 120, 49, 54;
--quiPhy: 75, 31, 48;
--sixPhy: 66, 20, 32;
// threshold of adamant (Absolution)
--priAdm: 35, 40, 43;
--secAdm: 65, 71, 74;
--terAdm: 119, 131, 135;
--quaAdm: 164, 180, 186;
--quiAdm: 197, 213, 228;
--sixAdm: 226, 244, 253;
/* Emanation Hues */
// 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: 218, 145, 60;
--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;
/* Lord Baltimore Hues */
// yellow
--priBlt: 235, 191, 0;
--secBlt: 137, 107, 32;
// white
--terBlt: 255, 255, 255;
// red
--quaBlt: 178, 12, 18;
// black
--quiBlt: 0, 0, 0;
--sixBlt: 162, 170, 173;
// purple
--sepBlt: 50, 30, 95;
// red again
--octBlt: 157, 34, 53;
// orange
--ninBlt: 200, 63, 28;
--decBlt: 121, 39, 22;
// 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(--terCfw);
--sepUser: var(--terMze);
--octUser: var(--secCfw);
--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(--quaId);
--sepUser: var(--terFs);
--octUser: var(--sixId);
--ninUser: var(--sixPu);
--decUser: var(--terPu);
}
/* Bardo Palette */
.palette-bardo {
--priUser: var(--sixTrs);
--secUser: var(--sixU);
--terUser: var(--priCfw);
--quaUser: var(--quiAu);
--quiUser: var(--secCu);
--sixUser: var(--secKhk);
--sepUser: var(--terPer);
--octUser: var(--terKhk);
--ninUser: var(--sixCu);
--decUser: var(--terU);
}
/* Disco Inferno Palette */
.palette-inferno {
--priUser: var(--terSwp);
--secUser: var(--priSwp);
--terUser: var(--priBld);
--quaUser: var(--priIce);
--quiUser: var(--quaIce);
--sixUser: var(--terTrs);
--sepUser: var(--terBld);
--octUser: var(--quiTrs);
--ninUser: var(--priMst);
--decUser: var(--terMst);
}
/* Torre Terrestre Palette */
.palette-terrestre {
--priUser: var(--sixMrb);
--secUser: var(--quaAdm);
--terUser: var(--sixAdm);
--quaUser: var(--priPhy);
--quiUser: var(--quiPhy);
--sixUser: var(--terPer);
--sepUser: var(--secAdm);
--octUser: var(--priPer);
--ninUser: var(--sixPer);
--decUser: var(--priMrb);
}
/* Fantastia Celestia Palette */
.palette-celestia {
--priUser: var(--octClh);
--secUser: var(--sixClh);
--terUser: var(--terClh);
--quaUser: var(--decClh);
--quiUser: var(--ninClh);
--sixUser: var(--priClh);
--sepUser: var(--sepClh);
--octUser: var(--quaClh);
--ninUser: var(--secClh);
--decUser: var(--quiClh);
}
/* Obon Palette */
/* Nebula Palette */
/* Baltimore Palette */
.palette-baltimore {
--priUser: var(--sepBlt);
--secUser: var(--sixBlt);
--terUser: var(--quaBlt);
--quaUser: var(--priBlt);
--quiUser: var(--secBlt);
--sixUser: var(--ninBlt);
--sepUser: var(--quaBlt);
--octUser: var(--decBlt);
--ninUser: var(--terBlt);
--decUser: var(--quiBlt);
}
/* Maryland Palette */
.palette-maryland {
--priUser: var(--quiBlt);
--secUser: var(--sixBlt);
--terUser: var(--priYl);
--quaUser: var(--priBlt);
--quiUser: var(--quaBlt);
--sixUser: var(--octBlt);
--sepUser: var(--sepBlt);
--octUser: var(--decBlt);
--ninUser: var(--priRd);
--decUser: var(--quiBlt);
}
/* 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(--secAg); /* 133,133,133 — secondary action */
--sixUser: var(--terNi); /* 100,100,100 — subtle mid */
--sepUser: var(--sixPd); /* 60,60,60 — deep subtle */
--octUser: var(--quiNi); /* 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 */
}
/* Cedar Palette */
.palette-cedar {
--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(--terCu); /* 171,112,60 — copper mid */
--sepUser: var(--terBrk); /* 133,81,36 — deep copper */
--octUser: var(--secAu); /* 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;
/* The dark-olive --duoUser felt (terFor) reads too heavy as an input /
aperture fill against a light page — use the lighter --undUser felt
(priFor) instead, so e.g. oblivion-light's composer inputs blend with
the page. Overrides the :root --duoUser for every *-light palette. */
--duoUser: var(--undUser);
}
/* 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);
}