diff --git a/css/general/textColors.css b/css/general/textColors.css
new file mode 100644
index 0000000000000000000000000000000000000000..7c369a9ad8b741db44dcfe5b3191b8c94c2d4870
--- /dev/null
+++ b/css/general/textColors.css
@@ -0,0 +1,193 @@
+/* Colors are made as css classes, to allow them to be changed for a light color scheme (for example). */
+/* a version is for this case: <span class="-.."><a>text</a></span> */
+.link, .link a {
+ color: var(--link-color)
+}
+
+/* link color */
+.aquamarine, .aquamarine a, .skill, .skill a {
+ color: aquamarine
+}
+
+.coral, .coral a, .fetish.loss, .fetish.loss a {
+ color: coral
+}
+
+.cyan, .cyan a, .hotkey {
+ color: cyan
+}
+
+/* used for aphrodisiac & neighbor arcs */
+.darkgoldenrod, .darkgoldenrod a, .trust.extremely-terrified, .trust.extremely-terrified a {
+ color: darkgoldenrod
+}
+
+.darkred, .darkred a, .defiant.full, .defiant.full a {
+ color: darkred
+}
+
+.darkviolet, .darkviolet a, .devotion.hateful, .devotion.hateful a {
+ color: darkviolet
+}
+
+.deeppink, .deeppink a, .devotion.devoted, .devotion.devoted a {
+ color: deeppink
+}
+
+/* used for devotion once & agent */
+.steelblue, .steelblue a {
+ color: steelblue
+}
+
+.deepskyblue, .deepskyblue a, .intelligent, .intelligent a {
+ color: deepskyblue
+}
+
+.dodgerblue, .dodgerblue a {
+ color: dodgerblue
+}
+
+.blue, .blue a {
+ color: blue
+}
+
+.gold, .gold a, .trust.dec, .trust.dec a, .trust.frightened, .trust.frightened a {
+ color: gold
+}
+
+.goldenrod, .goldenrod a, .trust.terrified, .trust.terrified a {
+ color: goldenrod
+}
+
+.gray, .gray a {
+ color: gray
+}
+
+.green, .green a, .reputation.inc, .reputation.inc a, .improvement, .improvement a, .flaw.break, .flaw.break a, .skill.inc, .skill.inc a, .fuckdoll, .fuckdoll a, .positive, .positive a, .health.inc, .health.inc a {
+ color: green
+}
+
+.hotpink, .hotpink a, .devotion.inc, .devotion.inc a, .devotion.accept, .devotion.accept a {
+ color: hotpink
+}
+
+.lawngreen, .lawngreen a {
+ color: lawngreen
+}
+
+.lightblue, .lightblue a {
+ color: lightblue
+}
+
+.lightcoral, .lightcoral a, .fetish.gain, .fetish.gain a {
+ color: lightcoral
+}
+
+/* compare pink for fetish */
+.lightgreen, .lightgreen a, .relationship, .relationship a, .rivalry.dec, .rivalry.dec a {
+ color: lightgreen
+}
+
+.lightpink, .lightpink a {
+ color: lightpink
+}
+
+.lightsalmon, .lightsalmon a, .fetish.inc, .fetish.inc a, .rivalry.inc, .rivalry.inc a, .relationship.dec, .relationship.dec a {
+ color: lightsalmon
+}
+
+.lime, .lime a, .change.positive, .change.positive a, .virginity.loss, .virginity.loss a, .puberty, .puberty a, .pregnant, .pregnant a {
+ color: lime
+}
+
+/* tight orifices, breast changes, take virginity, not sure on good aliases */
+.limegreen, .limegreen a {
+ color: limegreen
+}
+
+/* multiple questionable uses */
+.magenta, .magenta a, .devotion.worship, .devotion.worship a {
+ color: magenta
+}
+
+.mediumaquamarine, .mediumaquamarine a, .trust.inc, .trust.inc a, .trust.careful, .trust.careful a {
+ color: mediumaquamarine
+}
+
+.mediumorchid, .mediumorchid a, .devotion.dec, .devotion.dec a, .devotion.resistant, .devotion.resistant a {
+ color: mediumorchid
+}
+
+.mediumseagreen, .mediumseagreen a, .trust.trusting, .trust.trusting a {
+ color: mediumseagreen
+}
+
+.orange, .orange a, .stupid, .stupid a, .change.negative, .change.negative a, .defiant.careful, .defiant.careful a, .ncs, .ncs a, .miscarriage, .miscarriage a, .intro.question {
+ color: orange
+}
+
+/* generally between red and green, and a lot of other places */
+.orangered, .orangered a, .defiant.inc, .defiant.inc a, .defiant.bold, .defiant.bold, .education.neg a {
+ color: orangered
+}
+
+.orchid, .orchid a {
+ color: orchid
+}
+
+/* used once (wrong? */
+.pink, .pink a, .slave.name.simple {
+ color: pink
+}
+
+/* also fetish start ??? , and a lot of other stuff */
+.red, .red a, .health.dec, .health.dec a, .cash.dec, .cash.dec a, .stat.drop, .stat.drop a, .flaw.gain, .flaw.gain a, .mindbreak, .mindbreak a, .error, .error a, .elites.loss, .elites.loss a, .reputation.dec, .reputation.dec a, .warning, .warning a {
+ color: red
+}
+
+/* also generally bad stuff */
+/* note: .error is for unexpected behavior, .warning for player feedback */
+.seagreen, .seagreen a, .trust.prof-trusting, .trust.prof-trusting a {
+ color: seagreen
+}
+
+.springgreen, .springgreen a, .skill.player, .skill.player a {
+ color: springgreen
+}
+
+.tan, .tan a {
+ color: tan
+}
+
+/* some ethnicity */
+.chocolate, .chocolate a {
+ color: chocolate
+}
+
+.saddlebrown, .saddlebrown a {
+ color: saddlebrown
+}
+
+.teal, .teal a {
+ color: teal
+}
+
+.yellow, .yellow a, .noteworthy, .noteworthy a, .paraphilia.gain, .paraphilia.gain a, .devotion.ambivalent, .devotion.ambivalent a, .trust.fearful, .trust.fearful a, .job.change {
+ color: yellow
+}
+
+.yellowgreen, .yellowgreen a, .cash.inc, .cash.inc a, .cash, .cash a {
+ color: yellowgreen
+}
+
+.white a {
+ color: white
+}
+
+.violet, .libido.inc {
+ color: violet
+}
+
+.khaki, .libido.dec {
+ color: khaki
+}
diff --git a/src/gui/css/mainStyleSheet.css b/src/gui/css/mainStyleSheet.css
index e7c21e220d6dac80621d649c7ca698cc34d48f3a..9f87b50bef3173ddbb302942322cec19d63c706f 100644
--- a/src/gui/css/mainStyleSheet.css
+++ b/src/gui/css/mainStyleSheet.css
@@ -1,52 +1,3 @@
-/* Colors are made as css classes, to allow them to be changed for a light color scheme (for example). */
-/* a version is for this case: <span class="-.."><a>text</a></span> */
-.link, .link a { color: var(--link-color) } /* link color */
-.aquamarine, .aquamarine a, .skill, .skill a { color: aquamarine }
-.coral, .coral a, .fetish.loss, .fetish.loss a { color: coral }
-.cyan, .cyan a, .hotkey { color: cyan } /* used for aphrodisiac & neighbor arcs */
-.darkgoldenrod, .darkgoldenrod a, .trust.extremely-terrified, .trust.extremely-terrified a { color: darkgoldenrod }
-.darkred, .darkred a, .defiant.full, .defiant.full a { color: darkred }
-.darkviolet, .darkviolet a, .devotion.hateful, .devotion.hateful a { color: darkviolet }
-.deeppink, .deeppink a, .devotion.devoted, .devotion.devoted a { color: deeppink } /* used for devotion once & agent */
-.steelblue, .steelblue a { color: steelblue }
-.deepskyblue, .deepskyblue a, .intelligent, .intelligent a { color: deepskyblue }
-.dodgerblue, .dodgerblue a { color: dodgerblue }
-.blue, .blue a { color: blue }
-.gold, .gold a, .trust.dec, .trust.dec a, .trust.frightened, .trust.frightened a { color: gold }
-.goldenrod, .goldenrod a, .trust.terrified, .trust.terrified a { color: goldenrod }
-.gray, .gray a { color: gray }
-.green, .green a, .reputation.inc, .reputation.inc a, .improvement, .improvement a, .flaw.break, .flaw.break a, .skill.inc, .skill.inc a, .fuckdoll, .fuckdoll a, .positive, .positive a, .health.inc, .health.inc a { color: green }
-.hotpink, .hotpink a, .devotion.inc, .devotion.inc a, .devotion.accept, .devotion.accept a { color: hotpink }
-.lawngreen, .lawngreen a { color: lawngreen }
-.lightblue, .lightblue a { color: lightblue }
-.lightcoral, .lightcoral a, .fetish.gain, .fetish.gain a { color: lightcoral } /* compare pink for fetish */
-.lightgreen, .lightgreen a, .relationship, .relationship a, .rivalry.dec, .rivalry.dec a { color: lightgreen }
-.lightpink, .lightpink a { color: lightpink }
-.lightsalmon, .lightsalmon a, .fetish.inc, .fetish.inc a, .rivalry.inc, .rivalry.inc a, .relationship.dec, .relationship.dec a { color: lightsalmon }
-.lime, .lime a, .change.positive, .change.positive a, .virginity.loss, .virginity.loss a, .puberty, .puberty a, .pregnant, .pregnant a { color: lime } /* tight orifices, breast changes, take virginity, not sure on good aliases */
-.limegreen, .limegreen a { color: limegreen } /* multiple questionable uses */
-.magenta, .magenta a, .devotion.worship, .devotion.worship a { color: magenta }
-.mediumaquamarine, .mediumaquamarine a, .trust.inc, .trust.inc a, .trust.careful, .trust.careful a { color: mediumaquamarine }
-.mediumorchid, .mediumorchid a, .devotion.dec, .devotion.dec a, .devotion.resistant, .devotion.resistant a { color: mediumorchid }
-.mediumseagreen, .mediumseagreen a, .trust.trusting, .trust.trusting a { color: mediumseagreen }
-.orange, .orange a, .stupid, .stupid a, .change.negative, .change.negative a, .defiant.careful, .defiant.careful a, .ncs, .ncs a, .miscarriage, .miscarriage a, .intro.question { color: orange } /* generally between red and green, and a lot of other places */
-.orangered, .orangered a, .defiant.inc, .defiant.inc a, .defiant.bold, .defiant.bold, .education.neg a { color: orangered }
-.orchid, .orchid a { color: orchid } /* used once (wrong? */
-.pink, .pink a, .slave.name.simple { color: pink } /* also fetish start ??? , and a lot of other stuff */
-.red, .red a, .health.dec, .health.dec a, .cash.dec, .cash.dec a, .stat.drop, .stat.drop a, .flaw.gain, .flaw.gain a, .mindbreak, .mindbreak a, .error, .error a, .elites.loss, .elites.loss a, .reputation.dec, .reputation.dec a, .warning, .warning a { color: red } /* also generally bad stuff */
-/* note: .error is for unexpected behavior, .warning for player feedback */
-.seagreen, .seagreen a, .trust.prof-trusting, .trust.prof-trusting a { color: seagreen }
-.springgreen, .springgreen a, .skill.player, .skill.player a { color: springgreen }
-.tan, .tan a { color: tan } /* some ethnicity */
-.chocolate, .chocolate a { color: chocolate }
-.saddlebrown, .saddlebrown a { color: saddlebrown }
-.teal, .teal a { color: teal }
-.yellow, .yellow a, .noteworthy, .noteworthy a, .paraphilia.gain, .paraphilia.gain a, .devotion.ambivalent, .devotion.ambivalent a, .trust.fearful, .trust.fearful a, .job.change { color: yellow }
-.yellowgreen, .yellowgreen a, .cash.inc, .cash.inc a, .cash, .cash a { color: yellowgreen }
-.white a { color: white }
-.violet, .libido.inc { color: violet }
-.khaki, .libido.dec { color: khaki }
-
div.output{
width: 100%;
width: 100vw;