diff --git a/demos/er.html b/demos/er.html
index ccf276d88..026357efa 100644
--- a/demos/er.html
+++ b/demos/er.html
@@ -16,18 +16,30 @@
   <body>
     <pre class="mermaid">
       erDiagram
-        accTitle: A very simple Entity-Relationship demo
-        accDescr: Shows the relationships between Customer, Order, Line-Item, and Delivery-Address
+        title: This is a title
+        accDescription_ Test a description
 
         CUSTOMER ||--o{ ORDER : places
         ORDER ||--|{ LINE-ITEM : contains
         CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
+
+        DELIVERY-ADDRESS {
+          int customerId
+          string addressLine1
+          string addressLine2
+          string city
+          string county
+          string state
+          string region
+          string country
+          string postalCode
+        }
     </pre>
 
     <script type="module">
       import mermaid from '../src/mermaid';
       mermaid.initialize({
-        theme: 'forest',
+        theme: 'base',
         // themeCSS: '.node rect { fill: red; }',
         logLevel: 3,
         securityLevel: 'loose',
diff --git a/src/diagrams/er/styles.js b/src/diagrams/er/styles.js
index 60596ac9d..907d813b6 100644
--- a/src/diagrams/er/styles.js
+++ b/src/diagrams/er/styles.js
@@ -6,12 +6,12 @@ const getStyles = (options) =>
   }
 
   .attributeBoxOdd {
-    fill: #ffffff;
+    fill: ${options.attributeBackgroundColorOdd};
     stroke: ${options.nodeBorder};
   }
 
   .attributeBoxEven {
-    fill: #f2f2f2;
+    fill:  ${options.attributeBackgroundColorEven};
     stroke: ${options.nodeBorder};
   }
 
diff --git a/src/themes/erDiagram-oldHardcodedValues.ts b/src/themes/erDiagram-oldHardcodedValues.ts
new file mode 100644
index 000000000..8f88a70cd
--- /dev/null
+++ b/src/themes/erDiagram-oldHardcodedValues.ts
@@ -0,0 +1,7 @@
+/**
+ * @file Values that have been hardcoded in src/diagrams/er/styles.js. These can be used by
+ *   theme-_._ files to maintain display styles until themes, styles, renderers are revised. --
+ *   2022-09-22
+ */
+export const oldAttributeBackgroundColorOdd = '#ffffff';
+export const oldAttributeBackgroundColorEven = '#f2f2f2';
diff --git a/src/themes/theme-base.js b/src/themes/theme-base.js
index 0de370f0a..86338c13c 100644
--- a/src/themes/theme-base.js
+++ b/src/themes/theme-base.js
@@ -1,5 +1,10 @@
 import { darken, lighten, adjust, invert } from 'khroma';
 import { mkBorder } from './theme-helpers';
+import {
+  oldAttributeBackgroundColorEven,
+  oldAttributeBackgroundColorOdd,
+} from './erDiagram-oldHardcodedValues';
+
 class Theme {
   constructor() {
     /** # Base variables */
@@ -219,6 +224,15 @@ class Theme {
     this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor;
     this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor;
     this.commitLabelFontSize = this.commitLabelFontSize || '10px';
+
+    /* -------------------------------------------------- */
+    /* EntityRelationship diagrams                        */
+
+    this.attributeBackgroundColorOdd =
+      this.attributeBackgroundColorOdd || oldAttributeBackgroundColorOdd;
+    this.attributeBackgroundColorEven =
+      this.attributeBackgroundColorEven || oldAttributeBackgroundColorEven;
+    /* -------------------------------------------------- */
   }
   calculate(overrides) {
     if (typeof overrides !== 'object') {
diff --git a/src/themes/theme-dark.js b/src/themes/theme-dark.js
index a8b4c5477..d0ea1269e 100644
--- a/src/themes/theme-dark.js
+++ b/src/themes/theme-dark.js
@@ -1,5 +1,6 @@
 import { invert, lighten, darken, rgba, adjust } from 'khroma';
 import { mkBorder } from './theme-helpers';
+
 class Theme {
   constructor() {
     this.background = '#333';
@@ -28,8 +29,8 @@ class Theme {
     this.fontSize = '16px';
     this.labelBackground = '#181818';
     this.textColor = '#ccc';
-    /* Flowchart variables */
 
+    /* Flowchart variables */
     this.nodeBkg = 'calculated';
     this.nodeBorder = 'calculated';
     this.clusterBkg = 'calculated';
@@ -218,6 +219,15 @@ class Theme {
     this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor;
     this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor;
     this.commitLabelFontSize = this.commitLabelFontSize || '10px';
+
+    /* -------------------------------------------------- */
+    /* EntityRelationship diagrams                        */
+
+    this.attributeBackgroundColorOdd =
+      this.attributeBackgroundColorOdd || lighten(this.background, 12);
+    this.attributeBackgroundColorEven =
+      this.attributeBackgroundColorEven || lighten(this.background, 2);
+    /* -------------------------------------------------- */
   }
   calculate(overrides) {
     if (typeof overrides !== 'object') {
diff --git a/src/themes/theme-default.js b/src/themes/theme-default.js
index 0d7939618..a8abbfc57 100644
--- a/src/themes/theme-default.js
+++ b/src/themes/theme-default.js
@@ -1,5 +1,9 @@
 import { invert, lighten, rgba, adjust, darken } from 'khroma';
 import { mkBorder } from './theme-helpers';
+import {
+  oldAttributeBackgroundColorEven,
+  oldAttributeBackgroundColorOdd,
+} from './erDiagram-oldHardcodedValues';
 
 class Theme {
   constructor() {
@@ -257,6 +261,15 @@ class Theme {
     this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor;
     this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor;
     this.commitLabelFontSize = this.commitLabelFontSize || '10px';
+
+    /* -------------------------------------------------- */
+    /* EntityRelationship diagrams                        */
+
+    this.attributeBackgroundColorOdd =
+      this.attributeBackgroundColorOdd || oldAttributeBackgroundColorOdd;
+    this.attributeBackgroundColorEven =
+      this.attributeBackgroundColorEven || oldAttributeBackgroundColorEven;
+    /* -------------------------------------------------- */
   }
   calculate(overrides) {
     if (typeof overrides !== 'object') {
diff --git a/src/themes/theme-forest.js b/src/themes/theme-forest.js
index 7f2566de3..d02d46e5a 100644
--- a/src/themes/theme-forest.js
+++ b/src/themes/theme-forest.js
@@ -1,5 +1,10 @@
 import { darken, lighten, adjust, invert } from 'khroma';
 import { mkBorder } from './theme-helpers';
+import {
+  oldAttributeBackgroundColorEven,
+  oldAttributeBackgroundColorOdd,
+} from './erDiagram-oldHardcodedValues';
+
 class Theme {
   constructor() {
     /* Base vales */
@@ -219,6 +224,15 @@ class Theme {
     this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor;
     this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor;
     this.commitLabelFontSize = this.commitLabelFontSize || '10px';
+
+    /* -------------------------------------------------- */
+    /* EntityRelationship diagrams                        */
+
+    this.attributeBackgroundColorOdd =
+      this.attributeBackgroundColorOdd || oldAttributeBackgroundColorOdd;
+    this.attributeBackgroundColorEven =
+      this.attributeBackgroundColorEven || oldAttributeBackgroundColorEven;
+    /* -------------------------------------------------- */
   }
   calculate(overrides) {
     if (typeof overrides !== 'object') {
diff --git a/src/themes/theme-neutral.js b/src/themes/theme-neutral.js
index 9c1ad5d1b..c4bbf8241 100644
--- a/src/themes/theme-neutral.js
+++ b/src/themes/theme-neutral.js
@@ -1,5 +1,9 @@
 import { invert, darken, lighten, adjust } from 'khroma';
 import { mkBorder } from './theme-helpers';
+import {
+  oldAttributeBackgroundColorEven,
+  oldAttributeBackgroundColorOdd,
+} from './erDiagram-oldHardcodedValues';
 
 // const Color = require ( 'khroma/dist/color' ).default
 // Color.format.hex.stringify(Color.parse('hsl(210, 66.6666666667%, 95%)')); // => "#EAF2FB"
@@ -261,6 +265,15 @@ class Theme {
     this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor;
     this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor;
     this.commitLabelFontSize = this.commitLabelFontSize || '10px';
+
+    /* -------------------------------------------------- */
+    /* EntityRelationship diagrams                        */
+
+    this.attributeBackgroundColorOdd =
+      this.attributeBackgroundColorOdd || oldAttributeBackgroundColorOdd;
+    this.attributeBackgroundColorEven =
+      this.attributeBackgroundColorEven || oldAttributeBackgroundColorEven;
+    /* -------------------------------------------------- */
   }
   calculate(overrides) {
     if (typeof overrides !== 'object') {
