diff --git a/src/__tests__/diff2html-tests.ts b/src/__tests__/diff2html-tests.ts
index 7bc16f7..63f6eac 100644
--- a/src/__tests__/diff2html-tests.ts
+++ b/src/__tests__/diff2html-tests.ts
@@ -1266,7 +1266,7 @@ describe('Diff2Html', () => {
           colorScheme: ColorSchemeType.DARK,
         });
         expect(result).toMatchInlineSnapshot(`
-          "<div class="d2h-wrapper dark">
+          "<div class="d2h-wrapper d2h-dark-color-scheme">
               <div id="d2h-675094" class="d2h-file-wrapper" data-lang="">
               <div class="d2h-file-header">
               <span class="d2h-file-name-wrapper">
diff --git a/src/render-utils.ts b/src/render-utils.ts
index 6723c3f..2709525 100644
--- a/src/render-utils.ts
+++ b/src/render-utils.ts
@@ -89,9 +89,9 @@ export function toCSSClass(lineType: LineType): CSSLineClass {
 export function colorSchemeToCss(colorScheme: ColorSchemeType): string {
   switch (colorScheme) {
     case ColorSchemeType.DARK:
-      return ' dark';
+      return ' d2h-dark-color-scheme';
     case ColorSchemeType.AUTO:
-      return ' auto-color-scheme';
+      return ' d2h-auto-color-scheme';
     default:
       return '';
   }