New source found from dndbeyond.com

ddb_main/tools/js/CharacterSheet/containers/PrimaryBox/PrimaryBox.tsx

@@ -1,5 +1,7 @@
+import clsx from "clsx";
 import React from "react";
 import { connect, DispatchProp } from "react-redux";
+import { AnyAction } from "redux";
 
 import {
   BeveledBoxSvg517x660,
@@ -39,7 +41,9 @@ const TAB_KEY = {
   EXTRAS: "EXTRAS",
 };
 
-interface Props extends DispatchProp {
+// TODO: We are typing with AnyAction here to work around issues with UnknownAction, the type that was introduced in Redux 5.
+// If we decide to modernize to Redux 5, we will need to refactor much of the Rules Engine redux usage.
+interface Props extends DispatchProp<AnyAction> {
   hasSpells: boolean;
   dimensions: AppEnvDimensionsState;
   theme: CharacterTheme;
@@ -62,9 +66,11 @@ class PrimaryBox extends React.PureComponent<Props, {}> {
     return (
       <Subsection name="Primary Box">
         <div
-          className={`ct-primary-box ${
-            theme.isDarkMode ? "ct-primary-box--dark-mode" : ""
-          }`}
+          className={clsx([
+            "ct-primary-box",
+            theme.isDarkMode && "ct-primary-box--dark-mode",
+            styles.primaryBox,
+          ])}
         >
           <BoxBackground
             StyleComponent={BoxBackgroundComponent}
@@ -122,6 +128,7 @@ class PrimaryBox extends React.PureComponent<Props, {}> {
                 id: TAB_KEY.EXTRAS,
               },
             ]}
+            themed
           />
         </div>
       </Subsection>