force font colors

css/_auto/custom_auto.css

@@ -128,6 +128,10 @@
         --color-pink-contrast: var(--color-pink-dark-2);
         --color-brown-contrast: var(--color-brown-dark-2);
         --color-black-contrast: var(--color-black-dark-2);
+        --color-white-contrast: #bcbcbc;
+        --color-beige-contrast: #a0a084;
+        --color-navy-contrast: #000080;
+        --color-maroon-contrast: #800000;
         /* ansi colors used for actions console and console files */
         --color-ansi-black: #1e2327;
         --color-ansi-red: #cc4848;

css/_dark/index_dark.css

@@ -173,6 +173,10 @@
 	--color-pink-contrast: var(--color-pink-light);
 	--color-brown-contrast: var(--color-brown-light);
 	--color-black-contrast: var(--color-black-light);
+	--color-white-contrast: #ffffff;
+	--color-beige-contrast: #f5f5dc;
+	--color-navy-contrast: #3535b4;
+	--color-maroon-contrast: #973333;
 	/* ansi colors used for actions console and console files */
 	--color-ansi-black: #1e2327;
 	--color-ansi-red: #cc4848;
@@ -2209,6 +2213,70 @@ li.ui-tab.ui-tabs-active.ui-state-active.ui-state-hover .ui-tabs-anchor {
 	border-bottom: none;
 }
 
+/* -------------------------------------------------------
+ * Font colors
+ * -------------------------------------------------------
+ */
+.bbc_color[style="color: red;"] {
+	color: var(--color-red-contrast) !important;
+}
+
+.bbc_color[style="color: yellow;"] {
+	color: var(--color-yellow-contrast) !important;
+}
+
+.bbc_color[style="color: pink;"] {
+	color: var(--color-pink-contrast) !important;
+}
+
+.bbc_color[style="color: green;"] {
+	color: var(--color-green-contrast) !important;
+}
+
+.bbc_color[style="color: orange;"] {
+	color: var(--color-orange-contrast) !important;
+}
+
+.bbc_color[style="color: purple;"] {
+	color: var(--color-purple-contrast) !important;
+}
+
+.bbc_color[style="color: blue;"] {
+	color: var(--color-blue-contrast) !important;
+}
+
+.bbc_color[style="color: brown;"] {
+	color: var(--color-brown-contrast) !important;
+}
+
+.bbc_color[style="color: teal;"] {
+	color: var(--color-teal-contrast) !important;
+}
+
+.bbc_color[style="color: limegreen;"] {
+	color: var(--color-olive-contrast) !important;
+}
+
+.bbc_color[style="color: beige;"] {
+	color: var(--color-beige-contrast) !important;
+}
+
+.bbc_color[style="color: navy;"] {
+	color: var(--color-navy-contrast) !important;
+}
+
+.bbc_color[style="color: maroon;"] {
+	color: var(--color-maroon-contrast) !important;
+}
+
+.bbc_color[style="color: black;"] {
+	color: var(--color-secondary-dark-11) !important;
+}
+
+.bbc_color[style="color: white;"] {
+	color: var(--color-secondary-dark-1) !important;
+}
+
 /* -------------------------------------------------------
  * Cookie
  * -------------------------------------------------------

css/_dark/jquery.sceditor.elk_dark.css

@@ -238,6 +238,66 @@
 	border: 2px solid #333333;
 }
 
+.sceditor-color-option[style="background-color: red"] {
+	background-color: var(--color-red-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: yellow"] {
+	background-color: var(--color-yellow-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: pink"] {
+	background-color: var(--color-pink-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: green"] {
+	background-color: var(--color-green-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: orange"] {
+	background-color: var(--color-orange-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: purple"] {
+	background-color: var(--color-purple-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: blue"] {
+	background-color: var(--color-blue-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: brown"] {
+	background-color: var(--color-brown-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: teal"] {
+	background-color: var(--color-teal-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: limegreen"] {
+	background-color: var(--color-olive-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: beige"] {
+	background-color: var(--color-beige-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: navy"] {
+	background-color: var(--color-navy-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: maroon"] {
+	background-color: var(--color-maroon-contrast) !important;
+}
+
+.sceditor-color-option[style="background-color: black"] {
+	background-color: var(--color-secondary-dark-11) !important;
+}
+
+.sceditor-color-option[style="background-color: white"] {
+	background-color: var(--color-secondary-dark-1) !important;
+}
+
 .sceditor-toolbar {
 	overflow: hidden;
 

theme_info.xml

@@ -2,7 +2,7 @@
 	<theme-info xmlns="https://www.elkarte.net/site/theme-info" xmlns:elk="https://www.elkarte.net/">
 		<!-- For the id, always use something unique - put your name, a colon, and then the package name. -->
 		<id>artix:Artix</id>
-		<version>1.2.8</version>
+		<version>1.2.9</version>
 		<!-- Theme name, used purely for aesthetics. -->
 		<name>Artix</name>
 		<!-- Author: your email address or contact information. The name attribute is optional. -->